/*!
 * Font Awesome Pro 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -.0667em; }

.fa-xs {
  font-size: .75em; }

.fa-sm {
  font-size: .875em; }

.fa-1x {
  font-size: 1em; }

.fa-2x {
  font-size: 2em; }

.fa-3x {
  font-size: 3em; }

.fa-4x {
  font-size: 4em; }

.fa-5x {
  font-size: 5em; }

.fa-6x {
  font-size: 6em; }

.fa-7x {
  font-size: 7em; }

.fa-8x {
  font-size: 8em; }

.fa-9x {
  font-size: 9em; }

.fa-10x {
  font-size: 10em; }

.fa-fw {
  text-align: center;
  width: 1.25em; }

.fa-ul {
  list-style-type: none;
  margin-left: 2.5em;
  padding-left: 0; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  left: -2em;
  position: absolute;
  text-align: center;
  width: 2em;
  line-height: inherit; }

.fa-border {
  border: solid 0.08em #eee;
  border-radius: .1em;
  padding: .2em .25em .15em; }

.fa-pull-left {
  float: left; }

.fa-pull-right {
  float: right; }

.fa.fa-pull-left,
.fas.fa-pull-left,
.far.fa-pull-left,
.fal.fa-pull-left,
.fab.fa-pull-left {
  margin-right: .3em; }

.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: .3em; }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
          animation: fa-spin 2s infinite linear; }

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
          animation: fa-spin 1s infinite steps(8); }

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg); }

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1); }

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical,
:root .fa-flip-both {
  -webkit-filter: none;
          filter: none; }

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em; }

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%; }

.fa-stack-1x {
  line-height: inherit; }

.fa-stack-2x {
  font-size: 2em; }

.fa-inverse {
  color: #fff; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-500px:before {
  content: "\f26e"; }

.fa-abacus:before {
  content: "\f640"; }

.fa-accessible-icon:before {
  content: "\f368"; }

.fa-accusoft:before {
  content: "\f369"; }

.fa-acorn:before {
  content: "\f6ae"; }

.fa-acquisitions-incorporated:before {
  content: "\f6af"; }

.fa-ad:before {
  content: "\f641"; }

.fa-address-book:before {
  content: "\f2b9"; }

.fa-address-card:before {
  content: "\f2bb"; }

.fa-adjust:before {
  content: "\f042"; }

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

.fa-adobe:before {
  content: "\f778"; }

.fa-adversal:before {
  content: "\f36a"; }

.fa-affiliatetheme:before {
  content: "\f36b"; }

.fa-air-freshener:before {
  content: "\f5d0"; }

.fa-airbnb:before {
  content: "\f834"; }

.fa-alarm-clock:before {
  content: "\f34e"; }

.fa-alarm-exclamation:before {
  content: "\f843"; }

.fa-alarm-plus:before {
  content: "\f844"; }

.fa-alarm-snooze:before {
  content: "\f845"; }

.fa-algolia:before {
  content: "\f36c"; }

.fa-alicorn:before {
  content: "\f6b0"; }

.fa-align-center:before {
  content: "\f037"; }

.fa-align-justify:before {
  content: "\f039"; }

.fa-align-left:before {
  content: "\f036"; }

.fa-align-right:before {
  content: "\f038"; }

.fa-align-slash:before {
  content: "\f846"; }

.fa-alipay:before {
  content: "\f642"; }

.fa-allergies:before {
  content: "\f461"; }

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

.fa-amazon-pay:before {
  content: "\f42c"; }

.fa-ambulance:before {
  content: "\f0f9"; }

.fa-american-sign-language-interpreting:before {
  content: "\f2a3"; }

.fa-amilia:before {
  content: "\f36d"; }

.fa-analytics:before {
  content: "\f643"; }

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

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

.fa-angel:before {
  content: "\f779"; }

.fa-angellist:before {
  content: "\f209"; }

.fa-angle-double-down:before {
  content: "\f103"; }

.fa-angle-double-left:before {
  content: "\f100"; }

.fa-angle-double-right:before {
  content: "\f101"; }

.fa-angle-double-up:before {
  content: "\f102"; }

.fa-angle-down:before {
  content: "\f107"; }

.fa-angle-left:before {
  content: "\f104"; }

.fa-angle-right:before {
  content: "\f105"; }

.fa-angle-up:before {
  content: "\f106"; }

.fa-angry:before {
  content: "\f556"; }

.fa-angrycreative:before {
  content: "\f36e"; }

.fa-angular:before {
  content: "\f420"; }

.fa-ankh:before {
  content: "\f644"; }

.fa-app-store:before {
  content: "\f36f"; }

.fa-app-store-ios:before {
  content: "\f370"; }

.fa-apper:before {
  content: "\f371"; }

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

.fa-apple-alt:before {
  content: "\f5d1"; }

.fa-apple-crate:before {
  content: "\f6b1"; }

.fa-apple-pay:before {
  content: "\f415"; }

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

.fa-archway:before {
  content: "\f557"; }

.fa-arrow-alt-circle-down:before {
  content: "\f358"; }

.fa-arrow-alt-circle-left:before {
  content: "\f359"; }

.fa-arrow-alt-circle-right:before {
  content: "\f35a"; }

.fa-arrow-alt-circle-up:before {
  content: "\f35b"; }

.fa-arrow-alt-down:before {
  content: "\f354"; }

.fa-arrow-alt-from-bottom:before {
  content: "\f346"; }

.fa-arrow-alt-from-left:before {
  content: "\f347"; }

.fa-arrow-alt-from-right:before {
  content: "\f348"; }

.fa-arrow-alt-from-top:before {
  content: "\f349"; }

.fa-arrow-alt-left:before {
  content: "\f355"; }

.fa-arrow-alt-right:before {
  content: "\f356"; }

.fa-arrow-alt-square-down:before {
  content: "\f350"; }

.fa-arrow-alt-square-left:before {
  content: "\f351"; }

.fa-arrow-alt-square-right:before {
  content: "\f352"; }

.fa-arrow-alt-square-up:before {
  content: "\f353"; }

.fa-arrow-alt-to-bottom:before {
  content: "\f34a"; }

.fa-arrow-alt-to-left:before {
  content: "\f34b"; }

.fa-arrow-alt-to-right:before {
  content: "\f34c"; }

.fa-arrow-alt-to-top:before {
  content: "\f34d"; }

.fa-arrow-alt-up:before {
  content: "\f357"; }

.fa-arrow-circle-down:before {
  content: "\f0ab"; }

.fa-arrow-circle-left:before {
  content: "\f0a8"; }

.fa-arrow-circle-right:before {
  content: "\f0a9"; }

.fa-arrow-circle-up:before {
  content: "\f0aa"; }

.fa-arrow-down:before {
  content: "\f063"; }

.fa-arrow-from-bottom:before {
  content: "\f342"; }

.fa-arrow-from-left:before {
  content: "\f343"; }

.fa-arrow-from-right:before {
  content: "\f344"; }

.fa-arrow-from-top:before {
  content: "\f345"; }

.fa-arrow-left:before {
  content: "\f060"; }

.fa-arrow-right:before {
  content: "\f061"; }

.fa-arrow-square-down:before {
  content: "\f339"; }

.fa-arrow-square-left:before {
  content: "\f33a"; }

.fa-arrow-square-right:before {
  content: "\f33b"; }

.fa-arrow-square-up:before {
  content: "\f33c"; }

.fa-arrow-to-bottom:before {
  content: "\f33d"; }

.fa-arrow-to-left:before {
  content: "\f33e"; }

.fa-arrow-to-right:before {
  content: "\f340"; }

.fa-arrow-to-top:before {
  content: "\f341"; }

.fa-arrow-up:before {
  content: "\f062"; }

.fa-arrows:before {
  content: "\f047"; }

.fa-arrows-alt:before {
  content: "\f0b2"; }

.fa-arrows-alt-h:before {
  content: "\f337"; }

.fa-arrows-alt-v:before {
  content: "\f338"; }

.fa-arrows-h:before {
  content: "\f07e"; }

.fa-arrows-v:before {
  content: "\f07d"; }

.fa-artstation:before {
  content: "\f77a"; }

.fa-assistive-listening-systems:before {
  content: "\f2a2"; }

.fa-asterisk:before {
  content: "\f069"; }

.fa-asymmetrik:before {
  content: "\f372"; }

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

.fa-atlas:before {
  content: "\f558"; }

.fa-atlassian:before {
  content: "\f77b"; }

.fa-atom:before {
  content: "\f5d2"; }

.fa-atom-alt:before {
  content: "\f5d3"; }

.fa-audible:before {
  content: "\f373"; }

.fa-audio-description:before {
  content: "\f29e"; }

.fa-autoprefixer:before {
  content: "\f41c"; }

.fa-avianex:before {
  content: "\f374"; }

.fa-aviato:before {
  content: "\f421"; }

.fa-award:before {
  content: "\f559"; }

.fa-aws:before {
  content: "\f375"; }

.fa-axe:before {
  content: "\f6b2"; }

.fa-axe-battle:before {
  content: "\f6b3"; }

.fa-baby:before {
  content: "\f77c"; }

.fa-baby-carriage:before {
  content: "\f77d"; }

.fa-backpack:before {
  content: "\f5d4"; }

.fa-backspace:before {
  content: "\f55a"; }

.fa-backward:before {
  content: "\f04a"; }

.fa-bacon:before {
  content: "\f7e5"; }

.fa-badge:before {
  content: "\f335"; }

.fa-badge-check:before {
  content: "\f336"; }

.fa-badge-dollar:before {
  content: "\f645"; }

.fa-badge-percent:before {
  content: "\f646"; }

.fa-badger-honey:before {
  content: "\f6b4"; }

.fa-bags-shopping:before {
  content: "\f847"; }

.fa-balance-scale:before {
  content: "\f24e"; }

.fa-balance-scale-left:before {
  content: "\f515"; }

.fa-balance-scale-right:before {
  content: "\f516"; }

.fa-ball-pile:before {
  content: "\f77e"; }

.fa-ballot:before {
  content: "\f732"; }

.fa-ballot-check:before {
  content: "\f733"; }

.fa-ban:before {
  content: "\f05e"; }

.fa-band-aid:before {
  content: "\f462"; }

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

.fa-barcode:before {
  content: "\f02a"; }

.fa-barcode-alt:before {
  content: "\f463"; }

.fa-barcode-read:before {
  content: "\f464"; }

.fa-barcode-scan:before {
  content: "\f465"; }

.fa-bars:before {
  content: "\f0c9"; }

.fa-baseball:before {
  content: "\f432"; }

.fa-baseball-ball:before {
  content: "\f433"; }

.fa-basketball-ball:before {
  content: "\f434"; }

.fa-basketball-hoop:before {
  content: "\f435"; }

.fa-bat:before {
  content: "\f6b5"; }

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

.fa-battery-bolt:before {
  content: "\f376"; }

.fa-battery-empty:before {
  content: "\f244"; }

.fa-battery-full:before {
  content: "\f240"; }

.fa-battery-half:before {
  content: "\f242"; }

.fa-battery-quarter:before {
  content: "\f243"; }

.fa-battery-slash:before {
  content: "\f377"; }

.fa-battery-three-quarters:before {
  content: "\f241"; }

.fa-battle-net:before {
  content: "\f835"; }

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

.fa-beer:before {
  content: "\f0fc"; }

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

.fa-behance-square:before {
  content: "\f1b5"; }

.fa-bell:before {
  content: "\f0f3"; }

.fa-bell-exclamation:before {
  content: "\f848"; }

.fa-bell-plus:before {
  content: "\f849"; }

.fa-bell-school:before {
  content: "\f5d5"; }

.fa-bell-school-slash:before {
  content: "\f5d6"; }

.fa-bell-slash:before {
  content: "\f1f6"; }

.fa-bells:before {
  content: "\f77f"; }

.fa-bezier-curve:before {
  content: "\f55b"; }

.fa-bible:before {
  content: "\f647"; }

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

.fa-biking:before {
  content: "\f84a"; }

.fa-biking-mountain:before {
  content: "\f84b"; }

.fa-bimobject:before {
  content: "\f378"; }

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

.fa-biohazard:before {
  content: "\f780"; }

.fa-birthday-cake:before {
  content: "\f1fd"; }

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

.fa-bitcoin:before {
  content: "\f379"; }

.fa-bity:before {
  content: "\f37a"; }

.fa-black-tie:before {
  content: "\f27e"; }

.fa-blackberry:before {
  content: "\f37b"; }

.fa-blanket:before {
  content: "\f498"; }

.fa-blender:before {
  content: "\f517"; }

.fa-blender-phone:before {
  content: "\f6b6"; }

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

.fa-blog:before {
  content: "\f781"; }

.fa-blogger:before {
  content: "\f37c"; }

.fa-blogger-b:before {
  content: "\f37d"; }

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

.fa-bluetooth-b:before {
  content: "\f294"; }

.fa-bold:before {
  content: "\f032"; }

.fa-bolt:before {
  content: "\f0e7"; }

.fa-bomb:before {
  content: "\f1e2"; }

.fa-bone:before {
  content: "\f5d7"; }

.fa-bone-break:before {
  content: "\f5d8"; }

.fa-bong:before {
  content: "\f55c"; }

.fa-book:before {
  content: "\f02d"; }

.fa-book-alt:before {
  content: "\f5d9"; }

.fa-book-dead:before {
  content: "\f6b7"; }

.fa-book-heart:before {
  content: "\f499"; }

.fa-book-medical:before {
  content: "\f7e6"; }

.fa-book-open:before {
  content: "\f518"; }

.fa-book-reader:before {
  content: "\f5da"; }

.fa-book-spells:before {
  content: "\f6b8"; }

.fa-book-user:before {
  content: "\f7e7"; }

.fa-bookmark:before {
  content: "\f02e"; }

.fa-books:before {
  content: "\f5db"; }

.fa-books-medical:before {
  content: "\f7e8"; }

.fa-boot:before {
  content: "\f782"; }

.fa-booth-curtain:before {
  content: "\f734"; }

.fa-bootstrap:before {
  content: "\f836"; }

.fa-border-all:before {
  content: "\f84c"; }

.fa-border-bottom:before {
  content: "\f84d"; }

.fa-border-inner:before {
  content: "\f84e"; }

.fa-border-left:before {
  content: "\f84f"; }

.fa-border-none:before {
  content: "\f850"; }

.fa-border-outer:before {
  content: "\f851"; }

.fa-border-right:before {
  content: "\f852"; }

.fa-border-style:before {
  content: "\f853"; }

.fa-border-style-alt:before {
  content: "\f854"; }

.fa-border-top:before {
  content: "\f855"; }

.fa-bow-arrow:before {
  content: "\f6b9"; }

.fa-bowling-ball:before {
  content: "\f436"; }

.fa-bowling-pins:before {
  content: "\f437"; }

.fa-box:before {
  content: "\f466"; }

.fa-box-alt:before {
  content: "\f49a"; }

.fa-box-ballot:before {
  content: "\f735"; }

.fa-box-check:before {
  content: "\f467"; }

.fa-box-fragile:before {
  content: "\f49b"; }

.fa-box-full:before {
  content: "\f49c"; }

.fa-box-heart:before {
  content: "\f49d"; }

.fa-box-open:before {
  content: "\f49e"; }

.fa-box-up:before {
  content: "\f49f"; }

.fa-box-usd:before {
  content: "\f4a0"; }

.fa-boxes:before {
  content: "\f468"; }

.fa-boxes-alt:before {
  content: "\f4a1"; }

.fa-boxing-glove:before {
  content: "\f438"; }

.fa-brackets:before {
  content: "\f7e9"; }

.fa-brackets-curly:before {
  content: "\f7ea"; }

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

.fa-brain:before {
  content: "\f5dc"; }

.fa-bread-loaf:before {
  content: "\f7eb"; }

.fa-bread-slice:before {
  content: "\f7ec"; }

.fa-briefcase:before {
  content: "\f0b1"; }

.fa-briefcase-medical:before {
  content: "\f469"; }

.fa-bring-forward:before {
  content: "\f856"; }

.fa-bring-front:before {
  content: "\f857"; }

.fa-broadcast-tower:before {
  content: "\f519"; }

.fa-broom:before {
  content: "\f51a"; }

.fa-browser:before {
  content: "\f37e"; }

.fa-brush:before {
  content: "\f55d"; }

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

.fa-buffer:before {
  content: "\f837"; }

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

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

.fa-bullhorn:before {
  content: "\f0a1"; }

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

.fa-bullseye-arrow:before {
  content: "\f648"; }

.fa-bullseye-pointer:before {
  content: "\f649"; }

.fa-burger-soda:before {
  content: "\f858"; }

.fa-burn:before {
  content: "\f46a"; }

.fa-buromobelexperte:before {
  content: "\f37f"; }

.fa-burrito:before {
  content: "\f7ed"; }

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

.fa-bus-alt:before {
  content: "\f55e"; }

.fa-bus-school:before {
  content: "\f5dd"; }

.fa-business-time:before {
  content: "\f64a"; }

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

.fa-cabinet-filing:before {
  content: "\f64b"; }

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

.fa-calculator-alt:before {
  content: "\f64c"; }

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

.fa-calendar-alt:before {
  content: "\f073"; }

.fa-calendar-check:before {
  content: "\f274"; }

.fa-calendar-day:before {
  content: "\f783"; }

.fa-calendar-edit:before {
  content: "\f333"; }

.fa-calendar-exclamation:before {
  content: "\f334"; }

.fa-calendar-minus:before {
  content: "\f272"; }

.fa-calendar-plus:before {
  content: "\f271"; }

.fa-calendar-star:before {
  content: "\f736"; }

.fa-calendar-times:before {
  content: "\f273"; }

.fa-calendar-week:before {
  content: "\f784"; }

.fa-camera:before {
  content: "\f030"; }

.fa-camera-alt:before {
  content: "\f332"; }

.fa-camera-retro:before {
  content: "\f083"; }

.fa-campfire:before {
  content: "\f6ba"; }

.fa-campground:before {
  content: "\f6bb"; }

.fa-canadian-maple-leaf:before {
  content: "\f785"; }

.fa-candle-holder:before {
  content: "\f6bc"; }

.fa-candy-cane:before {
  content: "\f786"; }

.fa-candy-corn:before {
  content: "\f6bd"; }

.fa-cannabis:before {
  content: "\f55f"; }

.fa-capsules:before {
  content: "\f46b"; }

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

.fa-car-alt:before {
  content: "\f5de"; }

.fa-car-battery:before {
  content: "\f5df"; }

.fa-car-building:before {
  content: "\f859"; }

.fa-car-bump:before {
  content: "\f5e0"; }

.fa-car-bus:before {
  content: "\f85a"; }

.fa-car-crash:before {
  content: "\f5e1"; }

.fa-car-garage:before {
  content: "\f5e2"; }

.fa-car-mechanic:before {
  content: "\f5e3"; }

.fa-car-side:before {
  content: "\f5e4"; }

.fa-car-tilt:before {
  content: "\f5e5"; }

.fa-car-wash:before {
  content: "\f5e6"; }

.fa-caret-circle-down:before {
  content: "\f32d"; }

.fa-caret-circle-left:before {
  content: "\f32e"; }

.fa-caret-circle-right:before {
  content: "\f330"; }

.fa-caret-circle-up:before {
  content: "\f331"; }

.fa-caret-down:before {
  content: "\f0d7"; }

.fa-caret-left:before {
  content: "\f0d9"; }

.fa-caret-right:before {
  content: "\f0da"; }

.fa-caret-square-down:before {
  content: "\f150"; }

.fa-caret-square-left:before {
  content: "\f191"; }

.fa-caret-square-right:before {
  content: "\f152"; }

.fa-caret-square-up:before {
  content: "\f151"; }

.fa-caret-up:before {
  content: "\f0d8"; }

.fa-carrot:before {
  content: "\f787"; }

.fa-cars:before {
  content: "\f85b"; }

.fa-cart-arrow-down:before {
  content: "\f218"; }

.fa-cart-plus:before {
  content: "\f217"; }

.fa-cash-register:before {
  content: "\f788"; }

.fa-cat:before {
  content: "\f6be"; }

.fa-cauldron:before {
  content: "\f6bf"; }

.fa-cc-amazon-pay:before {
  content: "\f42d"; }

.fa-cc-amex:before {
  content: "\f1f3"; }

.fa-cc-apple-pay:before {
  content: "\f416"; }

.fa-cc-diners-club:before {
  content: "\f24c"; }

.fa-cc-discover:before {
  content: "\f1f2"; }

.fa-cc-jcb:before {
  content: "\f24b"; }

.fa-cc-mastercard:before {
  content: "\f1f1"; }

.fa-cc-paypal:before {
  content: "\f1f4"; }

.fa-cc-stripe:before {
  content: "\f1f5"; }

.fa-cc-visa:before {
  content: "\f1f0"; }

.fa-centercode:before {
  content: "\f380"; }

.fa-centos:before {
  content: "\f789"; }

.fa-certificate:before {
  content: "\f0a3"; }

.fa-chair:before {
  content: "\f6c0"; }

.fa-chair-office:before {
  content: "\f6c1"; }

.fa-chalkboard:before {
  content: "\f51b"; }

.fa-chalkboard-teacher:before {
  content: "\f51c"; }

.fa-charging-station:before {
  content: "\f5e7"; }

.fa-chart-area:before {
  content: "\f1fe"; }

.fa-chart-bar:before {
  content: "\f080"; }

.fa-chart-line:before {
  content: "\f201"; }

.fa-chart-line-down:before {
  content: "\f64d"; }

.fa-chart-network:before {
  content: "\f78a"; }

.fa-chart-pie:before {
  content: "\f200"; }

.fa-chart-pie-alt:before {
  content: "\f64e"; }

.fa-chart-scatter:before {
  content: "\f7ee"; }

.fa-check:before {
  content: "\f00c"; }

.fa-check-circle:before {
  content: "\f058"; }

.fa-check-double:before {
  content: "\f560"; }

.fa-check-square:before {
  content: "\f14a"; }

.fa-cheese:before {
  content: "\f7ef"; }

.fa-cheese-swiss:before {
  content: "\f7f0"; }

.fa-cheeseburger:before {
  content: "\f7f1"; }

.fa-chess:before {
  content: "\f439"; }

.fa-chess-bishop:before {
  content: "\f43a"; }

.fa-chess-bishop-alt:before {
  content: "\f43b"; }

.fa-chess-board:before {
  content: "\f43c"; }

.fa-chess-clock:before {
  content: "\f43d"; }

.fa-chess-clock-alt:before {
  content: "\f43e"; }

.fa-chess-king:before {
  content: "\f43f"; }

.fa-chess-king-alt:before {
  content: "\f440"; }

.fa-chess-knight:before {
  content: "\f441"; }

.fa-chess-knight-alt:before {
  content: "\f442"; }

.fa-chess-pawn:before {
  content: "\f443"; }

.fa-chess-pawn-alt:before {
  content: "\f444"; }

.fa-chess-queen:before {
  content: "\f445"; }

.fa-chess-queen-alt:before {
  content: "\f446"; }

.fa-chess-rook:before {
  content: "\f447"; }

.fa-chess-rook-alt:before {
  content: "\f448"; }

.fa-chevron-circle-down:before {
  content: "\f13a"; }

.fa-chevron-circle-left:before {
  content: "\f137"; }

.fa-chevron-circle-right:before {
  content: "\f138"; }

.fa-chevron-circle-up:before {
  content: "\f139"; }

.fa-chevron-double-down:before {
  content: "\f322"; }

.fa-chevron-double-left:before {
  content: "\f323"; }

.fa-chevron-double-right:before {
  content: "\f324"; }

.fa-chevron-double-up:before {
  content: "\f325"; }

.fa-chevron-down:before {
  content: "\f078"; }

.fa-chevron-left:before {
  content: "\f053"; }

.fa-chevron-right:before {
  content: "\f054"; }

.fa-chevron-square-down:before {
  content: "\f329"; }

.fa-chevron-square-left:before {
  content: "\f32a"; }

.fa-chevron-square-right:before {
  content: "\f32b"; }

.fa-chevron-square-up:before {
  content: "\f32c"; }

.fa-chevron-up:before {
  content: "\f077"; }

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

.fa-chimney:before {
  content: "\f78b"; }

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

.fa-chromecast:before {
  content: "\f838"; }

.fa-church:before {
  content: "\f51d"; }

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

.fa-circle-notch:before {
  content: "\f1ce"; }

.fa-city:before {
  content: "\f64f"; }

.fa-claw-marks:before {
  content: "\f6c2"; }

.fa-clinic-medical:before {
  content: "\f7f2"; }

.fa-clipboard:before {
  content: "\f328"; }

.fa-clipboard-check:before {
  content: "\f46c"; }

.fa-clipboard-list:before {
  content: "\f46d"; }

.fa-clipboard-list-check:before {
  content: "\f737"; }

.fa-clipboard-prescription:before {
  content: "\f5e8"; }

.fa-clipboard-user:before {
  content: "\f7f3"; }

.fa-clock:before {
  content: "\f017"; }

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

.fa-closed-captioning:before {
  content: "\f20a"; }

.fa-cloud:before {
  content: "\f0c2"; }

.fa-cloud-download:before {
  content: "\f0ed"; }

.fa-cloud-download-alt:before {
  content: "\f381"; }

.fa-cloud-drizzle:before {
  content: "\f738"; }

.fa-cloud-hail:before {
  content: "\f739"; }

.fa-cloud-hail-mixed:before {
  content: "\f73a"; }

.fa-cloud-meatball:before {
  content: "\f73b"; }

.fa-cloud-moon:before {
  content: "\f6c3"; }

.fa-cloud-moon-rain:before {
  content: "\f73c"; }

.fa-cloud-rain:before {
  content: "\f73d"; }

.fa-cloud-rainbow:before {
  content: "\f73e"; }

.fa-cloud-showers:before {
  content: "\f73f"; }

.fa-cloud-showers-heavy:before {
  content: "\f740"; }

.fa-cloud-sleet:before {
  content: "\f741"; }

.fa-cloud-snow:before {
  content: "\f742"; }

.fa-cloud-sun:before {
  content: "\f6c4"; }

.fa-cloud-sun-rain:before {
  content: "\f743"; }

.fa-cloud-upload:before {
  content: "\f0ee"; }

.fa-cloud-upload-alt:before {
  content: "\f382"; }

.fa-clouds:before {
  content: "\f744"; }

.fa-clouds-moon:before {
  content: "\f745"; }

.fa-clouds-sun:before {
  content: "\f746"; }

.fa-cloudscale:before {
  content: "\f383"; }

.fa-cloudsmith:before {
  content: "\f384"; }

.fa-cloudversify:before {
  content: "\f385"; }

.fa-club:before {
  content: "\f327"; }

.fa-cocktail:before {
  content: "\f561"; }

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

.fa-code-branch:before {
  content: "\f126"; }

.fa-code-commit:before {
  content: "\f386"; }

.fa-code-merge:before {
  content: "\f387"; }

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

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

.fa-coffee:before {
  content: "\f0f4"; }

.fa-coffee-togo:before {
  content: "\f6c5"; }

.fa-coffin:before {
  content: "\f6c6"; }

.fa-cog:before {
  content: "\f013"; }

.fa-cogs:before {
  content: "\f085"; }

.fa-coin:before {
  content: "\f85c"; }

.fa-coins:before {
  content: "\f51e"; }

.fa-columns:before {
  content: "\f0db"; }

.fa-comment:before {
  content: "\f075"; }

.fa-comment-alt:before {
  content: "\f27a"; }

.fa-comment-alt-check:before {
  content: "\f4a2"; }

.fa-comment-alt-dollar:before {
  content: "\f650"; }

.fa-comment-alt-dots:before {
  content: "\f4a3"; }

.fa-comment-alt-edit:before {
  content: "\f4a4"; }

.fa-comment-alt-exclamation:before {
  content: "\f4a5"; }

.fa-comment-alt-lines:before {
  content: "\f4a6"; }

.fa-comment-alt-medical:before {
  content: "\f7f4"; }

.fa-comment-alt-minus:before {
  content: "\f4a7"; }

.fa-comment-alt-plus:before {
  content: "\f4a8"; }

.fa-comment-alt-slash:before {
  content: "\f4a9"; }

.fa-comment-alt-smile:before {
  content: "\f4aa"; }

.fa-comment-alt-times:before {
  content: "\f4ab"; }

.fa-comment-check:before {
  content: "\f4ac"; }

.fa-comment-dollar:before {
  content: "\f651"; }

.fa-comment-dots:before {
  content: "\f4ad"; }

.fa-comment-edit:before {
  content: "\f4ae"; }

.fa-comment-exclamation:before {
  content: "\f4af"; }

.fa-comment-lines:before {
  content: "\f4b0"; }

.fa-comment-medical:before {
  content: "\f7f5"; }

.fa-comment-minus:before {
  content: "\f4b1"; }

.fa-comment-plus:before {
  content: "\f4b2"; }

.fa-comment-slash:before {
  content: "\f4b3"; }

.fa-comment-smile:before {
  content: "\f4b4"; }

.fa-comment-times:before {
  content: "\f4b5"; }

.fa-comments:before {
  content: "\f086"; }

.fa-comments-alt:before {
  content: "\f4b6"; }

.fa-comments-alt-dollar:before {
  content: "\f652"; }

.fa-comments-dollar:before {
  content: "\f653"; }

.fa-compact-disc:before {
  content: "\f51f"; }

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

.fa-compass-slash:before {
  content: "\f5e9"; }

.fa-compress:before {
  content: "\f066"; }

.fa-compress-alt:before {
  content: "\f422"; }

.fa-compress-arrows-alt:before {
  content: "\f78c"; }

.fa-compress-wide:before {
  content: "\f326"; }

.fa-concierge-bell:before {
  content: "\f562"; }

.fa-confluence:before {
  content: "\f78d"; }

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

.fa-construction:before {
  content: "\f85d"; }

.fa-container-storage:before {
  content: "\f4b7"; }

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

.fa-conveyor-belt:before {
  content: "\f46e"; }

.fa-conveyor-belt-alt:before {
  content: "\f46f"; }

.fa-cookie:before {
  content: "\f563"; }

.fa-cookie-bite:before {
  content: "\f564"; }

.fa-copy:before {
  content: "\f0c5"; }

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

.fa-corn:before {
  content: "\f6c7"; }

.fa-couch:before {
  content: "\f4b8"; }

.fa-cow:before {
  content: "\f6c8"; }

.fa-cpanel:before {
  content: "\f388"; }

.fa-creative-commons:before {
  content: "\f25e"; }

.fa-creative-commons-by:before {
  content: "\f4e7"; }

.fa-creative-commons-nc:before {
  content: "\f4e8"; }

.fa-creative-commons-nc-eu:before {
  content: "\f4e9"; }

.fa-creative-commons-nc-jp:before {
  content: "\f4ea"; }

.fa-creative-commons-nd:before {
  content: "\f4eb"; }

.fa-creative-commons-pd:before {
  content: "\f4ec"; }

.fa-creative-commons-pd-alt:before {
  content: "\f4ed"; }

.fa-creative-commons-remix:before {
  content: "\f4ee"; }

.fa-creative-commons-sa:before {
  content: "\f4ef"; }

.fa-creative-commons-sampling:before {
  content: "\f4f0"; }

.fa-creative-commons-sampling-plus:before {
  content: "\f4f1"; }

.fa-creative-commons-share:before {
  content: "\f4f2"; }

.fa-creative-commons-zero:before {
  content: "\f4f3"; }

.fa-credit-card:before {
  content: "\f09d"; }

.fa-credit-card-blank:before {
  content: "\f389"; }

.fa-credit-card-front:before {
  content: "\f38a"; }

.fa-cricket:before {
  content: "\f449"; }

.fa-critical-role:before {
  content: "\f6c9"; }

.fa-croissant:before {
  content: "\f7f6"; }

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

.fa-crop-alt:before {
  content: "\f565"; }

.fa-cross:before {
  content: "\f654"; }

.fa-crosshairs:before {
  content: "\f05b"; }

.fa-crow:before {
  content: "\f520"; }

.fa-crown:before {
  content: "\f521"; }

.fa-crutch:before {
  content: "\f7f7"; }

.fa-crutches:before {
  content: "\f7f8"; }

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

.fa-css3-alt:before {
  content: "\f38b"; }

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

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

.fa-curling:before {
  content: "\f44a"; }

.fa-cut:before {
  content: "\f0c4"; }

.fa-cuttlefish:before {
  content: "\f38c"; }

.fa-d-and-d:before {
  content: "\f38d"; }

.fa-d-and-d-beyond:before {
  content: "\f6ca"; }

.fa-dagger:before {
  content: "\f6cb"; }

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

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

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

.fa-debug:before {
  content: "\f7f9"; }

.fa-deer:before {
  content: "\f78e"; }

.fa-deer-rudolph:before {
  content: "\f78f"; }

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

.fa-democrat:before {
  content: "\f747"; }

.fa-deploydog:before {
  content: "\f38e"; }

.fa-deskpro:before {
  content: "\f38f"; }

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

.fa-desktop-alt:before {
  content: "\f390"; }

.fa-dev:before {
  content: "\f6cc"; }

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

.fa-dewpoint:before {
  content: "\f748"; }

.fa-dharmachakra:before {
  content: "\f655"; }

.fa-dhl:before {
  content: "\f790"; }

.fa-diagnoses:before {
  content: "\f470"; }

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

.fa-diaspora:before {
  content: "\f791"; }

.fa-dice:before {
  content: "\f522"; }

.fa-dice-d10:before {
  content: "\f6cd"; }

.fa-dice-d12:before {
  content: "\f6ce"; }

.fa-dice-d20:before {
  content: "\f6cf"; }

.fa-dice-d4:before {
  content: "\f6d0"; }

.fa-dice-d6:before {
  content: "\f6d1"; }

.fa-dice-d8:before {
  content: "\f6d2"; }

.fa-dice-five:before {
  content: "\f523"; }

.fa-dice-four:before {
  content: "\f524"; }

.fa-dice-one:before {
  content: "\f525"; }

.fa-dice-six:before {
  content: "\f526"; }

.fa-dice-three:before {
  content: "\f527"; }

.fa-dice-two:before {
  content: "\f528"; }

.fa-digg:before {
  content: "\f1a6"; }

.fa-digging:before {
  content: "\f85e"; }

.fa-digital-ocean:before {
  content: "\f391"; }

.fa-digital-tachograph:before {
  content: "\f566"; }

.fa-diploma:before {
  content: "\f5ea"; }

.fa-directions:before {
  content: "\f5eb"; }

.fa-discord:before {
  content: "\f392"; }

.fa-discourse:before {
  content: "\f393"; }

.fa-disease:before {
  content: "\f7fa"; }

.fa-divide:before {
  content: "\f529"; }

.fa-dizzy:before {
  content: "\f567"; }

.fa-dna:before {
  content: "\f471"; }

.fa-do-not-enter:before {
  content: "\f5ec"; }

.fa-dochub:before {
  content: "\f394"; }

.fa-docker:before {
  content: "\f395"; }

.fa-dog:before {
  content: "\f6d3"; }

.fa-dog-leashed:before {
  content: "\f6d4"; }

.fa-dollar-sign:before {
  content: "\f155"; }

.fa-dolly:before {
  content: "\f472"; }

.fa-dolly-empty:before {
  content: "\f473"; }

.fa-dolly-flatbed:before {
  content: "\f474"; }

.fa-dolly-flatbed-alt:before {
  content: "\f475"; }

.fa-dolly-flatbed-empty:before {
  content: "\f476"; }

.fa-donate:before {
  content: "\f4b9"; }

.fa-door-closed:before {
  content: "\f52a"; }

.fa-door-open:before {
  content: "\f52b"; }

.fa-dot-circle:before {
  content: "\f192"; }

.fa-dove:before {
  content: "\f4ba"; }

.fa-download:before {
  content: "\f019"; }

.fa-draft2digital:before {
  content: "\f396"; }

.fa-drafting-compass:before {
  content: "\f568"; }

.fa-dragon:before {
  content: "\f6d5"; }

.fa-draw-circle:before {
  content: "\f5ed"; }

.fa-draw-polygon:before {
  content: "\f5ee"; }

.fa-draw-square:before {
  content: "\f5ef"; }

.fa-dreidel:before {
  content: "\f792"; }

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

.fa-dribbble-square:before {
  content: "\f397"; }

.fa-drone:before {
  content: "\f85f"; }

.fa-drone-alt:before {
  content: "\f860"; }

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

.fa-drum:before {
  content: "\f569"; }

.fa-drum-steelpan:before {
  content: "\f56a"; }

.fa-drumstick:before {
  content: "\f6d6"; }

.fa-drumstick-bite:before {
  content: "\f6d7"; }

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

.fa-dryer:before {
  content: "\f861"; }

.fa-dryer-alt:before {
  content: "\f862"; }

.fa-duck:before {
  content: "\f6d8"; }

.fa-dumbbell:before {
  content: "\f44b"; }

.fa-dumpster:before {
  content: "\f793"; }

.fa-dumpster-fire:before {
  content: "\f794"; }

.fa-dungeon:before {
  content: "\f6d9"; }

.fa-dyalog:before {
  content: "\f399"; }

.fa-ear:before {
  content: "\f5f0"; }

.fa-ear-muffs:before {
  content: "\f795"; }

.fa-earlybirds:before {
  content: "\f39a"; }

.fa-ebay:before {
  content: "\f4f4"; }

.fa-eclipse:before {
  content: "\f749"; }

.fa-eclipse-alt:before {
  content: "\f74a"; }

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

.fa-edit:before {
  content: "\f044"; }

.fa-egg:before {
  content: "\f7fb"; }

.fa-egg-fried:before {
  content: "\f7fc"; }

.fa-eject:before {
  content: "\f052"; }

.fa-elementor:before {
  content: "\f430"; }

.fa-elephant:before {
  content: "\f6da"; }

.fa-ellipsis-h:before {
  content: "\f141"; }

.fa-ellipsis-h-alt:before {
  content: "\f39b"; }

.fa-ellipsis-v:before {
  content: "\f142"; }

.fa-ellipsis-v-alt:before {
  content: "\f39c"; }

.fa-ello:before {
  content: "\f5f1"; }

.fa-ember:before {
  content: "\f423"; }

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

.fa-empty-set:before {
  content: "\f656"; }

.fa-engine-warning:before {
  content: "\f5f2"; }

.fa-envelope:before {
  content: "\f0e0"; }

.fa-envelope-open:before {
  content: "\f2b6"; }

.fa-envelope-open-dollar:before {
  content: "\f657"; }

.fa-envelope-open-text:before {
  content: "\f658"; }

.fa-envelope-square:before {
  content: "\f199"; }

.fa-envira:before {
  content: "\f299"; }

.fa-equals:before {
  content: "\f52c"; }

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

.fa-erlang:before {
  content: "\f39d"; }

.fa-ethereum:before {
  content: "\f42e"; }

.fa-ethernet:before {
  content: "\f796"; }

.fa-etsy:before {
  content: "\f2d7"; }

.fa-euro-sign:before {
  content: "\f153"; }

.fa-evernote:before {
  content: "\f839"; }

.fa-exchange:before {
  content: "\f0ec"; }

.fa-exchange-alt:before {
  content: "\f362"; }

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

.fa-exclamation-circle:before {
  content: "\f06a"; }

.fa-exclamation-square:before {
  content: "\f321"; }

.fa-exclamation-triangle:before {
  content: "\f071"; }

.fa-expand:before {
  content: "\f065"; }

.fa-expand-alt:before {
  content: "\f424"; }

.fa-expand-arrows:before {
  content: "\f31d"; }

.fa-expand-arrows-alt:before {
  content: "\f31e"; }

.fa-expand-wide:before {
  content: "\f320"; }

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

.fa-external-link:before {
  content: "\f08e"; }

.fa-external-link-alt:before {
  content: "\f35d"; }

.fa-external-link-square:before {
  content: "\f14c"; }

.fa-external-link-square-alt:before {
  content: "\f360"; }

.fa-eye:before {
  content: "\f06e"; }

.fa-eye-dropper:before {
  content: "\f1fb"; }

.fa-eye-evil:before {
  content: "\f6db"; }

.fa-eye-slash:before {
  content: "\f070"; }

.fa-facebook:before {
  content: "\f09a"; }

.fa-facebook-f:before {
  content: "\f39e"; }

.fa-facebook-messenger:before {
  content: "\f39f"; }

.fa-facebook-square:before {
  content: "\f082"; }

.fa-fan:before {
  content: "\f863"; }

.fa-fantasy-flight-games:before {
  content: "\f6dc"; }

.fa-farm:before {
  content: "\f864"; }

.fa-fast-backward:before {
  content: "\f049"; }

.fa-fast-forward:before {
  content: "\f050"; }

.fa-fax:before {
  content: "\f1ac"; }

.fa-feather:before {
  content: "\f52d"; }

.fa-feather-alt:before {
  content: "\f56b"; }

.fa-fedex:before {
  content: "\f797"; }

.fa-fedora:before {
  content: "\f798"; }

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

.fa-field-hockey:before {
  content: "\f44c"; }

.fa-fighter-jet:before {
  content: "\f0fb"; }

.fa-figma:before {
  content: "\f799"; }

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

.fa-file-alt:before {
  content: "\f15c"; }

.fa-file-archive:before {
  content: "\f1c6"; }

.fa-file-audio:before {
  content: "\f1c7"; }

.fa-file-certificate:before {
  content: "\f5f3"; }

.fa-file-chart-line:before {
  content: "\f659"; }

.fa-file-chart-pie:before {
  content: "\f65a"; }

.fa-file-check:before {
  content: "\f316"; }

.fa-file-code:before {
  content: "\f1c9"; }

.fa-file-contract:before {
  content: "\f56c"; }

.fa-file-csv:before {
  content: "\f6dd"; }

.fa-file-download:before {
  content: "\f56d"; }

.fa-file-edit:before {
  content: "\f31c"; }

.fa-file-excel:before {
  content: "\f1c3"; }

.fa-file-exclamation:before {
  content: "\f31a"; }

.fa-file-export:before {
  content: "\f56e"; }

.fa-file-image:before {
  content: "\f1c5"; }

.fa-file-import:before {
  content: "\f56f"; }

.fa-file-invoice:before {
  content: "\f570"; }

.fa-file-invoice-dollar:before {
  content: "\f571"; }

.fa-file-medical:before {
  content: "\f477"; }

.fa-file-medical-alt:before {
  content: "\f478"; }

.fa-file-minus:before {
  content: "\f318"; }

.fa-file-pdf:before {
  content: "\f1c1"; }

.fa-file-plus:before {
  content: "\f319"; }

.fa-file-powerpoint:before {
  content: "\f1c4"; }

.fa-file-prescription:before {
  content: "\f572"; }

.fa-file-search:before {
  content: "\f865"; }

.fa-file-signature:before {
  content: "\f573"; }

.fa-file-spreadsheet:before {
  content: "\f65b"; }

.fa-file-times:before {
  content: "\f317"; }

.fa-file-upload:before {
  content: "\f574"; }

.fa-file-user:before {
  content: "\f65c"; }

.fa-file-video:before {
  content: "\f1c8"; }

.fa-file-word:before {
  content: "\f1c2"; }

.fa-files-medical:before {
  content: "\f7fd"; }

.fa-fill:before {
  content: "\f575"; }

.fa-fill-drip:before {
  content: "\f576"; }

.fa-film:before {
  content: "\f008"; }

.fa-film-alt:before {
  content: "\f3a0"; }

.fa-filter:before {
  content: "\f0b0"; }

.fa-fingerprint:before {
  content: "\f577"; }

.fa-fire:before {
  content: "\f06d"; }

.fa-fire-alt:before {
  content: "\f7e4"; }

.fa-fire-extinguisher:before {
  content: "\f134"; }

.fa-fire-smoke:before {
  content: "\f74b"; }

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

.fa-fireplace:before {
  content: "\f79a"; }

.fa-first-aid:before {
  content: "\f479"; }

.fa-first-order:before {
  content: "\f2b0"; }

.fa-first-order-alt:before {
  content: "\f50a"; }

.fa-firstdraft:before {
  content: "\f3a1"; }

.fa-fish:before {
  content: "\f578"; }

.fa-fish-cooked:before {
  content: "\f7fe"; }

.fa-fist-raised:before {
  content: "\f6de"; }

.fa-flag:before {
  content: "\f024"; }

.fa-flag-alt:before {
  content: "\f74c"; }

.fa-flag-checkered:before {
  content: "\f11e"; }

.fa-flag-usa:before {
  content: "\f74d"; }

.fa-flame:before {
  content: "\f6df"; }

.fa-flask:before {
  content: "\f0c3"; }

.fa-flask-poison:before {
  content: "\f6e0"; }

.fa-flask-potion:before {
  content: "\f6e1"; }

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

.fa-flipboard:before {
  content: "\f44d"; }

.fa-flower:before {
  content: "\f7ff"; }

.fa-flower-daffodil:before {
  content: "\f800"; }

.fa-flower-tulip:before {
  content: "\f801"; }

.fa-flushed:before {
  content: "\f579"; }

.fa-fly:before {
  content: "\f417"; }

.fa-fog:before {
  content: "\f74e"; }

.fa-folder:before {
  content: "\f07b"; }

.fa-folder-minus:before {
  content: "\f65d"; }

.fa-folder-open:before {
  content: "\f07c"; }

.fa-folder-plus:before {
  content: "\f65e"; }

.fa-folder-times:before {
  content: "\f65f"; }

.fa-folder-tree:before {
  content: "\f802"; }

.fa-folders:before {
  content: "\f660"; }

.fa-font:before {
  content: "\f031"; }

.fa-font-awesome:before {
  content: "\f2b4"; }

.fa-font-awesome-alt:before {
  content: "\f35c"; }

.fa-font-awesome-flag:before {
  content: "\f425"; }

.fa-font-awesome-logo-full:before {
  content: "\f4e6"; }

.fa-font-case:before {
  content: "\f866"; }

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

.fa-fonticons-fi:before {
  content: "\f3a2"; }

.fa-football-ball:before {
  content: "\f44e"; }

.fa-football-helmet:before {
  content: "\f44f"; }

.fa-forklift:before {
  content: "\f47a"; }

.fa-fort-awesome:before {
  content: "\f286"; }

.fa-fort-awesome-alt:before {
  content: "\f3a3"; }

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

.fa-forward:before {
  content: "\f04e"; }

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

.fa-fragile:before {
  content: "\f4bb"; }

.fa-free-code-camp:before {
  content: "\f2c5"; }

.fa-freebsd:before {
  content: "\f3a4"; }

.fa-french-fries:before {
  content: "\f803"; }

.fa-frog:before {
  content: "\f52e"; }

.fa-frosty-head:before {
  content: "\f79b"; }

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

.fa-frown-open:before {
  content: "\f57a"; }

.fa-fulcrum:before {
  content: "\f50b"; }

.fa-function:before {
  content: "\f661"; }

.fa-funnel-dollar:before {
  content: "\f662"; }

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

.fa-galactic-republic:before {
  content: "\f50c"; }

.fa-galactic-senate:before {
  content: "\f50d"; }

.fa-game-board:before {
  content: "\f867"; }

.fa-game-board-alt:before {
  content: "\f868"; }

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

.fa-gas-pump:before {
  content: "\f52f"; }

.fa-gas-pump-slash:before {
  content: "\f5f4"; }

.fa-gavel:before {
  content: "\f0e3"; }

.fa-gem:before {
  content: "\f3a5"; }

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

.fa-get-pocket:before {
  content: "\f265"; }

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

.fa-gg-circle:before {
  content: "\f261"; }

.fa-ghost:before {
  content: "\f6e2"; }

.fa-gift:before {
  content: "\f06b"; }

.fa-gift-card:before {
  content: "\f663"; }

.fa-gifts:before {
  content: "\f79c"; }

.fa-gingerbread-man:before {
  content: "\f79d"; }

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

.fa-git-alt:before {
  content: "\f841"; }

.fa-git-square:before {
  content: "\f1d2"; }

.fa-github:before {
  content: "\f09b"; }

.fa-github-alt:before {
  content: "\f113"; }

.fa-github-square:before {
  content: "\f092"; }

.fa-gitkraken:before {
  content: "\f3a6"; }

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

.fa-gitter:before {
  content: "\f426"; }

.fa-glass:before {
  content: "\f804"; }

.fa-glass-champagne:before {
  content: "\f79e"; }

.fa-glass-cheers:before {
  content: "\f79f"; }

.fa-glass-citrus:before {
  content: "\f869"; }

.fa-glass-martini:before {
  content: "\f000"; }

.fa-glass-martini-alt:before {
  content: "\f57b"; }

.fa-glass-whiskey:before {
  content: "\f7a0"; }

.fa-glass-whiskey-rocks:before {
  content: "\f7a1"; }

.fa-glasses:before {
  content: "\f530"; }

.fa-glasses-alt:before {
  content: "\f5f5"; }

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

.fa-glide-g:before {
  content: "\f2a6"; }

.fa-globe:before {
  content: "\f0ac"; }

.fa-globe-africa:before {
  content: "\f57c"; }

.fa-globe-americas:before {
  content: "\f57d"; }

.fa-globe-asia:before {
  content: "\f57e"; }

.fa-globe-europe:before {
  content: "\f7a2"; }

.fa-globe-snow:before {
  content: "\f7a3"; }

.fa-globe-stand:before {
  content: "\f5f6"; }

.fa-gofore:before {
  content: "\f3a7"; }

.fa-golf-ball:before {
  content: "\f450"; }

.fa-golf-club:before {
  content: "\f451"; }

.fa-goodreads:before {
  content: "\f3a8"; }

.fa-goodreads-g:before {
  content: "\f3a9"; }

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

.fa-google-drive:before {
  content: "\f3aa"; }

.fa-google-play:before {
  content: "\f3ab"; }

.fa-google-plus:before {
  content: "\f2b3"; }

.fa-google-plus-g:before {
  content: "\f0d5"; }

.fa-google-plus-square:before {
  content: "\f0d4"; }

.fa-google-wallet:before {
  content: "\f1ee"; }

.fa-gopuram:before {
  content: "\f664"; }

.fa-graduation-cap:before {
  content: "\f19d"; }

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

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

.fa-greater-than:before {
  content: "\f531"; }

.fa-greater-than-equal:before {
  content: "\f532"; }

.fa-grimace:before {
  content: "\f57f"; }

.fa-grin:before {
  content: "\f580"; }

.fa-grin-alt:before {
  content: "\f581"; }

.fa-grin-beam:before {
  content: "\f582"; }

.fa-grin-beam-sweat:before {
  content: "\f583"; }

.fa-grin-hearts:before {
  content: "\f584"; }

.fa-grin-squint:before {
  content: "\f585"; }

.fa-grin-squint-tears:before {
  content: "\f586"; }

.fa-grin-stars:before {
  content: "\f587"; }

.fa-grin-tears:before {
  content: "\f588"; }

.fa-grin-tongue:before {
  content: "\f589"; }

.fa-grin-tongue-squint:before {
  content: "\f58a"; }

.fa-grin-tongue-wink:before {
  content: "\f58b"; }

.fa-grin-wink:before {
  content: "\f58c"; }

.fa-grip-horizontal:before {
  content: "\f58d"; }

.fa-grip-lines:before {
  content: "\f7a4"; }

.fa-grip-lines-vertical:before {
  content: "\f7a5"; }

.fa-grip-vertical:before {
  content: "\f58e"; }

.fa-gripfire:before {
  content: "\f3ac"; }

.fa-grunt:before {
  content: "\f3ad"; }

.fa-guitar:before {
  content: "\f7a6"; }

.fa-gulp:before {
  content: "\f3ae"; }

.fa-h-square:before {
  content: "\f0fd"; }

.fa-h1:before {
  content: "\f313"; }

.fa-h2:before {
  content: "\f314"; }

.fa-h3:before {
  content: "\f315"; }

.fa-h4:before {
  content: "\f86a"; }

.fa-hacker-news:before {
  content: "\f1d4"; }

.fa-hacker-news-square:before {
  content: "\f3af"; }

.fa-hackerrank:before {
  content: "\f5f7"; }

.fa-hamburger:before {
  content: "\f805"; }

.fa-hammer:before {
  content: "\f6e3"; }

.fa-hammer-war:before {
  content: "\f6e4"; }

.fa-hamsa:before {
  content: "\f665"; }

.fa-hand-heart:before {
  content: "\f4bc"; }

.fa-hand-holding:before {
  content: "\f4bd"; }

.fa-hand-holding-box:before {
  content: "\f47b"; }

.fa-hand-holding-heart:before {
  content: "\f4be"; }

.fa-hand-holding-magic:before {
  content: "\f6e5"; }

.fa-hand-holding-seedling:before {
  content: "\f4bf"; }

.fa-hand-holding-usd:before {
  content: "\f4c0"; }

.fa-hand-holding-water:before {
  content: "\f4c1"; }

.fa-hand-lizard:before {
  content: "\f258"; }

.fa-hand-middle-finger:before {
  content: "\f806"; }

.fa-hand-paper:before {
  content: "\f256"; }

.fa-hand-peace:before {
  content: "\f25b"; }

.fa-hand-point-down:before {
  content: "\f0a7"; }

.fa-hand-point-left:before {
  content: "\f0a5"; }

.fa-hand-point-right:before {
  content: "\f0a4"; }

.fa-hand-point-up:before {
  content: "\f0a6"; }

.fa-hand-pointer:before {
  content: "\f25a"; }

.fa-hand-receiving:before {
  content: "\f47c"; }

.fa-hand-rock:before {
  content: "\f255"; }

.fa-hand-scissors:before {
  content: "\f257"; }

.fa-hand-spock:before {
  content: "\f259"; }

.fa-hands:before {
  content: "\f4c2"; }

.fa-hands-heart:before {
  content: "\f4c3"; }

.fa-hands-helping:before {
  content: "\f4c4"; }

.fa-hands-usd:before {
  content: "\f4c5"; }

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

.fa-handshake-alt:before {
  content: "\f4c6"; }

.fa-hanukiah:before {
  content: "\f6e6"; }

.fa-hard-hat:before {
  content: "\f807"; }

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

.fa-hat-chef:before {
  content: "\f86b"; }

.fa-hat-santa:before {
  content: "\f7a7"; }

.fa-hat-winter:before {
  content: "\f7a8"; }

.fa-hat-witch:before {
  content: "\f6e7"; }

.fa-hat-wizard:before {
  content: "\f6e8"; }

.fa-haykal:before {
  content: "\f666"; }

.fa-hdd:before {
  content: "\f0a0"; }

.fa-head-side:before {
  content: "\f6e9"; }

.fa-head-side-brain:before {
  content: "\f808"; }

.fa-head-side-medical:before {
  content: "\f809"; }

.fa-head-vr:before {
  content: "\f6ea"; }

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

.fa-headphones:before {
  content: "\f025"; }

.fa-headphones-alt:before {
  content: "\f58f"; }

.fa-headset:before {
  content: "\f590"; }

.fa-heart:before {
  content: "\f004"; }

.fa-heart-broken:before {
  content: "\f7a9"; }

.fa-heart-circle:before {
  content: "\f4c7"; }

.fa-heart-rate:before {
  content: "\f5f8"; }

.fa-heart-square:before {
  content: "\f4c8"; }

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

.fa-helicopter:before {
  content: "\f533"; }

.fa-helmet-battle:before {
  content: "\f6eb"; }

.fa-hexagon:before {
  content: "\f312"; }

.fa-highlighter:before {
  content: "\f591"; }

.fa-hiking:before {
  content: "\f6ec"; }

.fa-hippo:before {
  content: "\f6ed"; }

.fa-hips:before {
  content: "\f452"; }

.fa-hire-a-helper:before {
  content: "\f3b0"; }

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

.fa-hockey-mask:before {
  content: "\f6ee"; }

.fa-hockey-puck:before {
  content: "\f453"; }

.fa-hockey-sticks:before {
  content: "\f454"; }

.fa-holly-berry:before {
  content: "\f7aa"; }

.fa-home:before {
  content: "\f015"; }

.fa-home-alt:before {
  content: "\f80a"; }

.fa-home-heart:before {
  content: "\f4c9"; }

.fa-home-lg:before {
  content: "\f80b"; }

.fa-home-lg-alt:before {
  content: "\f80c"; }

.fa-hood-cloak:before {
  content: "\f6ef"; }

.fa-hooli:before {
  content: "\f427"; }

.fa-horizontal-rule:before {
  content: "\f86c"; }

.fa-hornbill:before {
  content: "\f592"; }

.fa-horse:before {
  content: "\f6f0"; }

.fa-horse-head:before {
  content: "\f7ab"; }

.fa-hospital:before {
  content: "\f0f8"; }

.fa-hospital-alt:before {
  content: "\f47d"; }

.fa-hospital-symbol:before {
  content: "\f47e"; }

.fa-hospital-user:before {
  content: "\f80d"; }

.fa-hospitals:before {
  content: "\f80e"; }

.fa-hot-tub:before {
  content: "\f593"; }

.fa-hotdog:before {
  content: "\f80f"; }

.fa-hotel:before {
  content: "\f594"; }

.fa-hotjar:before {
  content: "\f3b1"; }

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

.fa-hourglass-end:before {
  content: "\f253"; }

.fa-hourglass-half:before {
  content: "\f252"; }

.fa-hourglass-start:before {
  content: "\f251"; }

.fa-house-damage:before {
  content: "\f6f1"; }

.fa-house-flood:before {
  content: "\f74f"; }

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

.fa-hryvnia:before {
  content: "\f6f2"; }

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

.fa-hubspot:before {
  content: "\f3b2"; }

.fa-humidity:before {
  content: "\f750"; }

.fa-hurricane:before {
  content: "\f751"; }

.fa-i-cursor:before {
  content: "\f246"; }

.fa-ice-cream:before {
  content: "\f810"; }

.fa-ice-skate:before {
  content: "\f7ac"; }

.fa-icicles:before {
  content: "\f7ad"; }

.fa-icons:before {
  content: "\f86d"; }

.fa-icons-alt:before {
  content: "\f86e"; }

.fa-id-badge:before {
  content: "\f2c1"; }

.fa-id-card:before {
  content: "\f2c2"; }

.fa-id-card-alt:before {
  content: "\f47f"; }

.fa-igloo:before {
  content: "\f7ae"; }

.fa-image:before {
  content: "\f03e"; }

.fa-images:before {
  content: "\f302"; }

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

.fa-inbox:before {
  content: "\f01c"; }

.fa-inbox-in:before {
  content: "\f310"; }

.fa-inbox-out:before {
  content: "\f311"; }

.fa-indent:before {
  content: "\f03c"; }

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

.fa-industry-alt:before {
  content: "\f3b3"; }

.fa-infinity:before {
  content: "\f534"; }

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

.fa-info-circle:before {
  content: "\f05a"; }

.fa-info-square:before {
  content: "\f30f"; }

.fa-inhaler:before {
  content: "\f5f9"; }

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

.fa-integral:before {
  content: "\f667"; }

.fa-intercom:before {
  content: "\f7af"; }

.fa-internet-explorer:before {
  content: "\f26b"; }

.fa-intersection:before {
  content: "\f668"; }

.fa-inventory:before {
  content: "\f480"; }

.fa-invision:before {
  content: "\f7b0"; }

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

.fa-island-tropical:before {
  content: "\f811"; }

.fa-italic:before {
  content: "\f033"; }

.fa-itch-io:before {
  content: "\f83a"; }

.fa-itunes:before {
  content: "\f3b4"; }

.fa-itunes-note:before {
  content: "\f3b5"; }

.fa-jack-o-lantern:before {
  content: "\f30e"; }

.fa-java:before {
  content: "\f4e4"; }

.fa-jedi:before {
  content: "\f669"; }

.fa-jedi-order:before {
  content: "\f50e"; }

.fa-jenkins:before {
  content: "\f3b6"; }

.fa-jira:before {
  content: "\f7b1"; }

.fa-joget:before {
  content: "\f3b7"; }

.fa-joint:before {
  content: "\f595"; }

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

.fa-journal-whills:before {
  content: "\f66a"; }

.fa-js:before {
  content: "\f3b8"; }

.fa-js-square:before {
  content: "\f3b9"; }

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

.fa-kaaba:before {
  content: "\f66b"; }

.fa-kaggle:before {
  content: "\f5fa"; }

.fa-kerning:before {
  content: "\f86f"; }

.fa-key:before {
  content: "\f084"; }

.fa-key-skeleton:before {
  content: "\f6f3"; }

.fa-keybase:before {
  content: "\f4f5"; }

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

.fa-keycdn:before {
  content: "\f3ba"; }

.fa-keynote:before {
  content: "\f66c"; }

.fa-khanda:before {
  content: "\f66d"; }

.fa-kickstarter:before {
  content: "\f3bb"; }

.fa-kickstarter-k:before {
  content: "\f3bc"; }

.fa-kidneys:before {
  content: "\f5fb"; }

.fa-kiss:before {
  content: "\f596"; }

.fa-kiss-beam:before {
  content: "\f597"; }

.fa-kiss-wink-heart:before {
  content: "\f598"; }

.fa-kite:before {
  content: "\f6f4"; }

.fa-kiwi-bird:before {
  content: "\f535"; }

.fa-knife-kitchen:before {
  content: "\f6f5"; }

.fa-korvue:before {
  content: "\f42f"; }

.fa-lambda:before {
  content: "\f66e"; }

.fa-lamp:before {
  content: "\f4ca"; }

.fa-landmark:before {
  content: "\f66f"; }

.fa-landmark-alt:before {
  content: "\f752"; }

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

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

.fa-laptop-code:before {
  content: "\f5fc"; }

.fa-laptop-medical:before {
  content: "\f812"; }

.fa-laravel:before {
  content: "\f3bd"; }

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

.fa-lastfm-square:before {
  content: "\f203"; }

.fa-laugh:before {
  content: "\f599"; }

.fa-laugh-beam:before {
  content: "\f59a"; }

.fa-laugh-squint:before {
  content: "\f59b"; }

.fa-laugh-wink:before {
  content: "\f59c"; }

.fa-layer-group:before {
  content: "\f5fd"; }

.fa-layer-minus:before {
  content: "\f5fe"; }

.fa-layer-plus:before {
  content: "\f5ff"; }

.fa-leaf:before {
  content: "\f06c"; }

.fa-leaf-heart:before {
  content: "\f4cb"; }

.fa-leaf-maple:before {
  content: "\f6f6"; }

.fa-leaf-oak:before {
  content: "\f6f7"; }

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

.fa-lemon:before {
  content: "\f094"; }

.fa-less:before {
  content: "\f41d"; }

.fa-less-than:before {
  content: "\f536"; }

.fa-less-than-equal:before {
  content: "\f537"; }

.fa-level-down:before {
  content: "\f149"; }

.fa-level-down-alt:before {
  content: "\f3be"; }

.fa-level-up:before {
  content: "\f148"; }

.fa-level-up-alt:before {
  content: "\f3bf"; }

.fa-life-ring:before {
  content: "\f1cd"; }

.fa-lightbulb:before {
  content: "\f0eb"; }

.fa-lightbulb-dollar:before {
  content: "\f670"; }

.fa-lightbulb-exclamation:before {
  content: "\f671"; }

.fa-lightbulb-on:before {
  content: "\f672"; }

.fa-lightbulb-slash:before {
  content: "\f673"; }

.fa-lights-holiday:before {
  content: "\f7b2"; }

.fa-line:before {
  content: "\f3c0"; }

.fa-line-columns:before {
  content: "\f870"; }

.fa-line-height:before {
  content: "\f871"; }

.fa-link:before {
  content: "\f0c1"; }

.fa-linkedin:before {
  content: "\f08c"; }

.fa-linkedin-in:before {
  content: "\f0e1"; }

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

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

.fa-lips:before {
  content: "\f600"; }

.fa-lira-sign:before {
  content: "\f195"; }

.fa-list:before {
  content: "\f03a"; }

.fa-list-alt:before {
  content: "\f022"; }

.fa-list-ol:before {
  content: "\f0cb"; }

.fa-list-ul:before {
  content: "\f0ca"; }

.fa-location:before {
  content: "\f601"; }

.fa-location-arrow:before {
  content: "\f124"; }

.fa-location-circle:before {
  content: "\f602"; }

.fa-location-slash:before {
  content: "\f603"; }

.fa-lock:before {
  content: "\f023"; }

.fa-lock-alt:before {
  content: "\f30d"; }

.fa-lock-open:before {
  content: "\f3c1"; }

.fa-lock-open-alt:before {
  content: "\f3c2"; }

.fa-long-arrow-alt-down:before {
  content: "\f309"; }

.fa-long-arrow-alt-left:before {
  content: "\f30a"; }

.fa-long-arrow-alt-right:before {
  content: "\f30b"; }

.fa-long-arrow-alt-up:before {
  content: "\f30c"; }

.fa-long-arrow-down:before {
  content: "\f175"; }

.fa-long-arrow-left:before {
  content: "\f177"; }

.fa-long-arrow-right:before {
  content: "\f178"; }

.fa-long-arrow-up:before {
  content: "\f176"; }

.fa-loveseat:before {
  content: "\f4cc"; }

.fa-low-vision:before {
  content: "\f2a8"; }

.fa-luchador:before {
  content: "\f455"; }

.fa-luggage-cart:before {
  content: "\f59d"; }

.fa-lungs:before {
  content: "\f604"; }

.fa-lyft:before {
  content: "\f3c3"; }

.fa-mace:before {
  content: "\f6f8"; }

.fa-magento:before {
  content: "\f3c4"; }

.fa-magic:before {
  content: "\f0d0"; }

.fa-magnet:before {
  content: "\f076"; }

.fa-mail-bulk:before {
  content: "\f674"; }

.fa-mailbox:before {
  content: "\f813"; }

.fa-mailchimp:before {
  content: "\f59e"; }

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

.fa-mandalorian:before {
  content: "\f50f"; }

.fa-mandolin:before {
  content: "\f6f9"; }

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

.fa-map-marked:before {
  content: "\f59f"; }

.fa-map-marked-alt:before {
  content: "\f5a0"; }

.fa-map-marker:before {
  content: "\f041"; }

.fa-map-marker-alt:before {
  content: "\f3c5"; }

.fa-map-marker-alt-slash:before {
  content: "\f605"; }

.fa-map-marker-check:before {
  content: "\f606"; }

.fa-map-marker-edit:before {
  content: "\f607"; }

.fa-map-marker-exclamation:before {
  content: "\f608"; }

.fa-map-marker-minus:before {
  content: "\f609"; }

.fa-map-marker-plus:before {
  content: "\f60a"; }

.fa-map-marker-question:before {
  content: "\f60b"; }

.fa-map-marker-slash:before {
  content: "\f60c"; }

.fa-map-marker-smile:before {
  content: "\f60d"; }

.fa-map-marker-times:before {
  content: "\f60e"; }

.fa-map-pin:before {
  content: "\f276"; }

.fa-map-signs:before {
  content: "\f277"; }

.fa-markdown:before {
  content: "\f60f"; }

.fa-marker:before {
  content: "\f5a1"; }

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

.fa-mars-double:before {
  content: "\f227"; }

.fa-mars-stroke:before {
  content: "\f229"; }

.fa-mars-stroke-h:before {
  content: "\f22b"; }

.fa-mars-stroke-v:before {
  content: "\f22a"; }

.fa-mask:before {
  content: "\f6fa"; }

.fa-mastodon:before {
  content: "\f4f6"; }

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

.fa-meat:before {
  content: "\f814"; }

.fa-medal:before {
  content: "\f5a2"; }

.fa-medapps:before {
  content: "\f3c6"; }

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

.fa-medium-m:before {
  content: "\f3c7"; }

.fa-medkit:before {
  content: "\f0fa"; }

.fa-medrt:before {
  content: "\f3c8"; }

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

.fa-megaphone:before {
  content: "\f675"; }

.fa-megaport:before {
  content: "\f5a3"; }

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

.fa-meh-blank:before {
  content: "\f5a4"; }

.fa-meh-rolling-eyes:before {
  content: "\f5a5"; }

.fa-memory:before {
  content: "\f538"; }

.fa-mendeley:before {
  content: "\f7b3"; }

.fa-menorah:before {
  content: "\f676"; }

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

.fa-meteor:before {
  content: "\f753"; }

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

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

.fa-microphone-alt:before {
  content: "\f3c9"; }

.fa-microphone-alt-slash:before {
  content: "\f539"; }

.fa-microphone-slash:before {
  content: "\f131"; }

.fa-microscope:before {
  content: "\f610"; }

.fa-microsoft:before {
  content: "\f3ca"; }

.fa-mind-share:before {
  content: "\f677"; }

.fa-minus:before {
  content: "\f068"; }

.fa-minus-circle:before {
  content: "\f056"; }

.fa-minus-hexagon:before {
  content: "\f307"; }

.fa-minus-octagon:before {
  content: "\f308"; }

.fa-minus-square:before {
  content: "\f146"; }

.fa-mistletoe:before {
  content: "\f7b4"; }

.fa-mitten:before {
  content: "\f7b5"; }

.fa-mix:before {
  content: "\f3cb"; }

.fa-mixcloud:before {
  content: "\f289"; }

.fa-mizuni:before {
  content: "\f3cc"; }

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

.fa-mobile-alt:before {
  content: "\f3cd"; }

.fa-mobile-android:before {
  content: "\f3ce"; }

.fa-mobile-android-alt:before {
  content: "\f3cf"; }

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

.fa-monero:before {
  content: "\f3d0"; }

.fa-money-bill:before {
  content: "\f0d6"; }

.fa-money-bill-alt:before {
  content: "\f3d1"; }

.fa-money-bill-wave:before {
  content: "\f53a"; }

.fa-money-bill-wave-alt:before {
  content: "\f53b"; }

.fa-money-check:before {
  content: "\f53c"; }

.fa-money-check-alt:before {
  content: "\f53d"; }

.fa-money-check-edit:before {
  content: "\f872"; }

.fa-money-check-edit-alt:before {
  content: "\f873"; }

.fa-monitor-heart-rate:before {
  content: "\f611"; }

.fa-monkey:before {
  content: "\f6fb"; }

.fa-monument:before {
  content: "\f5a6"; }

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

.fa-moon-cloud:before {
  content: "\f754"; }

.fa-moon-stars:before {
  content: "\f755"; }

.fa-mortar-pestle:before {
  content: "\f5a7"; }

.fa-mosque:before {
  content: "\f678"; }

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

.fa-mountain:before {
  content: "\f6fc"; }

.fa-mountains:before {
  content: "\f6fd"; }

.fa-mouse-pointer:before {
  content: "\f245"; }

.fa-mug:before {
  content: "\f874"; }

.fa-mug-hot:before {
  content: "\f7b6"; }

.fa-mug-marshmallows:before {
  content: "\f7b7"; }

.fa-mug-tea:before {
  content: "\f875"; }

.fa-music:before {
  content: "\f001"; }

.fa-napster:before {
  content: "\f3d2"; }

.fa-narwhal:before {
  content: "\f6fe"; }

.fa-neos:before {
  content: "\f612"; }

.fa-network-wired:before {
  content: "\f6ff"; }

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

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

.fa-nimblr:before {
  content: "\f5a8"; }

.fa-node:before {
  content: "\f419"; }

.fa-node-js:before {
  content: "\f3d3"; }

.fa-not-equal:before {
  content: "\f53e"; }

.fa-notes-medical:before {
  content: "\f481"; }

.fa-npm:before {
  content: "\f3d4"; }

.fa-ns8:before {
  content: "\f3d5"; }

.fa-nutritionix:before {
  content: "\f3d6"; }

.fa-object-group:before {
  content: "\f247"; }

.fa-object-ungroup:before {
  content: "\f248"; }

.fa-octagon:before {
  content: "\f306"; }

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

.fa-odnoklassniki-square:before {
  content: "\f264"; }

.fa-oil-can:before {
  content: "\f613"; }

.fa-oil-temp:before {
  content: "\f614"; }

.fa-old-republic:before {
  content: "\f510"; }

.fa-om:before {
  content: "\f679"; }

.fa-omega:before {
  content: "\f67a"; }

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

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

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

.fa-optin-monster:before {
  content: "\f23c"; }

.fa-ornament:before {
  content: "\f7b8"; }

.fa-osi:before {
  content: "\f41a"; }

.fa-otter:before {
  content: "\f700"; }

.fa-outdent:before {
  content: "\f03b"; }

.fa-overline:before {
  content: "\f876"; }

.fa-page-break:before {
  content: "\f877"; }

.fa-page4:before {
  content: "\f3d7"; }

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

.fa-pager:before {
  content: "\f815"; }

.fa-paint-brush:before {
  content: "\f1fc"; }

.fa-paint-brush-alt:before {
  content: "\f5a9"; }

.fa-paint-roller:before {
  content: "\f5aa"; }

.fa-palette:before {
  content: "\f53f"; }

.fa-palfed:before {
  content: "\f3d8"; }

.fa-pallet:before {
  content: "\f482"; }

.fa-pallet-alt:before {
  content: "\f483"; }

.fa-paper-plane:before {
  content: "\f1d8"; }

.fa-paperclip:before {
  content: "\f0c6"; }

.fa-parachute-box:before {
  content: "\f4cd"; }

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

.fa-paragraph-rtl:before {
  content: "\f878"; }

.fa-parking:before {
  content: "\f540"; }

.fa-parking-circle:before {
  content: "\f615"; }

.fa-parking-circle-slash:before {
  content: "\f616"; }

.fa-parking-slash:before {
  content: "\f617"; }

.fa-passport:before {
  content: "\f5ab"; }

.fa-pastafarianism:before {
  content: "\f67b"; }

.fa-paste:before {
  content: "\f0ea"; }

.fa-patreon:before {
  content: "\f3d9"; }

.fa-pause:before {
  content: "\f04c"; }

.fa-pause-circle:before {
  content: "\f28b"; }

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

.fa-paw-alt:before {
  content: "\f701"; }

.fa-paw-claws:before {
  content: "\f702"; }

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

.fa-peace:before {
  content: "\f67c"; }

.fa-pegasus:before {
  content: "\f703"; }

.fa-pen:before {
  content: "\f304"; }

.fa-pen-alt:before {
  content: "\f305"; }

.fa-pen-fancy:before {
  content: "\f5ac"; }

.fa-pen-nib:before {
  content: "\f5ad"; }

.fa-pen-square:before {
  content: "\f14b"; }

.fa-pencil:before {
  content: "\f040"; }

.fa-pencil-alt:before {
  content: "\f303"; }

.fa-pencil-paintbrush:before {
  content: "\f618"; }

.fa-pencil-ruler:before {
  content: "\f5ae"; }

.fa-pennant:before {
  content: "\f456"; }

.fa-penny-arcade:before {
  content: "\f704"; }

.fa-people-carry:before {
  content: "\f4ce"; }

.fa-pepper-hot:before {
  content: "\f816"; }

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

.fa-percentage:before {
  content: "\f541"; }

.fa-periscope:before {
  content: "\f3da"; }

.fa-person-booth:before {
  content: "\f756"; }

.fa-person-carry:before {
  content: "\f4cf"; }

.fa-person-dolly:before {
  content: "\f4d0"; }

.fa-person-dolly-empty:before {
  content: "\f4d1"; }

.fa-person-sign:before {
  content: "\f757"; }

.fa-phabricator:before {
  content: "\f3db"; }

.fa-phoenix-framework:before {
  content: "\f3dc"; }

.fa-phoenix-squadron:before {
  content: "\f511"; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone-alt:before {
  content: "\f879"; }

.fa-phone-laptop:before {
  content: "\f87a"; }

.fa-phone-office:before {
  content: "\f67d"; }

.fa-phone-plus:before {
  content: "\f4d2"; }

.fa-phone-slash:before {
  content: "\f3dd"; }

.fa-phone-square:before {
  content: "\f098"; }

.fa-phone-square-alt:before {
  content: "\f87b"; }

.fa-phone-volume:before {
  content: "\f2a0"; }

.fa-photo-video:before {
  content: "\f87c"; }

.fa-php:before {
  content: "\f457"; }

.fa-pi:before {
  content: "\f67e"; }

.fa-pie:before {
  content: "\f705"; }

.fa-pied-piper:before {
  content: "\f2ae"; }

.fa-pied-piper-alt:before {
  content: "\f1a8"; }

.fa-pied-piper-hat:before {
  content: "\f4e5"; }

.fa-pied-piper-pp:before {
  content: "\f1a7"; }

.fa-pig:before {
  content: "\f706"; }

.fa-piggy-bank:before {
  content: "\f4d3"; }

.fa-pills:before {
  content: "\f484"; }

.fa-pinterest:before {
  content: "\f0d2"; }

.fa-pinterest-p:before {
  content: "\f231"; }

.fa-pinterest-square:before {
  content: "\f0d3"; }

.fa-pizza:before {
  content: "\f817"; }

.fa-pizza-slice:before {
  content: "\f818"; }

.fa-place-of-worship:before {
  content: "\f67f"; }

.fa-plane:before {
  content: "\f072"; }

.fa-plane-alt:before {
  content: "\f3de"; }

.fa-plane-arrival:before {
  content: "\f5af"; }

.fa-plane-departure:before {
  content: "\f5b0"; }

.fa-play:before {
  content: "\f04b"; }

.fa-play-circle:before {
  content: "\f144"; }

.fa-playstation:before {
  content: "\f3df"; }

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

.fa-plus:before {
  content: "\f067"; }

.fa-plus-circle:before {
  content: "\f055"; }

.fa-plus-hexagon:before {
  content: "\f300"; }

.fa-plus-octagon:before {
  content: "\f301"; }

.fa-plus-square:before {
  content: "\f0fe"; }

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

.fa-podium:before {
  content: "\f680"; }

.fa-podium-star:before {
  content: "\f758"; }

.fa-poll:before {
  content: "\f681"; }

.fa-poll-h:before {
  content: "\f682"; }

.fa-poll-people:before {
  content: "\f759"; }

.fa-poo:before {
  content: "\f2fe"; }

.fa-poo-storm:before {
  content: "\f75a"; }

.fa-poop:before {
  content: "\f619"; }

.fa-popcorn:before {
  content: "\f819"; }

.fa-portrait:before {
  content: "\f3e0"; }

.fa-pound-sign:before {
  content: "\f154"; }

.fa-power-off:before {
  content: "\f011"; }

.fa-pray:before {
  content: "\f683"; }

.fa-praying-hands:before {
  content: "\f684"; }

.fa-prescription:before {
  content: "\f5b1"; }

.fa-prescription-bottle:before {
  content: "\f485"; }

.fa-prescription-bottle-alt:before {
  content: "\f486"; }

.fa-presentation:before {
  content: "\f685"; }

.fa-print:before {
  content: "\f02f"; }

.fa-print-search:before {
  content: "\f81a"; }

.fa-print-slash:before {
  content: "\f686"; }

.fa-procedures:before {
  content: "\f487"; }

.fa-product-hunt:before {
  content: "\f288"; }

.fa-project-diagram:before {
  content: "\f542"; }

.fa-pumpkin:before {
  content: "\f707"; }

.fa-pushed:before {
  content: "\f3e1"; }

.fa-puzzle-piece:before {
  content: "\f12e"; }

.fa-python:before {
  content: "\f3e2"; }

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

.fa-qrcode:before {
  content: "\f029"; }

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

.fa-question-circle:before {
  content: "\f059"; }

.fa-question-square:before {
  content: "\f2fd"; }

.fa-quidditch:before {
  content: "\f458"; }

.fa-quinscape:before {
  content: "\f459"; }

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

.fa-quote-left:before {
  content: "\f10d"; }

.fa-quote-right:before {
  content: "\f10e"; }

.fa-quran:before {
  content: "\f687"; }

.fa-r-project:before {
  content: "\f4f7"; }

.fa-rabbit:before {
  content: "\f708"; }

.fa-rabbit-fast:before {
  content: "\f709"; }

.fa-racquet:before {
  content: "\f45a"; }

.fa-radiation:before {
  content: "\f7b9"; }

.fa-radiation-alt:before {
  content: "\f7ba"; }

.fa-rainbow:before {
  content: "\f75b"; }

.fa-raindrops:before {
  content: "\f75c"; }

.fa-ram:before {
  content: "\f70a"; }

.fa-ramp-loading:before {
  content: "\f4d4"; }

.fa-random:before {
  content: "\f074"; }

.fa-raspberry-pi:before {
  content: "\f7bb"; }

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

.fa-react:before {
  content: "\f41b"; }

.fa-reacteurope:before {
  content: "\f75d"; }

.fa-readme:before {
  content: "\f4d5"; }

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

.fa-receipt:before {
  content: "\f543"; }

.fa-rectangle-landscape:before {
  content: "\f2fa"; }

.fa-rectangle-portrait:before {
  content: "\f2fb"; }

.fa-rectangle-wide:before {
  content: "\f2fc"; }

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

.fa-red-river:before {
  content: "\f3e3"; }

.fa-reddit:before {
  content: "\f1a1"; }

.fa-reddit-alien:before {
  content: "\f281"; }

.fa-reddit-square:before {
  content: "\f1a2"; }

.fa-redhat:before {
  content: "\f7bc"; }

.fa-redo:before {
  content: "\f01e"; }

.fa-redo-alt:before {
  content: "\f2f9"; }

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

.fa-remove-format:before {
  content: "\f87d"; }

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

.fa-repeat:before {
  content: "\f363"; }

.fa-repeat-1:before {
  content: "\f365"; }

.fa-repeat-1-alt:before {
  content: "\f366"; }

.fa-repeat-alt:before {
  content: "\f364"; }

.fa-reply:before {
  content: "\f3e5"; }

.fa-reply-all:before {
  content: "\f122"; }

.fa-replyd:before {
  content: "\f3e6"; }

.fa-republican:before {
  content: "\f75e"; }

.fa-researchgate:before {
  content: "\f4f8"; }

.fa-resolving:before {
  content: "\f3e7"; }

.fa-restroom:before {
  content: "\f7bd"; }

.fa-retweet:before {
  content: "\f079"; }

.fa-retweet-alt:before {
  content: "\f361"; }

.fa-rev:before {
  content: "\f5b2"; }

.fa-ribbon:before {
  content: "\f4d6"; }

.fa-ring:before {
  content: "\f70b"; }

.fa-rings-wedding:before {
  content: "\f81b"; }

.fa-road:before {
  content: "\f018"; }

.fa-robot:before {
  content: "\f544"; }

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

.fa-rocketchat:before {
  content: "\f3e8"; }

.fa-rockrms:before {
  content: "\f3e9"; }

.fa-route:before {
  content: "\f4d7"; }

.fa-route-highway:before {
  content: "\f61a"; }

.fa-route-interstate:before {
  content: "\f61b"; }

.fa-rss:before {
  content: "\f09e"; }

.fa-rss-square:before {
  content: "\f143"; }

.fa-ruble-sign:before {
  content: "\f158"; }

.fa-ruler:before {
  content: "\f545"; }

.fa-ruler-combined:before {
  content: "\f546"; }

.fa-ruler-horizontal:before {
  content: "\f547"; }

.fa-ruler-triangle:before {
  content: "\f61c"; }

.fa-ruler-vertical:before {
  content: "\f548"; }

.fa-running:before {
  content: "\f70c"; }

.fa-rupee-sign:before {
  content: "\f156"; }

.fa-rv:before {
  content: "\f7be"; }

.fa-sack:before {
  content: "\f81c"; }

.fa-sack-dollar:before {
  content: "\f81d"; }

.fa-sad-cry:before {
  content: "\f5b3"; }

.fa-sad-tear:before {
  content: "\f5b4"; }

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

.fa-salad:before {
  content: "\f81e"; }

.fa-salesforce:before {
  content: "\f83b"; }

.fa-sandwich:before {
  content: "\f81f"; }

.fa-sass:before {
  content: "\f41e"; }

.fa-satellite:before {
  content: "\f7bf"; }

.fa-satellite-dish:before {
  content: "\f7c0"; }

.fa-sausage:before {
  content: "\f820"; }

.fa-save:before {
  content: "\f0c7"; }

.fa-scalpel:before {
  content: "\f61d"; }

.fa-scalpel-path:before {
  content: "\f61e"; }

.fa-scanner:before {
  content: "\f488"; }

.fa-scanner-keyboard:before {
  content: "\f489"; }

.fa-scanner-touchscreen:before {
  content: "\f48a"; }

.fa-scarecrow:before {
  content: "\f70d"; }

.fa-scarf:before {
  content: "\f7c1"; }

.fa-schlix:before {
  content: "\f3ea"; }

.fa-school:before {
  content: "\f549"; }

.fa-screwdriver:before {
  content: "\f54a"; }

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

.fa-scroll:before {
  content: "\f70e"; }

.fa-scroll-old:before {
  content: "\f70f"; }

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

.fa-scythe:before {
  content: "\f710"; }

.fa-sd-card:before {
  content: "\f7c2"; }

.fa-search:before {
  content: "\f002"; }

.fa-search-dollar:before {
  content: "\f688"; }

.fa-search-location:before {
  content: "\f689"; }

.fa-search-minus:before {
  content: "\f010"; }

.fa-search-plus:before {
  content: "\f00e"; }

.fa-searchengin:before {
  content: "\f3eb"; }

.fa-seedling:before {
  content: "\f4d8"; }

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

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

.fa-send-back:before {
  content: "\f87e"; }

.fa-send-backward:before {
  content: "\f87f"; }

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

.fa-servicestack:before {
  content: "\f3ec"; }

.fa-shapes:before {
  content: "\f61f"; }

.fa-share:before {
  content: "\f064"; }

.fa-share-all:before {
  content: "\f367"; }

.fa-share-alt:before {
  content: "\f1e0"; }

.fa-share-alt-square:before {
  content: "\f1e1"; }

.fa-share-square:before {
  content: "\f14d"; }

.fa-sheep:before {
  content: "\f711"; }

.fa-shekel-sign:before {
  content: "\f20b"; }

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

.fa-shield-alt:before {
  content: "\f3ed"; }

.fa-shield-check:before {
  content: "\f2f7"; }

.fa-shield-cross:before {
  content: "\f712"; }

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

.fa-shipping-fast:before {
  content: "\f48b"; }

.fa-shipping-timed:before {
  content: "\f48c"; }

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

.fa-shish-kebab:before {
  content: "\f821"; }

.fa-shoe-prints:before {
  content: "\f54b"; }

.fa-shopping-bag:before {
  content: "\f290"; }

.fa-shopping-basket:before {
  content: "\f291"; }

.fa-shopping-cart:before {
  content: "\f07a"; }

.fa-shopware:before {
  content: "\f5b5"; }

.fa-shovel:before {
  content: "\f713"; }

.fa-shovel-snow:before {
  content: "\f7c3"; }

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

.fa-shredder:before {
  content: "\f68a"; }

.fa-shuttle-van:before {
  content: "\f5b6"; }

.fa-shuttlecock:before {
  content: "\f45b"; }

.fa-sickle:before {
  content: "\f822"; }

.fa-sigma:before {
  content: "\f68b"; }

.fa-sign:before {
  content: "\f4d9"; }

.fa-sign-in:before {
  content: "\f090"; }

.fa-sign-in-alt:before {
  content: "\f2f6"; }

.fa-sign-language:before {
  content: "\f2a7"; }

.fa-sign-out:before {
  content: "\f08b"; }

.fa-sign-out-alt:before {
  content: "\f2f5"; }

.fa-signal:before {
  content: "\f012"; }

.fa-signal-1:before {
  content: "\f68c"; }

.fa-signal-2:before {
  content: "\f68d"; }

.fa-signal-3:before {
  content: "\f68e"; }

.fa-signal-4:before {
  content: "\f68f"; }

.fa-signal-alt:before {
  content: "\f690"; }

.fa-signal-alt-1:before {
  content: "\f691"; }

.fa-signal-alt-2:before {
  content: "\f692"; }

.fa-signal-alt-3:before {
  content: "\f693"; }

.fa-signal-alt-slash:before {
  content: "\f694"; }

.fa-signal-slash:before {
  content: "\f695"; }

.fa-signature:before {
  content: "\f5b7"; }

.fa-sim-card:before {
  content: "\f7c4"; }

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

.fa-sistrix:before {
  content: "\f3ee"; }

.fa-sitemap:before {
  content: "\f0e8"; }

.fa-sith:before {
  content: "\f512"; }

.fa-skating:before {
  content: "\f7c5"; }

.fa-skeleton:before {
  content: "\f620"; }

.fa-sketch:before {
  content: "\f7c6"; }

.fa-ski-jump:before {
  content: "\f7c7"; }

.fa-ski-lift:before {
  content: "\f7c8"; }

.fa-skiing:before {
  content: "\f7c9"; }

.fa-skiing-nordic:before {
  content: "\f7ca"; }

.fa-skull:before {
  content: "\f54c"; }

.fa-skull-crossbones:before {
  content: "\f714"; }

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

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

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

.fa-slack-hash:before {
  content: "\f3ef"; }

.fa-slash:before {
  content: "\f715"; }

.fa-sledding:before {
  content: "\f7cb"; }

.fa-sleigh:before {
  content: "\f7cc"; }

.fa-sliders-h:before {
  content: "\f1de"; }

.fa-sliders-h-square:before {
  content: "\f3f0"; }

.fa-sliders-v:before {
  content: "\f3f1"; }

.fa-sliders-v-square:before {
  content: "\f3f2"; }

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

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

.fa-smile-beam:before {
  content: "\f5b8"; }

.fa-smile-plus:before {
  content: "\f5b9"; }

.fa-smile-wink:before {
  content: "\f4da"; }

.fa-smog:before {
  content: "\f75f"; }

.fa-smoke:before {
  content: "\f760"; }

.fa-smoking:before {
  content: "\f48d"; }

.fa-smoking-ban:before {
  content: "\f54d"; }

.fa-sms:before {
  content: "\f7cd"; }

.fa-snake:before {
  content: "\f716"; }

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

.fa-snapchat-ghost:before {
  content: "\f2ac"; }

.fa-snapchat-square:before {
  content: "\f2ad"; }

.fa-snooze:before {
  content: "\f880"; }

.fa-snow-blowing:before {
  content: "\f761"; }

.fa-snowboarding:before {
  content: "\f7ce"; }

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

.fa-snowflakes:before {
  content: "\f7cf"; }

.fa-snowman:before {
  content: "\f7d0"; }

.fa-snowmobile:before {
  content: "\f7d1"; }

.fa-snowplow:before {
  content: "\f7d2"; }

.fa-socks:before {
  content: "\f696"; }

.fa-solar-panel:before {
  content: "\f5ba"; }

.fa-sort:before {
  content: "\f0dc"; }

.fa-sort-alpha-down:before {
  content: "\f15d"; }

.fa-sort-alpha-down-alt:before {
  content: "\f881"; }

.fa-sort-alpha-up:before {
  content: "\f15e"; }

.fa-sort-alpha-up-alt:before {
  content: "\f882"; }

.fa-sort-alt:before {
  content: "\f883"; }

.fa-sort-amount-down:before {
  content: "\f160"; }

.fa-sort-amount-down-alt:before {
  content: "\f884"; }

.fa-sort-amount-up:before {
  content: "\f161"; }

.fa-sort-amount-up-alt:before {
  content: "\f885"; }

.fa-sort-down:before {
  content: "\f0dd"; }

.fa-sort-numeric-down:before {
  content: "\f162"; }

.fa-sort-numeric-down-alt:before {
  content: "\f886"; }

.fa-sort-numeric-up:before {
  content: "\f163"; }

.fa-sort-numeric-up-alt:before {
  content: "\f887"; }

.fa-sort-shapes-down:before {
  content: "\f888"; }

.fa-sort-shapes-down-alt:before {
  content: "\f889"; }

.fa-sort-shapes-up:before {
  content: "\f88a"; }

.fa-sort-shapes-up-alt:before {
  content: "\f88b"; }

.fa-sort-size-down:before {
  content: "\f88c"; }

.fa-sort-size-down-alt:before {
  content: "\f88d"; }

.fa-sort-size-up:before {
  content: "\f88e"; }

.fa-sort-size-up-alt:before {
  content: "\f88f"; }

.fa-sort-up:before {
  content: "\f0de"; }

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

.fa-soup:before {
  content: "\f823"; }

.fa-sourcetree:before {
  content: "\f7d3"; }

.fa-spa:before {
  content: "\f5bb"; }

.fa-space-shuttle:before {
  content: "\f197"; }

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

.fa-sparkles:before {
  content: "\f890"; }

.fa-speakap:before {
  content: "\f3f3"; }

.fa-speaker-deck:before {
  content: "\f83c"; }

.fa-spell-check:before {
  content: "\f891"; }

.fa-spider:before {
  content: "\f717"; }

.fa-spider-black-widow:before {
  content: "\f718"; }

.fa-spider-web:before {
  content: "\f719"; }

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

.fa-spinner-third:before {
  content: "\f3f4"; }

.fa-splotch:before {
  content: "\f5bc"; }

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

.fa-spray-can:before {
  content: "\f5bd"; }

.fa-square:before {
  content: "\f0c8"; }

.fa-square-full:before {
  content: "\f45c"; }

.fa-square-root:before {
  content: "\f697"; }

.fa-square-root-alt:before {
  content: "\f698"; }

.fa-squarespace:before {
  content: "\f5be"; }

.fa-squirrel:before {
  content: "\f71a"; }

.fa-stack-exchange:before {
  content: "\f18d"; }

.fa-stack-overflow:before {
  content: "\f16c"; }

.fa-stackpath:before {
  content: "\f842"; }

.fa-staff:before {
  content: "\f71b"; }

.fa-stamp:before {
  content: "\f5bf"; }

.fa-star:before {
  content: "\f005"; }

.fa-star-and-crescent:before {
  content: "\f699"; }

.fa-star-christmas:before {
  content: "\f7d4"; }

.fa-star-exclamation:before {
  content: "\f2f3"; }

.fa-star-half:before {
  content: "\f089"; }

.fa-star-half-alt:before {
  content: "\f5c0"; }

.fa-star-of-david:before {
  content: "\f69a"; }

.fa-star-of-life:before {
  content: "\f621"; }

.fa-stars:before {
  content: "\f762"; }

.fa-staylinked:before {
  content: "\f3f5"; }

.fa-steak:before {
  content: "\f824"; }

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

.fa-steam-square:before {
  content: "\f1b7"; }

.fa-steam-symbol:before {
  content: "\f3f6"; }

.fa-steering-wheel:before {
  content: "\f622"; }

.fa-step-backward:before {
  content: "\f048"; }

.fa-step-forward:before {
  content: "\f051"; }

.fa-stethoscope:before {
  content: "\f0f1"; }

.fa-sticker-mule:before {
  content: "\f3f7"; }

.fa-sticky-note:before {
  content: "\f249"; }

.fa-stocking:before {
  content: "\f7d5"; }

.fa-stomach:before {
  content: "\f623"; }

.fa-stop:before {
  content: "\f04d"; }

.fa-stop-circle:before {
  content: "\f28d"; }

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

.fa-store:before {
  content: "\f54e"; }

.fa-store-alt:before {
  content: "\f54f"; }

.fa-strava:before {
  content: "\f428"; }

.fa-stream:before {
  content: "\f550"; }

.fa-street-view:before {
  content: "\f21d"; }

.fa-stretcher:before {
  content: "\f825"; }

.fa-strikethrough:before {
  content: "\f0cc"; }

.fa-stripe:before {
  content: "\f429"; }

.fa-stripe-s:before {
  content: "\f42a"; }

.fa-stroopwafel:before {
  content: "\f551"; }

.fa-studiovinari:before {
  content: "\f3f8"; }

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

.fa-stumbleupon-circle:before {
  content: "\f1a3"; }

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

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

.fa-suitcase:before {
  content: "\f0f2"; }

.fa-suitcase-rolling:before {
  content: "\f5c1"; }

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

.fa-sun-cloud:before {
  content: "\f763"; }

.fa-sun-dust:before {
  content: "\f764"; }

.fa-sun-haze:before {
  content: "\f765"; }

.fa-sunglasses:before {
  content: "\f892"; }

.fa-sunrise:before {
  content: "\f766"; }

.fa-sunset:before {
  content: "\f767"; }

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

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

.fa-supple:before {
  content: "\f3f9"; }

.fa-surprise:before {
  content: "\f5c2"; }

.fa-suse:before {
  content: "\f7d6"; }

.fa-swatchbook:before {
  content: "\f5c3"; }

.fa-swimmer:before {
  content: "\f5c4"; }

.fa-swimming-pool:before {
  content: "\f5c5"; }

.fa-sword:before {
  content: "\f71c"; }

.fa-swords:before {
  content: "\f71d"; }

.fa-symfony:before {
  content: "\f83d"; }

.fa-synagogue:before {
  content: "\f69b"; }

.fa-sync:before {
  content: "\f021"; }

.fa-sync-alt:before {
  content: "\f2f1"; }

.fa-syringe:before {
  content: "\f48e"; }

.fa-table:before {
  content: "\f0ce"; }

.fa-table-tennis:before {
  content: "\f45d"; }

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

.fa-tablet-alt:before {
  content: "\f3fa"; }

.fa-tablet-android:before {
  content: "\f3fb"; }

.fa-tablet-android-alt:before {
  content: "\f3fc"; }

.fa-tablet-rugged:before {
  content: "\f48f"; }

.fa-tablets:before {
  content: "\f490"; }

.fa-tachometer:before {
  content: "\f0e4"; }

.fa-tachometer-alt:before {
  content: "\f3fd"; }

.fa-tachometer-alt-average:before {
  content: "\f624"; }

.fa-tachometer-alt-fast:before {
  content: "\f625"; }

.fa-tachometer-alt-fastest:before {
  content: "\f626"; }

.fa-tachometer-alt-slow:before {
  content: "\f627"; }

.fa-tachometer-alt-slowest:before {
  content: "\f628"; }

.fa-tachometer-average:before {
  content: "\f629"; }

.fa-tachometer-fast:before {
  content: "\f62a"; }

.fa-tachometer-fastest:before {
  content: "\f62b"; }

.fa-tachometer-slow:before {
  content: "\f62c"; }

.fa-tachometer-slowest:before {
  content: "\f62d"; }

.fa-taco:before {
  content: "\f826"; }

.fa-tag:before {
  content: "\f02b"; }

.fa-tags:before {
  content: "\f02c"; }

.fa-tally:before {
  content: "\f69c"; }

.fa-tanakh:before {
  content: "\f827"; }

.fa-tape:before {
  content: "\f4db"; }

.fa-tasks:before {
  content: "\f0ae"; }

.fa-tasks-alt:before {
  content: "\f828"; }

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

.fa-teamspeak:before {
  content: "\f4f9"; }

.fa-teeth:before {
  content: "\f62e"; }

.fa-teeth-open:before {
  content: "\f62f"; }

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

.fa-telegram-plane:before {
  content: "\f3fe"; }

.fa-temperature-frigid:before {
  content: "\f768"; }

.fa-temperature-high:before {
  content: "\f769"; }

.fa-temperature-hot:before {
  content: "\f76a"; }

.fa-temperature-low:before {
  content: "\f76b"; }

.fa-tencent-weibo:before {
  content: "\f1d5"; }

.fa-tenge:before {
  content: "\f7d7"; }

.fa-tennis-ball:before {
  content: "\f45e"; }

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

.fa-text:before {
  content: "\f893"; }

.fa-text-height:before {
  content: "\f034"; }

.fa-text-size:before {
  content: "\f894"; }

.fa-text-width:before {
  content: "\f035"; }

.fa-th:before {
  content: "\f00a"; }

.fa-th-large:before {
  content: "\f009"; }

.fa-th-list:before {
  content: "\f00b"; }

.fa-the-red-yeti:before {
  content: "\f69d"; }

.fa-theater-masks:before {
  content: "\f630"; }

.fa-themeco:before {
  content: "\f5c6"; }

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

.fa-thermometer:before {
  content: "\f491"; }

.fa-thermometer-empty:before {
  content: "\f2cb"; }

.fa-thermometer-full:before {
  content: "\f2c7"; }

.fa-thermometer-half:before {
  content: "\f2c9"; }

.fa-thermometer-quarter:before {
  content: "\f2ca"; }

.fa-thermometer-three-quarters:before {
  content: "\f2c8"; }

.fa-theta:before {
  content: "\f69e"; }

.fa-think-peaks:before {
  content: "\f731"; }

.fa-thumbs-down:before {
  content: "\f165"; }

.fa-thumbs-up:before {
  content: "\f164"; }

.fa-thumbtack:before {
  content: "\f08d"; }

.fa-thunderstorm:before {
  content: "\f76c"; }

.fa-thunderstorm-moon:before {
  content: "\f76d"; }

.fa-thunderstorm-sun:before {
  content: "\f76e"; }

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

.fa-ticket-alt:before {
  content: "\f3ff"; }

.fa-tilde:before {
  content: "\f69f"; }

.fa-times:before {
  content: "\f00d"; }

.fa-times-circle:before {
  content: "\f057"; }

.fa-times-hexagon:before {
  content: "\f2ee"; }

.fa-times-octagon:before {
  content: "\f2f0"; }

.fa-times-square:before {
  content: "\f2d3"; }

.fa-tint:before {
  content: "\f043"; }

.fa-tint-slash:before {
  content: "\f5c7"; }

.fa-tire:before {
  content: "\f631"; }

.fa-tire-flat:before {
  content: "\f632"; }

.fa-tire-pressure-warning:before {
  content: "\f633"; }

.fa-tire-rugged:before {
  content: "\f634"; }

.fa-tired:before {
  content: "\f5c8"; }

.fa-toggle-off:before {
  content: "\f204"; }

.fa-toggle-on:before {
  content: "\f205"; }

.fa-toilet:before {
  content: "\f7d8"; }

.fa-toilet-paper:before {
  content: "\f71e"; }

.fa-toilet-paper-alt:before {
  content: "\f71f"; }

.fa-tombstone:before {
  content: "\f720"; }

.fa-tombstone-alt:before {
  content: "\f721"; }

.fa-toolbox:before {
  content: "\f552"; }

.fa-tools:before {
  content: "\f7d9"; }

.fa-tooth:before {
  content: "\f5c9"; }

.fa-toothbrush:before {
  content: "\f635"; }

.fa-torah:before {
  content: "\f6a0"; }

.fa-torii-gate:before {
  content: "\f6a1"; }

.fa-tornado:before {
  content: "\f76f"; }

.fa-tractor:before {
  content: "\f722"; }

.fa-trade-federation:before {
  content: "\f513"; }

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

.fa-traffic-cone:before {
  content: "\f636"; }

.fa-traffic-light:before {
  content: "\f637"; }

.fa-traffic-light-go:before {
  content: "\f638"; }

.fa-traffic-light-slow:before {
  content: "\f639"; }

.fa-traffic-light-stop:before {
  content: "\f63a"; }

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

.fa-tram:before {
  content: "\f7da"; }

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

.fa-transgender-alt:before {
  content: "\f225"; }

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

.fa-trash-alt:before {
  content: "\f2ed"; }

.fa-trash-restore:before {
  content: "\f829"; }

.fa-trash-restore-alt:before {
  content: "\f82a"; }

.fa-trash-undo:before {
  content: "\f895"; }

.fa-trash-undo-alt:before {
  content: "\f896"; }

.fa-treasure-chest:before {
  content: "\f723"; }

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

.fa-tree-alt:before {
  content: "\f400"; }

.fa-tree-christmas:before {
  content: "\f7db"; }

.fa-tree-decorated:before {
  content: "\f7dc"; }

.fa-tree-large:before {
  content: "\f7dd"; }

.fa-tree-palm:before {
  content: "\f82b"; }

.fa-trees:before {
  content: "\f724"; }

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

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

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

.fa-trophy:before {
  content: "\f091"; }

.fa-trophy-alt:before {
  content: "\f2eb"; }

.fa-truck:before {
  content: "\f0d1"; }

.fa-truck-container:before {
  content: "\f4dc"; }

.fa-truck-couch:before {
  content: "\f4dd"; }

.fa-truck-loading:before {
  content: "\f4de"; }

.fa-truck-monster:before {
  content: "\f63b"; }

.fa-truck-moving:before {
  content: "\f4df"; }

.fa-truck-pickup:before {
  content: "\f63c"; }

.fa-truck-plow:before {
  content: "\f7de"; }

.fa-truck-ramp:before {
  content: "\f4e0"; }

.fa-tshirt:before {
  content: "\f553"; }

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

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

.fa-tumblr-square:before {
  content: "\f174"; }

.fa-turkey:before {
  content: "\f725"; }

.fa-turtle:before {
  content: "\f726"; }

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

.fa-tv-retro:before {
  content: "\f401"; }

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

.fa-twitter:before {
  content: "\f099"; }

.fa-twitter-square:before {
  content: "\f081"; }

.fa-typo3:before {
  content: "\f42b"; }

.fa-uber:before {
  content: "\f402"; }

.fa-ubuntu:before {
  content: "\f7df"; }

.fa-uikit:before {
  content: "\f403"; }

.fa-umbrella:before {
  content: "\f0e9"; }

.fa-umbrella-beach:before {
  content: "\f5ca"; }

.fa-underline:before {
  content: "\f0cd"; }

.fa-undo:before {
  content: "\f0e2"; }

.fa-undo-alt:before {
  content: "\f2ea"; }

.fa-unicorn:before {
  content: "\f727"; }

.fa-union:before {
  content: "\f6a2"; }

.fa-uniregistry:before {
  content: "\f404"; }

.fa-universal-access:before {
  content: "\f29a"; }

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

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

.fa-unlock:before {
  content: "\f09c"; }

.fa-unlock-alt:before {
  content: "\f13e"; }

.fa-untappd:before {
  content: "\f405"; }

.fa-upload:before {
  content: "\f093"; }

.fa-ups:before {
  content: "\f7e0"; }

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

.fa-usd-circle:before {
  content: "\f2e8"; }

.fa-usd-square:before {
  content: "\f2e9"; }

.fa-user:before {
  content: "\f007"; }

.fa-user-alt:before {
  content: "\f406"; }

.fa-user-alt-slash:before {
  content: "\f4fa"; }

.fa-user-astronaut:before {
  content: "\f4fb"; }

.fa-user-chart:before {
  content: "\f6a3"; }

.fa-user-check:before {
  content: "\f4fc"; }

.fa-user-circle:before {
  content: "\f2bd"; }

.fa-user-clock:before {
  content: "\f4fd"; }

.fa-user-cog:before {
  content: "\f4fe"; }

.fa-user-crown:before {
  content: "\f6a4"; }

.fa-user-edit:before {
  content: "\f4ff"; }

.fa-user-friends:before {
  content: "\f500"; }

.fa-user-graduate:before {
  content: "\f501"; }

.fa-user-hard-hat:before {
  content: "\f82c"; }

.fa-user-headset:before {
  content: "\f82d"; }

.fa-user-injured:before {
  content: "\f728"; }

.fa-user-lock:before {
  content: "\f502"; }

.fa-user-md:before {
  content: "\f0f0"; }

.fa-user-md-chat:before {
  content: "\f82e"; }

.fa-user-minus:before {
  content: "\f503"; }

.fa-user-ninja:before {
  content: "\f504"; }

.fa-user-nurse:before {
  content: "\f82f"; }

.fa-user-plus:before {
  content: "\f234"; }

.fa-user-secret:before {
  content: "\f21b"; }

.fa-user-shield:before {
  content: "\f505"; }

.fa-user-slash:before {
  content: "\f506"; }

.fa-user-tag:before {
  content: "\f507"; }

.fa-user-tie:before {
  content: "\f508"; }

.fa-user-times:before {
  content: "\f235"; }

.fa-users:before {
  content: "\f0c0"; }

.fa-users-class:before {
  content: "\f63d"; }

.fa-users-cog:before {
  content: "\f509"; }

.fa-users-crown:before {
  content: "\f6a5"; }

.fa-users-medical:before {
  content: "\f830"; }

.fa-usps:before {
  content: "\f7e1"; }

.fa-ussunnah:before {
  content: "\f407"; }

.fa-utensil-fork:before {
  content: "\f2e3"; }

.fa-utensil-knife:before {
  content: "\f2e4"; }

.fa-utensil-spoon:before {
  content: "\f2e5"; }

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

.fa-utensils-alt:before {
  content: "\f2e6"; }

.fa-vaadin:before {
  content: "\f408"; }

.fa-value-absolute:before {
  content: "\f6a6"; }

.fa-vector-square:before {
  content: "\f5cb"; }

.fa-venus:before {
  content: "\f221"; }

.fa-venus-double:before {
  content: "\f226"; }

.fa-venus-mars:before {
  content: "\f228"; }

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

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

.fa-viadeo-square:before {
  content: "\f2aa"; }

.fa-vial:before {
  content: "\f492"; }

.fa-vials:before {
  content: "\f493"; }

.fa-viber:before {
  content: "\f409"; }

.fa-video:before {
  content: "\f03d"; }

.fa-video-plus:before {
  content: "\f4e1"; }

.fa-video-slash:before {
  content: "\f4e2"; }

.fa-vihara:before {
  content: "\f6a7"; }

.fa-vimeo:before {
  content: "\f40a"; }

.fa-vimeo-square:before {
  content: "\f194"; }

.fa-vimeo-v:before {
  content: "\f27d"; }

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

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

.fa-vnv:before {
  content: "\f40b"; }

.fa-voicemail:before {
  content: "\f897"; }

.fa-volcano:before {
  content: "\f770"; }

.fa-volleyball-ball:before {
  content: "\f45f"; }

.fa-volume:before {
  content: "\f6a8"; }

.fa-volume-down:before {
  content: "\f027"; }

.fa-volume-mute:before {
  content: "\f6a9"; }

.fa-volume-off:before {
  content: "\f026"; }

.fa-volume-slash:before {
  content: "\f2e2"; }

.fa-volume-up:before {
  content: "\f028"; }

.fa-vote-nay:before {
  content: "\f771"; }

.fa-vote-yea:before {
  content: "\f772"; }

.fa-vr-cardboard:before {
  content: "\f729"; }

.fa-vuejs:before {
  content: "\f41f"; }

.fa-walker:before {
  content: "\f831"; }

.fa-walking:before {
  content: "\f554"; }

.fa-wallet:before {
  content: "\f555"; }

.fa-wand:before {
  content: "\f72a"; }

.fa-wand-magic:before {
  content: "\f72b"; }

.fa-warehouse:before {
  content: "\f494"; }

.fa-warehouse-alt:before {
  content: "\f495"; }

.fa-washer:before {
  content: "\f898"; }

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

.fa-watch-fitness:before {
  content: "\f63e"; }

.fa-water:before {
  content: "\f773"; }

.fa-water-lower:before {
  content: "\f774"; }

.fa-water-rise:before {
  content: "\f775"; }

.fa-wave-sine:before {
  content: "\f899"; }

.fa-wave-square:before {
  content: "\f83e"; }

.fa-wave-triangle:before {
  content: "\f89a"; }

.fa-waze:before {
  content: "\f83f"; }

.fa-webcam:before {
  content: "\f832"; }

.fa-webcam-slash:before {
  content: "\f833"; }

.fa-weebly:before {
  content: "\f5cc"; }

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

.fa-weight:before {
  content: "\f496"; }

.fa-weight-hanging:before {
  content: "\f5cd"; }

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

.fa-whale:before {
  content: "\f72c"; }

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

.fa-whatsapp-square:before {
  content: "\f40c"; }

.fa-wheat:before {
  content: "\f72d"; }

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

.fa-whistle:before {
  content: "\f460"; }

.fa-whmcs:before {
  content: "\f40d"; }

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

.fa-wifi-1:before {
  content: "\f6aa"; }

.fa-wifi-2:before {
  content: "\f6ab"; }

.fa-wifi-slash:before {
  content: "\f6ac"; }

.fa-wikipedia-w:before {
  content: "\f266"; }

.fa-wind:before {
  content: "\f72e"; }

.fa-wind-turbine:before {
  content: "\f89b"; }

.fa-wind-warning:before {
  content: "\f776"; }

.fa-window:before {
  content: "\f40e"; }

.fa-window-alt:before {
  content: "\f40f"; }

.fa-window-close:before {
  content: "\f410"; }

.fa-window-maximize:before {
  content: "\f2d0"; }

.fa-window-minimize:before {
  content: "\f2d1"; }

.fa-window-restore:before {
  content: "\f2d2"; }

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

.fa-windsock:before {
  content: "\f777"; }

.fa-wine-bottle:before {
  content: "\f72f"; }

.fa-wine-glass:before {
  content: "\f4e3"; }

.fa-wine-glass-alt:before {
  content: "\f5ce"; }

.fa-wix:before {
  content: "\f5cf"; }

.fa-wizards-of-the-coast:before {
  content: "\f730"; }

.fa-wolf-pack-battalion:before {
  content: "\f514"; }

.fa-won-sign:before {
  content: "\f159"; }

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

.fa-wordpress-simple:before {
  content: "\f411"; }

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

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

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

.fa-wpressr:before {
  content: "\f3e4"; }

.fa-wreath:before {
  content: "\f7e2"; }

.fa-wrench:before {
  content: "\f0ad"; }

.fa-x-ray:before {
  content: "\f497"; }

.fa-xbox:before {
  content: "\f412"; }

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

.fa-xing-square:before {
  content: "\f169"; }

.fa-y-combinator:before {
  content: "\f23b"; }

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

.fa-yammer:before {
  content: "\f840"; }

.fa-yandex:before {
  content: "\f413"; }

.fa-yandex-international:before {
  content: "\f414"; }

.fa-yarn:before {
  content: "\f7e3"; }

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

.fa-yen-sign:before {
  content: "\f157"; }

.fa-yin-yang:before {
  content: "\f6ad"; }

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

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

.fa-youtube-square:before {
  content: "\f431"; }

.fa-zhihu:before {
  content: "\f63f"; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  font-display: auto;
  src: url("/fonts/fontAwesome5Pro/fa-brands-400.eot");
  src: url("/fonts/fontAwesome5Pro/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fontAwesome5Pro/fa-brands-400.woff2") format("woff2"), url("/fonts/fontAwesome5Pro/fa-brands-400.woff") format("woff"), url("/fonts/fontAwesome5Pro/fa-brands-400.ttf") format("truetype"), url("/fonts/fontAwesome5Pro/fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands'; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: auto;
  src: url("/fonts/fontAwesome5Pro/fa-light-300.eot");
  src: url("/fonts/fontAwesome5Pro/fa-light-300.eot?#iefix") format("embedded-opentype"), url("/fonts/fontAwesome5Pro/fa-light-300.woff2") format("woff2"), url("/fonts/fontAwesome5Pro/fa-light-300.woff") format("woff"), url("/fonts/fontAwesome5Pro/fa-light-300.ttf") format("truetype"), url("/fonts/fontAwesome5Pro/fa-light-300.svg#fontawesome") format("svg"); }

.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("/fonts/fontAwesome5Pro/fa-regular-400.eot");
  src: url("/fonts/fontAwesome5Pro/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/fonts/fontAwesome5Pro/fa-regular-400.woff2") format("woff2"), url("/fonts/fontAwesome5Pro/fa-regular-400.woff") format("woff"), url("/fonts/fontAwesome5Pro/fa-regular-400.ttf") format("truetype"), url("/fonts/fontAwesome5Pro/fa-regular-400.svg#fontawesome") format("svg"); }

.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("/fonts/fontAwesome5Pro/fa-solid-900.eot");
  src: url("/fonts/fontAwesome5Pro/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/fonts/fontAwesome5Pro/fa-solid-900.woff2") format("woff2"), url("/fonts/fontAwesome5Pro/fa-solid-900.woff") format("woff"), url("/fonts/fontAwesome5Pro/fa-solid-900.ttf") format("truetype"), url("/fonts/fontAwesome5Pro/fa-solid-900.svg#fontawesome") format("svg"); }

.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900; }

/*!
 * Font Awesome Pro 5.9.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa.fa-glass:before {
  content: "\f000"; }

.fa.fa-meetup {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-star-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-star-o:before {
  content: "\f005"; }

.fa.fa-remove:before {
  content: "\f00d"; }

.fa.fa-close:before {
  content: "\f00d"; }

.fa.fa-gear:before {
  content: "\f013"; }

.fa.fa-trash-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-trash-o:before {
  content: "\f2ed"; }

.fa.fa-file-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-o:before {
  content: "\f15b"; }

.fa.fa-clock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-clock-o:before {
  content: "\f017"; }

.fa.fa-arrow-circle-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-arrow-circle-o-down:before {
  content: "\f358"; }

.fa.fa-arrow-circle-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-arrow-circle-o-up:before {
  content: "\f35b"; }

.fa.fa-play-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-play-circle-o:before {
  content: "\f144"; }

.fa.fa-repeat:before {
  content: "\f01e"; }

.fa.fa-rotate-right:before {
  content: "\f01e"; }

.fa.fa-refresh:before {
  content: "\f021"; }

.fa.fa-list-alt {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-dedent:before {
  content: "\f03b"; }

.fa.fa-video-camera:before {
  content: "\f03d"; }

.fa.fa-picture-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-picture-o:before {
  content: "\f03e"; }

.fa.fa-photo {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-photo:before {
  content: "\f03e"; }

.fa.fa-image {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-image:before {
  content: "\f03e"; }

.fa.fa-pencil:before {
  content: "\f303"; }

.fa.fa-map-marker:before {
  content: "\f3c5"; }

.fa.fa-pencil-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-pencil-square-o:before {
  content: "\f044"; }

.fa.fa-share-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-share-square-o:before {
  content: "\f14d"; }

.fa.fa-check-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-check-square-o:before {
  content: "\f14a"; }

.fa.fa-arrows:before {
  content: "\f0b2"; }

.fa.fa-times-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-times-circle-o:before {
  content: "\f057"; }

.fa.fa-check-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-check-circle-o:before {
  content: "\f058"; }

.fa.fa-mail-forward:before {
  content: "\f064"; }

.fa.fa-eye {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-eye-slash {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-warning:before {
  content: "\f071"; }

.fa.fa-calendar:before {
  content: "\f073"; }

.fa.fa-arrows-v:before {
  content: "\f338"; }

.fa.fa-arrows-h:before {
  content: "\f337"; }

.fa.fa-bar-chart {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-bar-chart:before {
  content: "\f080"; }

.fa.fa-bar-chart-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-bar-chart-o:before {
  content: "\f080"; }

.fa.fa-twitter-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gears:before {
  content: "\f085"; }

.fa.fa-thumbs-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-thumbs-o-up:before {
  content: "\f164"; }

.fa.fa-thumbs-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-thumbs-o-down:before {
  content: "\f165"; }

.fa.fa-heart-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-heart-o:before {
  content: "\f004"; }

.fa.fa-sign-out:before {
  content: "\f2f5"; }

.fa.fa-linkedin-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linkedin-square:before {
  content: "\f08c"; }

.fa.fa-thumb-tack:before {
  content: "\f08d"; }

.fa.fa-external-link:before {
  content: "\f35d"; }

.fa.fa-sign-in:before {
  content: "\f2f6"; }

.fa.fa-github-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-lemon-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-lemon-o:before {
  content: "\f094"; }

.fa.fa-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-square-o:before {
  content: "\f0c8"; }

.fa.fa-bookmark-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-bookmark-o:before {
  content: "\f02e"; }

.fa.fa-twitter {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook:before {
  content: "\f39e"; }

.fa.fa-facebook-f {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-f:before {
  content: "\f39e"; }

.fa.fa-github {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-credit-card {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-feed:before {
  content: "\f09e"; }

.fa.fa-hdd-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hdd-o:before {
  content: "\f0a0"; }

.fa.fa-hand-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-o-right:before {
  content: "\f0a4"; }

.fa.fa-hand-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-o-left:before {
  content: "\f0a5"; }

.fa.fa-hand-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-o-up:before {
  content: "\f0a6"; }

.fa.fa-hand-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-o-down:before {
  content: "\f0a7"; }

.fa.fa-arrows-alt:before {
  content: "\f31e"; }

.fa.fa-group:before {
  content: "\f0c0"; }

.fa.fa-chain:before {
  content: "\f0c1"; }

.fa.fa-scissors:before {
  content: "\f0c4"; }

.fa.fa-files-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-files-o:before {
  content: "\f0c5"; }

.fa.fa-floppy-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-floppy-o:before {
  content: "\f0c7"; }

.fa.fa-navicon:before {
  content: "\f0c9"; }

.fa.fa-reorder:before {
  content: "\f0c9"; }

.fa.fa-pinterest {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pinterest-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus:before {
  content: "\f0d5"; }

.fa.fa-money {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-money:before {
  content: "\f3d1"; }

.fa.fa-unsorted:before {
  content: "\f0dc"; }

.fa.fa-sort-desc:before {
  content: "\f0dd"; }

.fa.fa-sort-asc:before {
  content: "\f0de"; }

.fa.fa-linkedin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linkedin:before {
  content: "\f0e1"; }

.fa.fa-rotate-left:before {
  content: "\f0e2"; }

.fa.fa-legal:before {
  content: "\f0e3"; }

.fa.fa-tachometer:before {
  content: "\f3fd"; }

.fa.fa-dashboard:before {
  content: "\f3fd"; }

.fa.fa-comment-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-comment-o:before {
  content: "\f075"; }

.fa.fa-comments-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-comments-o:before {
  content: "\f086"; }

.fa.fa-flash:before {
  content: "\f0e7"; }

.fa.fa-clipboard {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-paste {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-paste:before {
  content: "\f328"; }

.fa.fa-lightbulb-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-lightbulb-o:before {
  content: "\f0eb"; }

.fa.fa-exchange:before {
  content: "\f362"; }

.fa.fa-cloud-download:before {
  content: "\f381"; }

.fa.fa-cloud-upload:before {
  content: "\f382"; }

.fa.fa-bell-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-bell-o:before {
  content: "\f0f3"; }

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

.fa.fa-file-text-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-text-o:before {
  content: "\f15c"; }

.fa.fa-building-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-building-o:before {
  content: "\f1ad"; }

.fa.fa-hospital-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hospital-o:before {
  content: "\f0f8"; }

.fa.fa-tablet:before {
  content: "\f3fa"; }

.fa.fa-mobile:before {
  content: "\f3cd"; }

.fa.fa-mobile-phone:before {
  content: "\f3cd"; }

.fa.fa-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-circle-o:before {
  content: "\f111"; }

.fa.fa-mail-reply:before {
  content: "\f3e5"; }

.fa.fa-github-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-folder-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-folder-o:before {
  content: "\f07b"; }

.fa.fa-folder-open-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-folder-open-o:before {
  content: "\f07c"; }

.fa.fa-smile-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-smile-o:before {
  content: "\f118"; }

.fa.fa-frown-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-frown-o:before {
  content: "\f119"; }

.fa.fa-meh-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-meh-o:before {
  content: "\f11a"; }

.fa.fa-keyboard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-keyboard-o:before {
  content: "\f11c"; }

.fa.fa-flag-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-flag-o:before {
  content: "\f024"; }

.fa.fa-mail-reply-all:before {
  content: "\f122"; }

.fa.fa-star-half-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-star-half-o:before {
  content: "\f089"; }

.fa.fa-star-half-empty {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-star-half-empty:before {
  content: "\f089"; }

.fa.fa-star-half-full {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-star-half-full:before {
  content: "\f089"; }

.fa.fa-code-fork:before {
  content: "\f126"; }

.fa.fa-chain-broken:before {
  content: "\f127"; }

.fa.fa-shield:before {
  content: "\f3ed"; }

.fa.fa-calendar-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-calendar-o:before {
  content: "\f133"; }

.fa.fa-maxcdn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-html5 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-css3 {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ticket:before {
  content: "\f3ff"; }

.fa.fa-minus-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-minus-square-o:before {
  content: "\f146"; }

.fa.fa-level-up:before {
  content: "\f3bf"; }

.fa.fa-level-down:before {
  content: "\f3be"; }

.fa.fa-pencil-square:before {
  content: "\f14b"; }

.fa.fa-external-link-square:before {
  content: "\f360"; }

.fa.fa-compass {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-caret-square-o-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-caret-square-o-down:before {
  content: "\f150"; }

.fa.fa-toggle-down {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-toggle-down:before {
  content: "\f150"; }

.fa.fa-caret-square-o-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-caret-square-o-up:before {
  content: "\f151"; }

.fa.fa-toggle-up {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-toggle-up:before {
  content: "\f151"; }

.fa.fa-caret-square-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-caret-square-o-right:before {
  content: "\f152"; }

.fa.fa-toggle-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-toggle-right:before {
  content: "\f152"; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa.fa-btc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitcoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-file-text:before {
  content: "\f15c"; }

.fa.fa-sort-alpha-asc:before {
  content: "\f15d"; }

.fa.fa-sort-alpha-desc:before {
  content: "\f15e"; }

.fa.fa-sort-amount-asc:before {
  content: "\f160"; }

.fa.fa-sort-amount-desc:before {
  content: "\f161"; }

.fa.fa-sort-numeric-asc:before {
  content: "\f162"; }

.fa.fa-sort-numeric-desc:before {
  content: "\f163"; }

.fa.fa-youtube-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-xing {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-xing-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube-play {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-youtube-play:before {
  content: "\f167"; }

.fa.fa-dropbox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stack-overflow {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-instagram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-flickr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-adn {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bitbucket-square:before {
  content: "\f171"; }

.fa.fa-tumblr {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-tumblr-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-long-arrow-down:before {
  content: "\f309"; }

.fa.fa-long-arrow-up:before {
  content: "\f30c"; }

.fa.fa-long-arrow-left:before {
  content: "\f30a"; }

.fa.fa-long-arrow-right:before {
  content: "\f30b"; }

.fa.fa-apple {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-windows {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-android {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-linux {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-dribbble {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-skype {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-foursquare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-trello {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gratipay {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gittip {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-sun-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-sun-o:before {
  content: "\f185"; }

.fa.fa-moon-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-moon-o:before {
  content: "\f186"; }

.fa.fa-vk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-renren {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pagelines {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stack-exchange {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-arrow-circle-o-right {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-arrow-circle-o-right:before {
  content: "\f35a"; }

.fa.fa-arrow-circle-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-arrow-circle-o-left:before {
  content: "\f359"; }

.fa.fa-caret-square-o-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-caret-square-o-left:before {
  content: "\f191"; }

.fa.fa-toggle-left {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-toggle-left:before {
  content: "\f191"; }

.fa.fa-dot-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-dot-circle-o:before {
  content: "\f192"; }

.fa.fa-vimeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-turkish-lira:before {
  content: "\f195"; }

.fa.fa-plus-square-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-plus-square-o:before {
  content: "\f0fe"; }

.fa.fa-slack {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wordpress {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-openid {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

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

.fa.fa-mortar-board:before {
  content: "\f19d"; }

.fa.fa-yahoo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stumbleupon-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-stumbleupon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-delicious {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-digg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper-pp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-drupal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-joomla {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-behance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-behance-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-steam {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-steam-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

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

.fa.fa-envelope-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-envelope-o:before {
  content: "\f0e0"; }

.fa.fa-deviantart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-soundcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-file-pdf-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-pdf-o:before {
  content: "\f1c1"; }

.fa.fa-file-word-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-word-o:before {
  content: "\f1c2"; }

.fa.fa-file-excel-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-excel-o:before {
  content: "\f1c3"; }

.fa.fa-file-powerpoint-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-powerpoint-o:before {
  content: "\f1c4"; }

.fa.fa-file-image-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-image-o:before {
  content: "\f1c5"; }

.fa.fa-file-photo-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-photo-o:before {
  content: "\f1c5"; }

.fa.fa-file-picture-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-picture-o:before {
  content: "\f1c5"; }

.fa.fa-file-archive-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-archive-o:before {
  content: "\f1c6"; }

.fa.fa-file-zip-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-zip-o:before {
  content: "\f1c6"; }

.fa.fa-file-audio-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-audio-o:before {
  content: "\f1c7"; }

.fa.fa-file-sound-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-sound-o:before {
  content: "\f1c7"; }

.fa.fa-file-video-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-video-o:before {
  content: "\f1c8"; }

.fa.fa-file-movie-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-movie-o:before {
  content: "\f1c8"; }

.fa.fa-file-code-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-file-code-o:before {
  content: "\f1c9"; }

.fa.fa-vine {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-codepen {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-jsfiddle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-life-ring {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-life-bouy {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-life-bouy:before {
  content: "\f1cd"; }

.fa.fa-life-buoy {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-life-buoy:before {
  content: "\f1cd"; }

.fa.fa-life-saver {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-life-saver:before {
  content: "\f1cd"; }

.fa.fa-support {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

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

.fa.fa-circle-o-notch:before {
  content: "\f1ce"; }

.fa.fa-rebel {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ra {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-resistance {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-empire {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-git-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-git {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-hacker-news {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator-square:before {
  content: "\f1d4"; }

.fa.fa-yc-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yc-square:before {
  content: "\f1d4"; }

.fa.fa-tencent-weibo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-qq {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-weixin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wechat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

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

.fa.fa-paper-plane-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-paper-plane-o:before {
  content: "\f1d8"; }

.fa.fa-send-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-send-o:before {
  content: "\f1d8"; }

.fa.fa-circle-thin {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-circle-thin:before {
  content: "\f111"; }

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

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

.fa.fa-futbol-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-futbol-o:before {
  content: "\f1e3"; }

.fa.fa-soccer-ball-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-soccer-ball-o:before {
  content: "\f1e3"; }

.fa.fa-slideshare {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-twitch {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yelp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-newspaper-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-newspaper-o:before {
  content: "\f1ea"; }

.fa.fa-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-wallet {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-visa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-mastercard {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-discover {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-amex {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-paypal {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-stripe {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bell-slash-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-bell-slash-o:before {
  content: "\f1f6"; }

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

.fa.fa-copyright {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

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

.fa.fa-area-chart:before {
  content: "\f1fe"; }

.fa.fa-pie-chart:before {
  content: "\f200"; }

.fa.fa-line-chart:before {
  content: "\f201"; }

.fa.fa-lastfm {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-lastfm-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ioxhost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-angellist {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

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

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

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

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

.fa.fa-meanpath {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-buysellads {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-connectdevelop {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-dashcube {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-forumbee {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-leanpub {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-sellsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-shirtsinbulk {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-simplybuilt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-skyatlas {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-diamond {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-diamond:before {
  content: "\f3a5"; }

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

.fa.fa-facebook-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-facebook-official:before {
  content: "\f09a"; }

.fa.fa-pinterest-p {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-whatsapp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-viacoin {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-medium {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-y-combinator {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yc {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-optin-monster {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-opencart {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-expeditedssl {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-battery-4:before {
  content: "\f240"; }

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

.fa.fa-battery-3:before {
  content: "\f241"; }

.fa.fa-battery-2:before {
  content: "\f242"; }

.fa.fa-battery-1:before {
  content: "\f243"; }

.fa.fa-battery-0:before {
  content: "\f244"; }

.fa.fa-object-group {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-object-ungroup {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-sticky-note-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-sticky-note-o:before {
  content: "\f249"; }

.fa.fa-cc-jcb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-cc-diners-club {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-clone {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hourglass-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hourglass-o:before {
  content: "\f254"; }

.fa.fa-hourglass-1:before {
  content: "\f251"; }

.fa.fa-hourglass-2:before {
  content: "\f252"; }

.fa.fa-hourglass-3:before {
  content: "\f253"; }

.fa.fa-hand-rock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-rock-o:before {
  content: "\f255"; }

.fa.fa-hand-grab-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-grab-o:before {
  content: "\f255"; }

.fa.fa-hand-paper-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-paper-o:before {
  content: "\f256"; }

.fa.fa-hand-stop-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-stop-o:before {
  content: "\f256"; }

.fa.fa-hand-scissors-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-scissors-o:before {
  content: "\f257"; }

.fa.fa-hand-lizard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-lizard-o:before {
  content: "\f258"; }

.fa.fa-hand-spock-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-spock-o:before {
  content: "\f259"; }

.fa.fa-hand-pointer-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-pointer-o:before {
  content: "\f25a"; }

.fa.fa-hand-peace-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-hand-peace-o:before {
  content: "\f25b"; }

.fa.fa-registered {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-creative-commons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gg {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gg-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-tripadvisor {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-odnoklassniki {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-odnoklassniki-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-get-pocket {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wikipedia-w {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-safari {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-chrome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-firefox {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-opera {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-internet-explorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-contao {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-500px {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-amazon {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-calendar-plus-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-calendar-plus-o:before {
  content: "\f271"; }

.fa.fa-calendar-minus-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-calendar-minus-o:before {
  content: "\f272"; }

.fa.fa-calendar-times-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-calendar-times-o:before {
  content: "\f273"; }

.fa.fa-calendar-check-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-calendar-check-o:before {
  content: "\f274"; }

.fa.fa-map-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-map-o:before {
  content: "\f279"; }

.fa.fa-commenting:before {
  content: "\f4ad"; }

.fa.fa-commenting-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-commenting-o:before {
  content: "\f4ad"; }

.fa.fa-houzz {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-vimeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-black-tie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fonticons {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-reddit-alien {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-edge {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-credit-card-alt:before {
  content: "\f09d"; }

.fa.fa-codiepie {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-modx {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fort-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-usb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-product-hunt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-mixcloud {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-scribd {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pause-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-pause-circle-o:before {
  content: "\f28b"; }

.fa.fa-stop-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-stop-circle-o:before {
  content: "\f28d"; }

.fa.fa-bluetooth {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-bluetooth-b {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-gitlab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpbeginner {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpforms {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-envira {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wheelchair-alt {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wheelchair-alt:before {
  content: "\f368"; }

.fa.fa-question-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-question-circle-o:before {
  content: "\f059"; }

.fa.fa-volume-control-phone:before {
  content: "\f2a0"; }

.fa.fa-asl-interpreting:before {
  content: "\f2a3"; }

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

.fa.fa-hard-of-hearing:before {
  content: "\f2a4"; }

.fa.fa-glide {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-glide-g {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-viadeo {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-viadeo-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat-ghost {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-snapchat-square {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-pied-piper {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-first-order {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-yoast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-themeisle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-official {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-official:before {
  content: "\f2b3"; }

.fa.fa-google-plus-circle {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-google-plus-circle:before {
  content: "\f2b3"; }

.fa.fa-font-awesome {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-fa {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-handshake-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-handshake-o:before {
  content: "\f2b5"; }

.fa.fa-envelope-open-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-envelope-open-o:before {
  content: "\f2b6"; }

.fa.fa-linode {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-address-book-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-address-book-o:before {
  content: "\f2b9"; }

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

.fa.fa-address-card-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-address-card-o:before {
  content: "\f2bb"; }

.fa.fa-vcard-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-vcard-o:before {
  content: "\f2bb"; }

.fa.fa-user-circle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-user-circle-o:before {
  content: "\f2bd"; }

.fa.fa-user-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-user-o:before {
  content: "\f007"; }

.fa.fa-id-badge {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-drivers-license:before {
  content: "\f2c2"; }

.fa.fa-id-card-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-id-card-o:before {
  content: "\f2c2"; }

.fa.fa-drivers-license-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-drivers-license-o:before {
  content: "\f2c2"; }

.fa.fa-quora {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-free-code-camp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-telegram {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-thermometer-4:before {
  content: "\f2c7"; }

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

.fa.fa-thermometer-3:before {
  content: "\f2c8"; }

.fa.fa-thermometer-2:before {
  content: "\f2c9"; }

.fa.fa-thermometer-1:before {
  content: "\f2ca"; }

.fa.fa-thermometer-0:before {
  content: "\f2cb"; }

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

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

.fa.fa-window-maximize {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-window-restore {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-times-rectangle:before {
  content: "\f410"; }

.fa.fa-window-close-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-window-close-o:before {
  content: "\f410"; }

.fa.fa-times-rectangle-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-times-rectangle-o:before {
  content: "\f410"; }

.fa.fa-bandcamp {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-grav {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-etsy {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-imdb {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-ravelry {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-eercast {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

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

.fa.fa-snowflake-o {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400; }

.fa.fa-snowflake-o:before {
  content: "\f2dc"; }

.fa.fa-superpowers {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-wpexplorer {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

.fa.fa-spotify {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }

/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{ font-display: swap; font-family:PaymentFont;src:url(/fonts/paymentfont-webfont.eot);src:url(/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(/fonts/paymentfont-webfont.woff) format('woff2'),url(/fonts/paymentfont-webfont.woff) format('woff'),url(/fonts/paymentfont-webfont.ttf) format('truetype'),url(/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/* TODO:
 + alerts and toasters
 + notifications
 + default detail summary (icon, open + close + colors)
 */
body {
  background: var(--L0_bg);
  color: var(--txt_secondary); }

h1, h2, h3, h4, h5, h6, strong, dt, th {
  color: var(--txt_primary); }

*:focus-visible {
  outline: 2px solid var(--focusRing);
  outline-offset: 4px; }

a {
  color: var(--accent);
  text-decoration: none; }

.dropdown-menu {
  display: none;
  list-style: none;
  margin: 0;
  padding: 16px;
  position: absolute;
  top: calc(100% + 2px);
  min-width: 200px;
  min-width: clamp(200px, 20ch, 250px);
  width: min-content;
  word-break: break-word;
  background: var(--L3_bg);
  color: var(--txt_secondary);
  -webkit-box-shadow: 0 4px 8px rgba(14, 14, 15, 0.16);
  box-shadow: 0 4px 8px rgba(14, 14, 15, 0.16); }
  .dropdown-menu.dropdown-menu-right {
    right: 0; }

.open {
  position: relative;
  z-index: 99; }
  .open > .dropdown-menu {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0;
    row-gap: 4px; }

pre, code {
  font-family: ui-monospace, 'Cascadia Mono', 'Segoe UI Mono', 'Ubuntu Mono', 'Roboto Mono', Menlo, Monaco, Consolas, monospace;
  font-size: 1em;
  unicode-bidi: isolate;
  letter-spacing: 0.5px;
  color: var(--txt_secondary);
  background: var(--L2_bg);
  -webkit-box-shadow: inset 0 0 0 1px var(--separator);
  box-shadow: inset 0 0 0 1px var(--separator); }

code {
  padding: 0 4px;
  white-space: normal; }

pre {
  max-width: 100%;
  overflow: auto;
  padding: 16px;
  display: block;
  white-space: pre;
  margin: 0; }

:root {
  --light1_highlightColorTxt: #9b68ff;
  --light2_highlightColorTxt: #caaeff;
  --light3_highlightColorTxt: #ebe1ff;
  --highlightColorTxt: #7a35ff;
  --dark1_highlightColorTxt: #5f2bc3;
  --dark2_highlightColorTxt: #391e6f;
  --dark3_highlightColorTxt: #1e1433;
  --light1_brightColorTxt: #fbc740;
  --light2_brightColorTxt: #fde199;
  --light3_brightColorTxt: #fef4d9;
  --brightColorTxt: #f9b400;
  --dark1_brightColorTxt: #be8b04;
  --dark2_brightColorTxt: #6c5009;
  --dark3_brightColorTxt: #31270d;
  --light1_lightColorTxt: #fef4d8;
  --light2_lightColorTxt: #fff9ea;
  --light3_lightColorTxt: #fffdf7;
  --lightColorTxt: #fef0cb;
  --dark1_lightColorTxt: #c2b89c;
  --dark2_lightColorTxt: #6e685a;
  --dark3_lightColorTxt: #32302b;
  --light1_mediumColorTxt: #b189ff;
  --light2_mediumColorTxt: #d5c0ff;
  --light3_mediumColorTxt: #efe7ff;
  --mediumColorTxt: #9761ff;
  --dark1_mediumColorTxt: #754cc3;
  --dark2_mediumColorTxt: #452f6f;
  --dark3_mediumColorTxt: #231a33;
  --light1_darkColorTxt: #604e83;
  --light2_darkColorTxt: #aaa1bd;
  --light3_darkColorTxt: #dfdce6;
  --darkColorTxt: #2b135a;
  --dark1_darkColorTxt: #241247;
  --dark2_darkColorTxt: #1a102d;
  --dark3_darkColorTxt: #120f1a;
  --whiteTxt: #fff;
  --lightGrayTxt: #e5e4e6;
  --mediumGrayTxt: #62686e;
  --darkGrayTxt: #2d2c2f;
  --blackTxt: #0e0e0f;
  --infoTxt: #6495ed;
  --successTxt: #2d7026;
  --warningTxt: #da803a;
  --errorTxt: #da3a45; }
  .light1_highlightColorBG, .ty-light1_highlightColorBG {
    background: #9b68ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light1_highlightColorBG h1, .ty-light1_highlightColorBG h1, .light1_highlightColorBG h2, .ty-light1_highlightColorBG h2, .light1_highlightColorBG h3, .ty-light1_highlightColorBG h3, .light1_highlightColorBG h4, .ty-light1_highlightColorBG h4, .light1_highlightColorBG h5, .ty-light1_highlightColorBG h5, .light1_highlightColorBG h6, .ty-light1_highlightColorBG h6, .light1_highlightColorBG strong, .ty-light1_highlightColorBG strong, .light1_highlightColorBG dt, .ty-light1_highlightColorBG dt, .light1_highlightColorBG th, .ty-light1_highlightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light2_highlightColorBG, .ty-light2_highlightColorBG {
    background: #caaeff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light2_highlightColorBG h1, .ty-light2_highlightColorBG h1, .light2_highlightColorBG h2, .ty-light2_highlightColorBG h2, .light2_highlightColorBG h3, .ty-light2_highlightColorBG h3, .light2_highlightColorBG h4, .ty-light2_highlightColorBG h4, .light2_highlightColorBG h5, .ty-light2_highlightColorBG h5, .light2_highlightColorBG h6, .ty-light2_highlightColorBG h6, .light2_highlightColorBG strong, .ty-light2_highlightColorBG strong, .light2_highlightColorBG dt, .ty-light2_highlightColorBG dt, .light2_highlightColorBG th, .ty-light2_highlightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light3_highlightColorBG, .ty-light3_highlightColorBG {
    background: #ebe1ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light3_highlightColorBG h1, .ty-light3_highlightColorBG h1, .light3_highlightColorBG h2, .ty-light3_highlightColorBG h2, .light3_highlightColorBG h3, .ty-light3_highlightColorBG h3, .light3_highlightColorBG h4, .ty-light3_highlightColorBG h4, .light3_highlightColorBG h5, .ty-light3_highlightColorBG h5, .light3_highlightColorBG h6, .ty-light3_highlightColorBG h6, .light3_highlightColorBG strong, .ty-light3_highlightColorBG strong, .light3_highlightColorBG dt, .ty-light3_highlightColorBG dt, .light3_highlightColorBG th, .ty-light3_highlightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .highlightColorBG, .ty-highlightColorBG {
    background: #7a35ff;
    color: #fff;
    fill: #fff; }
    .highlightColorBG h1, .ty-highlightColorBG h1, .highlightColorBG h2, .ty-highlightColorBG h2, .highlightColorBG h3, .ty-highlightColorBG h3, .highlightColorBG h4, .ty-highlightColorBG h4, .highlightColorBG h5, .ty-highlightColorBG h5, .highlightColorBG h6, .ty-highlightColorBG h6, .highlightColorBG strong, .ty-highlightColorBG strong, .highlightColorBG dt, .ty-highlightColorBG dt, .highlightColorBG th, .ty-highlightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark1_highlightColorBG, .ty-dark1_highlightColorBG {
    background: #5f2bc3;
    color: #fff;
    fill: #fff; }
    .dark1_highlightColorBG h1, .ty-dark1_highlightColorBG h1, .dark1_highlightColorBG h2, .ty-dark1_highlightColorBG h2, .dark1_highlightColorBG h3, .ty-dark1_highlightColorBG h3, .dark1_highlightColorBG h4, .ty-dark1_highlightColorBG h4, .dark1_highlightColorBG h5, .ty-dark1_highlightColorBG h5, .dark1_highlightColorBG h6, .ty-dark1_highlightColorBG h6, .dark1_highlightColorBG strong, .ty-dark1_highlightColorBG strong, .dark1_highlightColorBG dt, .ty-dark1_highlightColorBG dt, .dark1_highlightColorBG th, .ty-dark1_highlightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark2_highlightColorBG, .ty-dark2_highlightColorBG {
    background: #391e6f;
    color: #fff;
    fill: #fff; }
    .dark2_highlightColorBG h1, .ty-dark2_highlightColorBG h1, .dark2_highlightColorBG h2, .ty-dark2_highlightColorBG h2, .dark2_highlightColorBG h3, .ty-dark2_highlightColorBG h3, .dark2_highlightColorBG h4, .ty-dark2_highlightColorBG h4, .dark2_highlightColorBG h5, .ty-dark2_highlightColorBG h5, .dark2_highlightColorBG h6, .ty-dark2_highlightColorBG h6, .dark2_highlightColorBG strong, .ty-dark2_highlightColorBG strong, .dark2_highlightColorBG dt, .ty-dark2_highlightColorBG dt, .dark2_highlightColorBG th, .ty-dark2_highlightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark3_highlightColorBG, .ty-dark3_highlightColorBG {
    background: #1e1433;
    color: #fff;
    fill: #fff; }
    .dark3_highlightColorBG h1, .ty-dark3_highlightColorBG h1, .dark3_highlightColorBG h2, .ty-dark3_highlightColorBG h2, .dark3_highlightColorBG h3, .ty-dark3_highlightColorBG h3, .dark3_highlightColorBG h4, .ty-dark3_highlightColorBG h4, .dark3_highlightColorBG h5, .ty-dark3_highlightColorBG h5, .dark3_highlightColorBG h6, .ty-dark3_highlightColorBG h6, .dark3_highlightColorBG strong, .ty-dark3_highlightColorBG strong, .dark3_highlightColorBG dt, .ty-dark3_highlightColorBG dt, .dark3_highlightColorBG th, .ty-dark3_highlightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light1_brightColorBG, .ty-light1_brightColorBG {
    background: #fbc740;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light1_brightColorBG h1, .ty-light1_brightColorBG h1, .light1_brightColorBG h2, .ty-light1_brightColorBG h2, .light1_brightColorBG h3, .ty-light1_brightColorBG h3, .light1_brightColorBG h4, .ty-light1_brightColorBG h4, .light1_brightColorBG h5, .ty-light1_brightColorBG h5, .light1_brightColorBG h6, .ty-light1_brightColorBG h6, .light1_brightColorBG strong, .ty-light1_brightColorBG strong, .light1_brightColorBG dt, .ty-light1_brightColorBG dt, .light1_brightColorBG th, .ty-light1_brightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light2_brightColorBG, .ty-light2_brightColorBG {
    background: #fde199;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light2_brightColorBG h1, .ty-light2_brightColorBG h1, .light2_brightColorBG h2, .ty-light2_brightColorBG h2, .light2_brightColorBG h3, .ty-light2_brightColorBG h3, .light2_brightColorBG h4, .ty-light2_brightColorBG h4, .light2_brightColorBG h5, .ty-light2_brightColorBG h5, .light2_brightColorBG h6, .ty-light2_brightColorBG h6, .light2_brightColorBG strong, .ty-light2_brightColorBG strong, .light2_brightColorBG dt, .ty-light2_brightColorBG dt, .light2_brightColorBG th, .ty-light2_brightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light3_brightColorBG, .ty-light3_brightColorBG {
    background: #fef4d9;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light3_brightColorBG h1, .ty-light3_brightColorBG h1, .light3_brightColorBG h2, .ty-light3_brightColorBG h2, .light3_brightColorBG h3, .ty-light3_brightColorBG h3, .light3_brightColorBG h4, .ty-light3_brightColorBG h4, .light3_brightColorBG h5, .ty-light3_brightColorBG h5, .light3_brightColorBG h6, .ty-light3_brightColorBG h6, .light3_brightColorBG strong, .ty-light3_brightColorBG strong, .light3_brightColorBG dt, .ty-light3_brightColorBG dt, .light3_brightColorBG th, .ty-light3_brightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .brightColorBG, .ty-brightColorBG {
    background: #f9b400;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .brightColorBG h1, .ty-brightColorBG h1, .brightColorBG h2, .ty-brightColorBG h2, .brightColorBG h3, .ty-brightColorBG h3, .brightColorBG h4, .ty-brightColorBG h4, .brightColorBG h5, .ty-brightColorBG h5, .brightColorBG h6, .ty-brightColorBG h6, .brightColorBG strong, .ty-brightColorBG strong, .brightColorBG dt, .ty-brightColorBG dt, .brightColorBG th, .ty-brightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .dark1_brightColorBG, .ty-dark1_brightColorBG {
    background: #be8b04;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .dark1_brightColorBG h1, .ty-dark1_brightColorBG h1, .dark1_brightColorBG h2, .ty-dark1_brightColorBG h2, .dark1_brightColorBG h3, .ty-dark1_brightColorBG h3, .dark1_brightColorBG h4, .ty-dark1_brightColorBG h4, .dark1_brightColorBG h5, .ty-dark1_brightColorBG h5, .dark1_brightColorBG h6, .ty-dark1_brightColorBG h6, .dark1_brightColorBG strong, .ty-dark1_brightColorBG strong, .dark1_brightColorBG dt, .ty-dark1_brightColorBG dt, .dark1_brightColorBG th, .ty-dark1_brightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .dark2_brightColorBG, .ty-dark2_brightColorBG {
    background: #6c5009;
    color: #fff;
    fill: #fff; }
    .dark2_brightColorBG h1, .ty-dark2_brightColorBG h1, .dark2_brightColorBG h2, .ty-dark2_brightColorBG h2, .dark2_brightColorBG h3, .ty-dark2_brightColorBG h3, .dark2_brightColorBG h4, .ty-dark2_brightColorBG h4, .dark2_brightColorBG h5, .ty-dark2_brightColorBG h5, .dark2_brightColorBG h6, .ty-dark2_brightColorBG h6, .dark2_brightColorBG strong, .ty-dark2_brightColorBG strong, .dark2_brightColorBG dt, .ty-dark2_brightColorBG dt, .dark2_brightColorBG th, .ty-dark2_brightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark3_brightColorBG, .ty-dark3_brightColorBG {
    background: #31270d;
    color: #fff;
    fill: #fff; }
    .dark3_brightColorBG h1, .ty-dark3_brightColorBG h1, .dark3_brightColorBG h2, .ty-dark3_brightColorBG h2, .dark3_brightColorBG h3, .ty-dark3_brightColorBG h3, .dark3_brightColorBG h4, .ty-dark3_brightColorBG h4, .dark3_brightColorBG h5, .ty-dark3_brightColorBG h5, .dark3_brightColorBG h6, .ty-dark3_brightColorBG h6, .dark3_brightColorBG strong, .ty-dark3_brightColorBG strong, .dark3_brightColorBG dt, .ty-dark3_brightColorBG dt, .dark3_brightColorBG th, .ty-dark3_brightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light1_lightColorBG, .ty-light1_lightColorBG {
    background: #fef4d8;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light1_lightColorBG h1, .ty-light1_lightColorBG h1, .light1_lightColorBG h2, .ty-light1_lightColorBG h2, .light1_lightColorBG h3, .ty-light1_lightColorBG h3, .light1_lightColorBG h4, .ty-light1_lightColorBG h4, .light1_lightColorBG h5, .ty-light1_lightColorBG h5, .light1_lightColorBG h6, .ty-light1_lightColorBG h6, .light1_lightColorBG strong, .ty-light1_lightColorBG strong, .light1_lightColorBG dt, .ty-light1_lightColorBG dt, .light1_lightColorBG th, .ty-light1_lightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light2_lightColorBG, .ty-light2_lightColorBG {
    background: #fff9ea;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light2_lightColorBG h1, .ty-light2_lightColorBG h1, .light2_lightColorBG h2, .ty-light2_lightColorBG h2, .light2_lightColorBG h3, .ty-light2_lightColorBG h3, .light2_lightColorBG h4, .ty-light2_lightColorBG h4, .light2_lightColorBG h5, .ty-light2_lightColorBG h5, .light2_lightColorBG h6, .ty-light2_lightColorBG h6, .light2_lightColorBG strong, .ty-light2_lightColorBG strong, .light2_lightColorBG dt, .ty-light2_lightColorBG dt, .light2_lightColorBG th, .ty-light2_lightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light3_lightColorBG, .ty-light3_lightColorBG {
    background: #fffdf7;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light3_lightColorBG h1, .ty-light3_lightColorBG h1, .light3_lightColorBG h2, .ty-light3_lightColorBG h2, .light3_lightColorBG h3, .ty-light3_lightColorBG h3, .light3_lightColorBG h4, .ty-light3_lightColorBG h4, .light3_lightColorBG h5, .ty-light3_lightColorBG h5, .light3_lightColorBG h6, .ty-light3_lightColorBG h6, .light3_lightColorBG strong, .ty-light3_lightColorBG strong, .light3_lightColorBG dt, .ty-light3_lightColorBG dt, .light3_lightColorBG th, .ty-light3_lightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .lightColorBG, .ty-lightColorBG {
    background: #fef0cb;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .lightColorBG h1, .ty-lightColorBG h1, .lightColorBG h2, .ty-lightColorBG h2, .lightColorBG h3, .ty-lightColorBG h3, .lightColorBG h4, .ty-lightColorBG h4, .lightColorBG h5, .ty-lightColorBG h5, .lightColorBG h6, .ty-lightColorBG h6, .lightColorBG strong, .ty-lightColorBG strong, .lightColorBG dt, .ty-lightColorBG dt, .lightColorBG th, .ty-lightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .dark1_lightColorBG, .ty-dark1_lightColorBG {
    background: #c2b89c;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .dark1_lightColorBG h1, .ty-dark1_lightColorBG h1, .dark1_lightColorBG h2, .ty-dark1_lightColorBG h2, .dark1_lightColorBG h3, .ty-dark1_lightColorBG h3, .dark1_lightColorBG h4, .ty-dark1_lightColorBG h4, .dark1_lightColorBG h5, .ty-dark1_lightColorBG h5, .dark1_lightColorBG h6, .ty-dark1_lightColorBG h6, .dark1_lightColorBG strong, .ty-dark1_lightColorBG strong, .dark1_lightColorBG dt, .ty-dark1_lightColorBG dt, .dark1_lightColorBG th, .ty-dark1_lightColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .dark2_lightColorBG, .ty-dark2_lightColorBG {
    background: #6e685a;
    color: #fff;
    fill: #fff; }
    .dark2_lightColorBG h1, .ty-dark2_lightColorBG h1, .dark2_lightColorBG h2, .ty-dark2_lightColorBG h2, .dark2_lightColorBG h3, .ty-dark2_lightColorBG h3, .dark2_lightColorBG h4, .ty-dark2_lightColorBG h4, .dark2_lightColorBG h5, .ty-dark2_lightColorBG h5, .dark2_lightColorBG h6, .ty-dark2_lightColorBG h6, .dark2_lightColorBG strong, .ty-dark2_lightColorBG strong, .dark2_lightColorBG dt, .ty-dark2_lightColorBG dt, .dark2_lightColorBG th, .ty-dark2_lightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark3_lightColorBG, .ty-dark3_lightColorBG {
    background: #32302b;
    color: #fff;
    fill: #fff; }
    .dark3_lightColorBG h1, .ty-dark3_lightColorBG h1, .dark3_lightColorBG h2, .ty-dark3_lightColorBG h2, .dark3_lightColorBG h3, .ty-dark3_lightColorBG h3, .dark3_lightColorBG h4, .ty-dark3_lightColorBG h4, .dark3_lightColorBG h5, .ty-dark3_lightColorBG h5, .dark3_lightColorBG h6, .ty-dark3_lightColorBG h6, .dark3_lightColorBG strong, .ty-dark3_lightColorBG strong, .dark3_lightColorBG dt, .ty-dark3_lightColorBG dt, .dark3_lightColorBG th, .ty-dark3_lightColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light1_mediumColorBG, .ty-light1_mediumColorBG {
    background: #b189ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light1_mediumColorBG h1, .ty-light1_mediumColorBG h1, .light1_mediumColorBG h2, .ty-light1_mediumColorBG h2, .light1_mediumColorBG h3, .ty-light1_mediumColorBG h3, .light1_mediumColorBG h4, .ty-light1_mediumColorBG h4, .light1_mediumColorBG h5, .ty-light1_mediumColorBG h5, .light1_mediumColorBG h6, .ty-light1_mediumColorBG h6, .light1_mediumColorBG strong, .ty-light1_mediumColorBG strong, .light1_mediumColorBG dt, .ty-light1_mediumColorBG dt, .light1_mediumColorBG th, .ty-light1_mediumColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light2_mediumColorBG, .ty-light2_mediumColorBG {
    background: #d5c0ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light2_mediumColorBG h1, .ty-light2_mediumColorBG h1, .light2_mediumColorBG h2, .ty-light2_mediumColorBG h2, .light2_mediumColorBG h3, .ty-light2_mediumColorBG h3, .light2_mediumColorBG h4, .ty-light2_mediumColorBG h4, .light2_mediumColorBG h5, .ty-light2_mediumColorBG h5, .light2_mediumColorBG h6, .ty-light2_mediumColorBG h6, .light2_mediumColorBG strong, .ty-light2_mediumColorBG strong, .light2_mediumColorBG dt, .ty-light2_mediumColorBG dt, .light2_mediumColorBG th, .ty-light2_mediumColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light3_mediumColorBG, .ty-light3_mediumColorBG {
    background: #efe7ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light3_mediumColorBG h1, .ty-light3_mediumColorBG h1, .light3_mediumColorBG h2, .ty-light3_mediumColorBG h2, .light3_mediumColorBG h3, .ty-light3_mediumColorBG h3, .light3_mediumColorBG h4, .ty-light3_mediumColorBG h4, .light3_mediumColorBG h5, .ty-light3_mediumColorBG h5, .light3_mediumColorBG h6, .ty-light3_mediumColorBG h6, .light3_mediumColorBG strong, .ty-light3_mediumColorBG strong, .light3_mediumColorBG dt, .ty-light3_mediumColorBG dt, .light3_mediumColorBG th, .ty-light3_mediumColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .mediumColorBG, .ty-mediumColorBG {
    background: #9761ff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .mediumColorBG h1, .ty-mediumColorBG h1, .mediumColorBG h2, .ty-mediumColorBG h2, .mediumColorBG h3, .ty-mediumColorBG h3, .mediumColorBG h4, .ty-mediumColorBG h4, .mediumColorBG h5, .ty-mediumColorBG h5, .mediumColorBG h6, .ty-mediumColorBG h6, .mediumColorBG strong, .ty-mediumColorBG strong, .mediumColorBG dt, .ty-mediumColorBG dt, .mediumColorBG th, .ty-mediumColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .dark1_mediumColorBG, .ty-dark1_mediumColorBG {
    background: #754cc3;
    color: #fff;
    fill: #fff; }
    .dark1_mediumColorBG h1, .ty-dark1_mediumColorBG h1, .dark1_mediumColorBG h2, .ty-dark1_mediumColorBG h2, .dark1_mediumColorBG h3, .ty-dark1_mediumColorBG h3, .dark1_mediumColorBG h4, .ty-dark1_mediumColorBG h4, .dark1_mediumColorBG h5, .ty-dark1_mediumColorBG h5, .dark1_mediumColorBG h6, .ty-dark1_mediumColorBG h6, .dark1_mediumColorBG strong, .ty-dark1_mediumColorBG strong, .dark1_mediumColorBG dt, .ty-dark1_mediumColorBG dt, .dark1_mediumColorBG th, .ty-dark1_mediumColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark2_mediumColorBG, .ty-dark2_mediumColorBG {
    background: #452f6f;
    color: #fff;
    fill: #fff; }
    .dark2_mediumColorBG h1, .ty-dark2_mediumColorBG h1, .dark2_mediumColorBG h2, .ty-dark2_mediumColorBG h2, .dark2_mediumColorBG h3, .ty-dark2_mediumColorBG h3, .dark2_mediumColorBG h4, .ty-dark2_mediumColorBG h4, .dark2_mediumColorBG h5, .ty-dark2_mediumColorBG h5, .dark2_mediumColorBG h6, .ty-dark2_mediumColorBG h6, .dark2_mediumColorBG strong, .ty-dark2_mediumColorBG strong, .dark2_mediumColorBG dt, .ty-dark2_mediumColorBG dt, .dark2_mediumColorBG th, .ty-dark2_mediumColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark3_mediumColorBG, .ty-dark3_mediumColorBG {
    background: #231a33;
    color: #fff;
    fill: #fff; }
    .dark3_mediumColorBG h1, .ty-dark3_mediumColorBG h1, .dark3_mediumColorBG h2, .ty-dark3_mediumColorBG h2, .dark3_mediumColorBG h3, .ty-dark3_mediumColorBG h3, .dark3_mediumColorBG h4, .ty-dark3_mediumColorBG h4, .dark3_mediumColorBG h5, .ty-dark3_mediumColorBG h5, .dark3_mediumColorBG h6, .ty-dark3_mediumColorBG h6, .dark3_mediumColorBG strong, .ty-dark3_mediumColorBG strong, .dark3_mediumColorBG dt, .ty-dark3_mediumColorBG dt, .dark3_mediumColorBG th, .ty-dark3_mediumColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light1_darkColorBG, .ty-light1_darkColorBG {
    background: #604e83;
    color: #fff;
    fill: #fff; }
    .light1_darkColorBG h1, .ty-light1_darkColorBG h1, .light1_darkColorBG h2, .ty-light1_darkColorBG h2, .light1_darkColorBG h3, .ty-light1_darkColorBG h3, .light1_darkColorBG h4, .ty-light1_darkColorBG h4, .light1_darkColorBG h5, .ty-light1_darkColorBG h5, .light1_darkColorBG h6, .ty-light1_darkColorBG h6, .light1_darkColorBG strong, .ty-light1_darkColorBG strong, .light1_darkColorBG dt, .ty-light1_darkColorBG dt, .light1_darkColorBG th, .ty-light1_darkColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light2_darkColorBG, .ty-light2_darkColorBG {
    background: #aaa1bd;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light2_darkColorBG h1, .ty-light2_darkColorBG h1, .light2_darkColorBG h2, .ty-light2_darkColorBG h2, .light2_darkColorBG h3, .ty-light2_darkColorBG h3, .light2_darkColorBG h4, .ty-light2_darkColorBG h4, .light2_darkColorBG h5, .ty-light2_darkColorBG h5, .light2_darkColorBG h6, .ty-light2_darkColorBG h6, .light2_darkColorBG strong, .ty-light2_darkColorBG strong, .light2_darkColorBG dt, .ty-light2_darkColorBG dt, .light2_darkColorBG th, .ty-light2_darkColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .light3_darkColorBG, .ty-light3_darkColorBG {
    background: #dfdce6;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .light3_darkColorBG h1, .ty-light3_darkColorBG h1, .light3_darkColorBG h2, .ty-light3_darkColorBG h2, .light3_darkColorBG h3, .ty-light3_darkColorBG h3, .light3_darkColorBG h4, .ty-light3_darkColorBG h4, .light3_darkColorBG h5, .ty-light3_darkColorBG h5, .light3_darkColorBG h6, .ty-light3_darkColorBG h6, .light3_darkColorBG strong, .ty-light3_darkColorBG strong, .light3_darkColorBG dt, .ty-light3_darkColorBG dt, .light3_darkColorBG th, .ty-light3_darkColorBG th {
      color: rgba(14, 14, 15, 0.85); }
  .darkColorBG, .ty-darkColorBG {
    background: #2b135a;
    color: #fff;
    fill: #fff; }
    .darkColorBG h1, .ty-darkColorBG h1, .darkColorBG h2, .ty-darkColorBG h2, .darkColorBG h3, .ty-darkColorBG h3, .darkColorBG h4, .ty-darkColorBG h4, .darkColorBG h5, .ty-darkColorBG h5, .darkColorBG h6, .ty-darkColorBG h6, .darkColorBG strong, .ty-darkColorBG strong, .darkColorBG dt, .ty-darkColorBG dt, .darkColorBG th, .ty-darkColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark1_darkColorBG, .ty-dark1_darkColorBG {
    background: #241247;
    color: #fff;
    fill: #fff; }
    .dark1_darkColorBG h1, .ty-dark1_darkColorBG h1, .dark1_darkColorBG h2, .ty-dark1_darkColorBG h2, .dark1_darkColorBG h3, .ty-dark1_darkColorBG h3, .dark1_darkColorBG h4, .ty-dark1_darkColorBG h4, .dark1_darkColorBG h5, .ty-dark1_darkColorBG h5, .dark1_darkColorBG h6, .ty-dark1_darkColorBG h6, .dark1_darkColorBG strong, .ty-dark1_darkColorBG strong, .dark1_darkColorBG dt, .ty-dark1_darkColorBG dt, .dark1_darkColorBG th, .ty-dark1_darkColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark2_darkColorBG, .ty-dark2_darkColorBG {
    background: #1a102d;
    color: #fff;
    fill: #fff; }
    .dark2_darkColorBG h1, .ty-dark2_darkColorBG h1, .dark2_darkColorBG h2, .ty-dark2_darkColorBG h2, .dark2_darkColorBG h3, .ty-dark2_darkColorBG h3, .dark2_darkColorBG h4, .ty-dark2_darkColorBG h4, .dark2_darkColorBG h5, .ty-dark2_darkColorBG h5, .dark2_darkColorBG h6, .ty-dark2_darkColorBG h6, .dark2_darkColorBG strong, .ty-dark2_darkColorBG strong, .dark2_darkColorBG dt, .ty-dark2_darkColorBG dt, .dark2_darkColorBG th, .ty-dark2_darkColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .dark3_darkColorBG, .ty-dark3_darkColorBG {
    background: #120f1a;
    color: #fff;
    fill: #fff; }
    .dark3_darkColorBG h1, .ty-dark3_darkColorBG h1, .dark3_darkColorBG h2, .ty-dark3_darkColorBG h2, .dark3_darkColorBG h3, .ty-dark3_darkColorBG h3, .dark3_darkColorBG h4, .ty-dark3_darkColorBG h4, .dark3_darkColorBG h5, .ty-dark3_darkColorBG h5, .dark3_darkColorBG h6, .ty-dark3_darkColorBG h6, .dark3_darkColorBG strong, .ty-dark3_darkColorBG strong, .dark3_darkColorBG dt, .ty-dark3_darkColorBG dt, .dark3_darkColorBG th, .ty-dark3_darkColorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .whiteBG, .ty-whiteBG {
    background: #fff;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .whiteBG h1, .ty-whiteBG h1, .whiteBG h2, .ty-whiteBG h2, .whiteBG h3, .ty-whiteBG h3, .whiteBG h4, .ty-whiteBG h4, .whiteBG h5, .ty-whiteBG h5, .whiteBG h6, .ty-whiteBG h6, .whiteBG strong, .ty-whiteBG strong, .whiteBG dt, .ty-whiteBG dt, .whiteBG th, .ty-whiteBG th {
      color: rgba(14, 14, 15, 0.85); }
  .blackBG, .ty-blackBG {
    background: #0e0e0f;
    color: #fff;
    fill: #fff; }
    .blackBG h1, .ty-blackBG h1, .blackBG h2, .ty-blackBG h2, .blackBG h3, .ty-blackBG h3, .blackBG h4, .ty-blackBG h4, .blackBG h5, .ty-blackBG h5, .blackBG h6, .ty-blackBG h6, .blackBG strong, .ty-blackBG strong, .blackBG dt, .ty-blackBG dt, .blackBG th, .ty-blackBG th {
      color: rgba(255, 255, 255, 0.85); }
  .lightGrayBG, .ty-lightGrayBG {
    background: #e5e4e6;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .lightGrayBG h1, .ty-lightGrayBG h1, .lightGrayBG h2, .ty-lightGrayBG h2, .lightGrayBG h3, .ty-lightGrayBG h3, .lightGrayBG h4, .ty-lightGrayBG h4, .lightGrayBG h5, .ty-lightGrayBG h5, .lightGrayBG h6, .ty-lightGrayBG h6, .lightGrayBG strong, .ty-lightGrayBG strong, .lightGrayBG dt, .ty-lightGrayBG dt, .lightGrayBG th, .ty-lightGrayBG th {
      color: rgba(14, 14, 15, 0.85); }
  .mediumGrayBG, .ty-mediumGrayBG {
    background: #969a9e;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .mediumGrayBG h1, .ty-mediumGrayBG h1, .mediumGrayBG h2, .ty-mediumGrayBG h2, .mediumGrayBG h3, .ty-mediumGrayBG h3, .mediumGrayBG h4, .ty-mediumGrayBG h4, .mediumGrayBG h5, .ty-mediumGrayBG h5, .mediumGrayBG h6, .ty-mediumGrayBG h6, .mediumGrayBG strong, .ty-mediumGrayBG strong, .mediumGrayBG dt, .ty-mediumGrayBG dt, .mediumGrayBG th, .ty-mediumGrayBG th {
      color: rgba(14, 14, 15, 0.85); }
  .darkGrayBG, .ty-darkGrayBG {
    background: #2d2c2f;
    color: #fff;
    fill: #fff; }
    .darkGrayBG h1, .ty-darkGrayBG h1, .darkGrayBG h2, .ty-darkGrayBG h2, .darkGrayBG h3, .ty-darkGrayBG h3, .darkGrayBG h4, .ty-darkGrayBG h4, .darkGrayBG h5, .ty-darkGrayBG h5, .darkGrayBG h6, .ty-darkGrayBG h6, .darkGrayBG strong, .ty-darkGrayBG strong, .darkGrayBG dt, .ty-darkGrayBG dt, .darkGrayBG th, .ty-darkGrayBG th {
      color: rgba(255, 255, 255, 0.85); }
  .infoBG, .ty-infoBG {
    background: #6495ed;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .infoBG h1, .ty-infoBG h1, .infoBG h2, .ty-infoBG h2, .infoBG h3, .ty-infoBG h3, .infoBG h4, .ty-infoBG h4, .infoBG h5, .ty-infoBG h5, .infoBG h6, .ty-infoBG h6, .infoBG strong, .ty-infoBG strong, .infoBG dt, .ty-infoBG dt, .infoBG th, .ty-infoBG th {
      color: rgba(14, 14, 15, 0.85); }
  .successBG, .ty-successBG {
    background: #2d7026;
    color: #fff;
    fill: #fff; }
    .successBG h1, .ty-successBG h1, .successBG h2, .ty-successBG h2, .successBG h3, .ty-successBG h3, .successBG h4, .ty-successBG h4, .successBG h5, .ty-successBG h5, .successBG h6, .ty-successBG h6, .successBG strong, .ty-successBG strong, .successBG dt, .ty-successBG dt, .successBG th, .ty-successBG th {
      color: rgba(255, 255, 255, 0.85); }
  .warningBG, .ty-warningBG {
    background: #da803a;
    color: #0e0e0f;
    fill: #0e0e0f; }
    .warningBG h1, .ty-warningBG h1, .warningBG h2, .ty-warningBG h2, .warningBG h3, .ty-warningBG h3, .warningBG h4, .ty-warningBG h4, .warningBG h5, .ty-warningBG h5, .warningBG h6, .ty-warningBG h6, .warningBG strong, .ty-warningBG strong, .warningBG dt, .ty-warningBG dt, .warningBG th, .ty-warningBG th {
      color: rgba(14, 14, 15, 0.85); }
  .errorBG, .ty-errorBG {
    background: #da3a45;
    color: #fff;
    fill: #fff; }
    .errorBG h1, .ty-errorBG h1, .errorBG h2, .ty-errorBG h2, .errorBG h3, .ty-errorBG h3, .errorBG h4, .ty-errorBG h4, .errorBG h5, .ty-errorBG h5, .errorBG h6, .ty-errorBG h6, .errorBG strong, .ty-errorBG strong, .errorBG dt, .ty-errorBG dt, .errorBG th, .ty-errorBG th {
      color: rgba(255, 255, 255, 0.85); }
  .light1_highlightColorTxt, .ty-light1_highlightColorTxt {
    color: var(--light1_highlightColorTxt) !important; }
  .light2_highlightColorTxt, .ty-light2_highlightColorTxt {
    color: var(--light2_highlightColorTxt) !important; }
  .light3_highlightColorTxt, .ty-light3_highlightColorTxt {
    color: var(--light3_highlightColorTxt) !important; }
  .highlightColorTxt, .ty-highlightColorTxt {
    color: var(--highlightColorTxt) !important; }
  .dark1_highlightColorTxt, .ty-dark1_highlightColorTxt {
    color: var(--dark1_highlightColorTxt) !important; }
  .dark2_highlightColorTxt, .ty-dark2_highlightColorTxt {
    color: var(--dark2_highlightColorTxt) !important; }
  .dark3_highlightColorTxt, .ty-dark3_highlightColorTxt {
    color: var(--dark3_highlightColorTxt) !important; }
  .light1_brightColorTxt, .ty-light1_brightColorTxt {
    color: var(--light1_brightColorTxt) !important; }
  .light2_brightColorTxt, .ty-light2_brightColorTxt {
    color: var(--light2_brightColorTxt) !important; }
  .light3_brightColorTxt, .ty-light3_brightColorTxt {
    color: var(--light3_brightColorTxt) !important; }
  .brightColorTxt, .ty-brightColorTxt {
    color: var(--brightColorTxt) !important; }
  .dark1_brightColorTxt, .ty-dark1_brightColorTxt {
    color: var(--dark1_brightColorTxt) !important; }
  .dark2_brightColorTxt, .ty-dark2_brightColorTxt {
    color: var(--dark2_brightColorTxt) !important; }
  .dark3_brightColorTxt, .ty-dark3_brightColorTxt {
    color: var(--dark3_brightColorTxt) !important; }
  .light1_lightColorTxt, .ty-light1_lightColorTxt {
    color: var(--light1_lightColorTxt) !important; }
  .light2_lightColorTxt, .ty-light2_lightColorTxt {
    color: var(--light2_lightColorTxt) !important; }
  .light3_lightColorTxt, .ty-light3_lightColorTxt {
    color: var(--light3_lightColorTxt) !important; }
  .lightColorTxt, .ty-lightColorTxt {
    color: var(--lightColorTxt) !important; }
  .dark1_lightColorTxt, .ty-dark1_lightColorTxt {
    color: var(--dark1_lightColorTxt) !important; }
  .dark2_lightColorTxt, .ty-dark2_lightColorTxt {
    color: var(--dark2_lightColorTxt) !important; }
  .dark3_lightColorTxt, .ty-dark3_lightColorTxt {
    color: var(--dark3_lightColorTxt) !important; }
  .light1_mediumColorTxt, .ty-light1_mediumColorTxt {
    color: var(--light1_mediumColorTxt) !important; }
  .light2_mediumColorTxt, .ty-light2_mediumColorTxt {
    color: var(--light2_mediumColorTxt) !important; }
  .light3_mediumColorTxt, .ty-light3_mediumColorTxt {
    color: var(--light3_mediumColorTxt) !important; }
  .mediumColorTxt, .ty-mediumColorTxt {
    color: var(--mediumColorTxt) !important; }
  .dark1_mediumColorTxt, .ty-dark1_mediumColorTxt {
    color: var(--dark1_mediumColorTxt) !important; }
  .dark2_mediumColorTxt, .ty-dark2_mediumColorTxt {
    color: var(--dark2_mediumColorTxt) !important; }
  .dark3_mediumColorTxt, .ty-dark3_mediumColorTxt {
    color: var(--dark3_mediumColorTxt) !important; }
  .light1_darkColorTxt, .ty-light1_darkColorTxt {
    color: var(--light1_darkColorTxt) !important; }
  .light2_darkColorTxt, .ty-light2_darkColorTxt {
    color: var(--light2_darkColorTxt) !important; }
  .light3_darkColorTxt, .ty-light3_darkColorTxt {
    color: var(--light3_darkColorTxt) !important; }
  .darkColorTxt, .ty-darkColorTxt {
    color: var(--darkColorTxt) !important; }
  .dark1_darkColorTxt, .ty-dark1_darkColorTxt {
    color: var(--dark1_darkColorTxt) !important; }
  .dark2_darkColorTxt, .ty-dark2_darkColorTxt {
    color: var(--dark2_darkColorTxt) !important; }
  .dark3_darkColorTxt, .ty-dark3_darkColorTxt {
    color: var(--dark3_darkColorTxt) !important; }
  .whiteTxt, .ty-whiteTxt {
    color: var(--whiteTxt) !important; }
  .lightGrayTxt, .ty-lightGrayTxt {
    color: var(--lightGrayTxt) !important; }
  .mediumGrayTxt, .ty-mediumGrayTxt {
    color: var(--mediumGrayTxt) !important; }
  .darkGrayTxt, .ty-darkGrayTxt {
    color: var(--darkGrayTxt) !important; }
  .blackTxt, .ty-blackTxt {
    color: var(--blackTxt) !important; }
  .infoTxt, .ty-infoTxt {
    color: var(--infoTxt) !important; }
  .successTxt, .ty-successTxt {
    color: var(--successTxt) !important; }
  .warningTxt, .ty-warningTxt {
    color: var(--warningTxt) !important; }
  .errorTxt, .ty-errorTxt {
    color: var(--errorTxt) !important; }
  .customColorBG_1, .ty-customColorBG_1 {
    background: rgba(255, 255, 255, 0);
    color: #0e0e0f;
    fill: #0e0e0f; }
    .customColorBG_1 h1, .ty-customColorBG_1 h1, .customColorBG_1 h2, .ty-customColorBG_1 h2, .customColorBG_1 h3, .ty-customColorBG_1 h3, .customColorBG_1 h4, .ty-customColorBG_1 h4, .customColorBG_1 h5, .ty-customColorBG_1 h5, .customColorBG_1 h6, .ty-customColorBG_1 h6, .customColorBG_1 strong, .ty-customColorBG_1 strong, .customColorBG_1 dt, .ty-customColorBG_1 dt, .customColorBG_1 th, .ty-customColorBG_1 th {
      color: rgba(14, 14, 15, 0.85); }
  .customColorBG_2, .ty-customColorBG_2 {
    background: rgba(255, 255, 255, 0);
    color: #0e0e0f;
    fill: #0e0e0f; }
    .customColorBG_2 h1, .ty-customColorBG_2 h1, .customColorBG_2 h2, .ty-customColorBG_2 h2, .customColorBG_2 h3, .ty-customColorBG_2 h3, .customColorBG_2 h4, .ty-customColorBG_2 h4, .customColorBG_2 h5, .ty-customColorBG_2 h5, .customColorBG_2 h6, .ty-customColorBG_2 h6, .customColorBG_2 strong, .ty-customColorBG_2 strong, .customColorBG_2 dt, .ty-customColorBG_2 dt, .customColorBG_2 th, .ty-customColorBG_2 th {
      color: rgba(14, 14, 15, 0.85); }
  .customColorBG_3, .ty-customColorBG_3 {
    background: rgba(255, 255, 255, 0);
    color: #0e0e0f;
    fill: #0e0e0f; }
    .customColorBG_3 h1, .ty-customColorBG_3 h1, .customColorBG_3 h2, .ty-customColorBG_3 h2, .customColorBG_3 h3, .ty-customColorBG_3 h3, .customColorBG_3 h4, .ty-customColorBG_3 h4, .customColorBG_3 h5, .ty-customColorBG_3 h5, .customColorBG_3 h6, .ty-customColorBG_3 h6, .customColorBG_3 strong, .ty-customColorBG_3 strong, .customColorBG_3 dt, .ty-customColorBG_3 dt, .customColorBG_3 th, .ty-customColorBG_3 th {
      color: rgba(14, 14, 15, 0.85); }
  .customColorBG_4, .ty-customColorBG_4 {
    background: rgba(255, 255, 255, 0);
    color: #0e0e0f;
    fill: #0e0e0f; }
    .customColorBG_4 h1, .ty-customColorBG_4 h1, .customColorBG_4 h2, .ty-customColorBG_4 h2, .customColorBG_4 h3, .ty-customColorBG_4 h3, .customColorBG_4 h4, .ty-customColorBG_4 h4, .customColorBG_4 h5, .ty-customColorBG_4 h5, .customColorBG_4 h6, .ty-customColorBG_4 h6, .customColorBG_4 strong, .ty-customColorBG_4 strong, .customColorBG_4 dt, .ty-customColorBG_4 dt, .customColorBG_4 th, .ty-customColorBG_4 th {
      color: rgba(14, 14, 15, 0.85); }
  .customColorBG_5, .ty-customColorBG_5 {
    background: rgba(255, 255, 255, 0);
    color: #0e0e0f;
    fill: #0e0e0f; }
    .customColorBG_5 h1, .ty-customColorBG_5 h1, .customColorBG_5 h2, .ty-customColorBG_5 h2, .customColorBG_5 h3, .ty-customColorBG_5 h3, .customColorBG_5 h4, .ty-customColorBG_5 h4, .customColorBG_5 h5, .ty-customColorBG_5 h5, .customColorBG_5 h6, .ty-customColorBG_5 h6, .customColorBG_5 strong, .ty-customColorBG_5 strong, .customColorBG_5 dt, .ty-customColorBG_5 dt, .customColorBG_5 th, .ty-customColorBG_5 th {
      color: rgba(14, 14, 15, 0.85); }
  .customColorTxt_1, .ty-customColorTxt_1 {
    color: rgba(255, 255, 255, 0) !important; }
  .customColorTxt_2, .ty-customColorTxt_2 {
    color: rgba(255, 255, 255, 0) !important; }
  .customColorTxt_3, .ty-customColorTxt_3 {
    color: rgba(255, 255, 255, 0) !important; }
  .customColorTxt_4, .ty-customColorTxt_4 {
    color: rgba(255, 255, 255, 0) !important; }
  .customColorTxt_5, .ty-customColorTxt_5 {
    color: rgba(255, 255, 255, 0) !important; }

::selection {
  background: #7a35ff;
  color: #fff; }

.highlightColorBG ::selection {
  background: #fef0cb;
  color: #0e0e0f; }
  .highlightColorBG *[class*='BG'] ::selection {
    background: #7a35ff;
    color: #fff; }

.relative-zindex-1 {
  position: relative;
  z-index: 1; }

.relative-zindex-2 {
  position: relative;
  z-index: 2; }

.relative-zindex-3 {
  position: relative;
  z-index: 3; }

.relative-zindex-4 {
  position: relative;
  z-index: 4; }

.relative-zindex-5 {
  position: relative;
  z-index: 5; }

.absolute-zindex-1 {
  position: absolute;
  z-index: 1; }

.absolute-zindex-2 {
  position: absolute;
  z-index: 2; }

.absolute-zindex-3 {
  position: absolute;
  z-index: 3; }

.absolute-zindex-4 {
  position: absolute;
  z-index: 4; }

.absolute-zindex-5 {
  position: absolute;
  z-index: 5; }

.--tableWrapper {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow: auto; }
  .--tableWrapper table {
    background: transparent;
    color: inherit;
    width: 100%;
    text-align: left;
    font-size: 0.8rem;
    font-size: clamp(14px, 0.8em, 16px);
    border-collapse: collapse;
    border-spacing: 0; }
    .--tableWrapper table * {
      border: none; }
    .--tableWrapper table thead {
      background: var(--L3_bg);
      color: var(--txt_primary);
      position: sticky;
      top: 0;
      z-index: 99; }
      .--tableWrapper table thead th {
        padding: 8px;
        white-space: nowrap; }
    .--tableWrapper table th, .--tableWrapper table td {
      padding: 4px 8px; }
      .--tableWrapper table th.--sticky, .--tableWrapper table td.--sticky {
        z-index: 1;
        width: 1%;
        white-space: nowrap; }
    .--tableWrapper table tbody {
      vertical-align: top; }
      .--tableWrapper table tbody tr:nth-child(odd) {
        background: rgba(122, 53, 255, 0.05);
        -o-transition: 0.33s background ease;
        transition: 0.33s background ease; }
        .--tableWrapper table tbody tr:nth-child(odd):hover, .--tableWrapper table tbody tr:nth-child(odd):active, .--tableWrapper table tbody tr:nth-child(odd):focus, .--tableWrapper table tbody tr:nth-child(odd):focus-within {
          background: rgba(122, 53, 255, 0.1); }
        .--tableWrapper table tbody tr:has(.dropdown.open) {
          position: relative;
          z-index: 99; }
      .--tableWrapper table tbody td {
        white-space: nowrap; }
    .--tableWrapper table thead th.--sticky, .--tableWrapper table tbody th.--sticky, .--tableWrapper table thead td.--sticky, .--tableWrapper table tbody td.--sticky {
      background: var(--L3_bg);
      color: var(--txt_secondary); }
    .--tableWrapper table .--ws-noWrap {
      white-space: nowrap; }
    .--tableWrapper table [ng-click] {
      cursor: pointer; }
    .--tableWrapper table .--tableWrapper {
      position: relative;
      z-index: 1; }

.ty-size-small {
  font-size: 0.8em; }

.ty-size-large {
  font-size: 1.2em; }

.ty-size-huge {
  font-size: 1.5em; }

.ty-font-sans {
  font-family: 'Open Sans', sans-serif !important; }

.ty-font-serif {
  font-family: 'Poppins', sans-serif !important; }

.ty-font-decoFont {
  font-family: 'Encode Sans Expanded', sans-serif !important; }

.--ty_textAlign_center {
  text-align: center; }

.--ty_textAlign_left {
  text-align: left; }

.--ty_textAlign_right {
  text-align: right; }

.uppercase {
  text-transform: uppercase !important; }

.lowercase {
  text-transform: lowercase !important; }

.--textAlign._center {
  text-align: center; }
  .--textAlign._left {
    text-align: left; }
  .--textAlign._right {
    text-align: right; }

.--clamp_35ch {
  max-width: 35ch;
  overflow: hidden; }

.--clamp_40ch {
  max-width: 40ch;
  overflow: hidden; }

.--clamp_45ch {
  max-width: 45ch;
  overflow: hidden; }

.--clamp_50ch {
  max-width: 50ch;
  overflow: hidden; }

.--clamp_55ch {
  max-width: 55ch;
  overflow: hidden; }

.--clamp_60ch {
  max-width: 60ch;
  overflow: hidden; }

.--clamp_65ch {
  max-width: 65ch;
  overflow: hidden; }

.--clamp_70ch {
  max-width: 70ch;
  overflow: hidden; }

.--clamp_75ch {
  max-width: 75ch;
  overflow: hidden; }

.--clamp_80ch {
  max-width: 80ch;
  overflow: hidden; }

.--clamp_85ch {
  max-width: 85ch;
  overflow: hidden; }

footer {
  content-visibility: auto;
  contain: layout paint style; }

.imgBox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
  .imgBox img {
    width: 100%;
    height: 100%;
    word-break: break-word;
    border-radius: inherit; }
    .imgBox img.--objectPos._center {
      object-position: center; }
      .imgBox img.--objectPos._top {
        object-position: top; }
      .imgBox img.--objectPos._bottom {
        object-position: bottom; }
      .imgBox img.--objectPos._left {
        object-position: left; }
      .imgBox img.--objectPos._right {
        object-position: right; }
      @media (min-width: 576px) {
  .imgBox img.--objectPos._center-sm {
    object-position: center; }
  .imgBox img.--objectPos._top-sm {
    object-position: top; }
  .imgBox img.--objectPos._bottom-sm {
    object-position: bottom; }
  .imgBox img.--objectPos._left-sm {
    object-position: left; }
  .imgBox img.--objectPos._right-sm {
    object-position: right; } }
      @media (min-width: 768px) {
  .imgBox img.--objectPos._center-md {
    object-position: center; }
  .imgBox img.--objectPos._top-md {
    object-position: top; }
  .imgBox img.--objectPos._bottom-md {
    object-position: bottom; }
  .imgBox img.--objectPos._left-md {
    object-position: left; }
  .imgBox img.--objectPos._right-md {
    object-position: right; } }
      @media (min-width: 1200px) {
  .imgBox img.--objectPos._center-xl {
    object-position: center; }
  .imgBox img.--objectPos._top-xl {
    object-position: top; }
  .imgBox img.--objectPos._bottom-xl {
    object-position: bottom; }
  .imgBox img.--objectPos._left-xl {
    object-position: left; }
  .imgBox img.--objectPos._right-xl {
    object-position: right; } }
      @media (min-width: 2000px) {
  .imgBox img.--objectPos._center-xxl {
    object-position: center; }
  .imgBox img.--objectPos._top-xxl {
    object-position: top; }
  .imgBox img.--objectPos._bottom-xxl {
    object-position: bottom; }
  .imgBox img.--objectPos._left-xxl {
    object-position: left; }
  .imgBox img.--objectPos._right-xxl {
    object-position: right; } }
    .imgBox img.cover {
      object-fit: cover; }
    .imgBox img.contain {
      object-fit: contain; }
    @media (min-width: 576px) {
    .imgBox img.cover-sm {
      object-fit: cover; } }
    @media (min-width: 576px) {
    .imgBox img.contain-sm {
      object-fit: contain; } }
    @media (min-width: 768px) {
    .imgBox img.cover-md {
      object-fit: cover; } }
    @media (min-width: 768px) {
    .imgBox img.contain-md {
      object-fit: contain; } }
    @media (min-width: 992px) {
    .imgBox img.cover-lg {
      object-fit: cover; } }
    @media (min-width: 992px) {
    .imgBox img.contain-lg {
      object-fit: contain; } }
    @media (min-width: 1200px) {
    .imgBox img.cover-xl {
      object-fit: cover; } }
    @media (min-width: 1200px) {
    .imgBox img.contain-xl {
      object-fit: contain; } }
    @media (min-width: 2000px) {
    .imgBox img.cover-xxl {
      object-fit: cover; } }
    @media (min-width: 2000px) {
    .imgBox img.contain-xxl {
      object-fit: contain; } }

.videoBox {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }
  .videoBox video {
    width: 100%;
    height: 100%; }

video.--objectPos._center {
  object-position: center; }
  video.--objectPos._top {
    object-position: top; }
  video.--objectPos._bottom {
    object-position: bottom; }
  video.--objectPos._left {
    object-position: left; }
  video.--objectPos._right {
    object-position: right; }
  @media (min-width: 576px) {
    video.--objectPos._center-sm {
      object-position: center; }

    video.--objectPos._top-sm {
      object-position: top; }

    video.--objectPos._bottom-sm {
      object-position: bottom; }

    video.--objectPos._left-sm {
      object-position: left; }

    video.--objectPos._right-sm {
      object-position: right; } }
  @media (min-width: 768px) {
    video.--objectPos._center-md {
      object-position: center; }

    video.--objectPos._top-md {
      object-position: top; }

    video.--objectPos._bottom-md {
      object-position: bottom; }

    video.--objectPos._left-md {
      object-position: left; }

    video.--objectPos._right-md {
      object-position: right; } }
  @media (min-width: 1200px) {
    video.--objectPos._center-xl {
      object-position: center; }

    video.--objectPos._top-xl {
      object-position: top; }

    video.--objectPos._bottom-xl {
      object-position: bottom; }

    video.--objectPos._left-xl {
      object-position: left; }

    video.--objectPos._right-xl {
      object-position: right; } }
  @media (min-width: 2000px) {
    video.--objectPos._center-xxl {
      object-position: center; }

    video.--objectPos._top-xxl {
      object-position: top; }

    video.--objectPos._bottom-xxl {
      object-position: bottom; }

    video.--objectPos._left-xxl {
      object-position: left; }

    video.--objectPos._right-xxl {
      object-position: right; } }
  video.cover {
    object-fit: cover; }
  video.contain {
    object-fit: contain; }
  @media (min-width: 576px) {
    video.cover-sm {
      object-fit: cover; } }
  @media (min-width: 576px) {
    video.contain-sm {
      object-fit: contain; } }
  @media (min-width: 768px) {
    video.cover-md {
      object-fit: cover; } }
  @media (min-width: 768px) {
    video.contain-md {
      object-fit: contain; } }
  @media (min-width: 992px) {
    video.cover-lg {
      object-fit: cover; } }
  @media (min-width: 992px) {
    video.contain-lg {
      object-fit: contain; } }
  @media (min-width: 1200px) {
    video.cover-xl {
      object-fit: cover; } }
  @media (min-width: 1200px) {
    video.contain-xl {
      object-fit: contain; } }
  @media (min-width: 2000px) {
    video.cover-xxl {
      object-fit: cover; } }
  @media (min-width: 2000px) {
    video.contain-xxl {
      object-fit: contain; } }

.cover {
  object-fit: cover; }

.contain {
  object-fit: contain; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.wordWrap {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.--ws-noWrap {
  white-space: nowrap; }

.--ws-normal {
  white-space: normal; }

.--ws-pre {
  white-space: pre; }

.--ws-preLine {
  white-space: pre-line; }

.--ws-breakSpaces {
  white-space: break-spaces; }

.--ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  width: 100%; }
  .--ellipsis._2, .--ellipsis._3, .--ellipsis._4, .--ellipsis._5 {
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .--ellipsis._2 {
    -webkit-line-clamp: 2; }
  .--ellipsis._3 {
    -webkit-line-clamp: 3; }
  .--ellipsis._4 {
    -webkit-line-clamp: 4; }
  .--ellipsis._5 {
    -webkit-line-clamp: 5; }

.full-bleed {
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%); }

.container {
  padding: 0 16px;
  width: 100%; }
  @media (min-width: 992px) {
  .container {
    max-width: 80vw;
    margin: 0 auto; } }
  @media (min-width: 2000px) {
  .container {
    max-width: 1600px; } }

.container-fluid {
  padding: 0 16px;
  margin: 0 auto;
  width: 100%; }

.container {
  display: flow-root; }
  .container section.--component:not(.full-bleed) .container {
    max-width: 100%;
    width: 100%; }
  .container section.--component:not(.full-bleed):not([class*='BG']) .container {
    padding-left: 0;
    padding-right: 0; }
  .container .full-bleed .container {
    padding-right: 16px;
    padding-left: 16px; }

.bootstrap .container {
  padding: 0 16px;
  width: 100%; }
  @media (min-width: 768px) {
    .bootstrap .container {
      width: 100% !important;
      margin: 0 auto; } }
  @media (min-width: 992px) {
    .bootstrap .container {
      width: 100% !important;
      max-width: 80vw; } }
  @media (min-width: 1200px) {
    .bootstrap .container {
      width: 100% !important; } }
  @media (min-width: 2000px) {
    .bootstrap .container {
      width: 100% !important;
      max-width: 1600px; } }
  .bootstrap .container-fluid {
    padding: 0 16px;
    margin: 0 auto;
    width: 100%; }
/**
 should only be used for quick layouts, where design is
 not essential. When designing components, please use
 custom grid definitions!
 */
.grid {
  display: grid;
  grid-template-columns: 1fr; }
  .grid._gap-1 {
    row-gap: 1rem; }
  @media (min-width: 768px) {
    .grid._gap-1 {
      grid-gap: 1rem; } }
  .grid._gap-2 {
    row-gap: 2rem; }
  @media (min-width: 768px) {
    .grid._gap-2 {
      grid-gap: 2rem; } }
  .grid._gap-3 {
    row-gap: 3rem; }
  @media (min-width: 768px) {
    .grid._gap-3 {
      grid-gap: 3rem; } }
  .grid._gap-4 {
    row-gap: 4rem; }
  @media (min-width: 768px) {
    .grid._gap-4 {
      grid-gap: 4rem; } }
  .grid._gap-5 {
    row-gap: 5rem; }
  @media (min-width: 768px) {
    .grid._gap-5 {
      grid-gap: 5rem; } }
  .grid.--autoCol {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .grid.--autoCol._minWidth-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(40px, 1fr)); }
  .grid.--autoCol._minWidth-50 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50px, 1fr)); }
  .grid.--autoCol._minWidth-100 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }
  .grid.--autoCol._minWidth-150 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); }
  .grid.--autoCol._minWidth-200 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
  .grid.--autoCol._minWidth-250 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
  .grid.--autoCol._auto-fill {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-40 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-50 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(50px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-100 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-150 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-200 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }
    .grid.--autoCol._auto-fill._minWidth-250 {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); }
  @media (min-width: 768px) {
    .grid.--twoCol {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 768px) {
    .grid.--threeCol {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr; } }
  @media (min-width: 768px) {
    .grid.--fourCol {
      display: grid;
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 1200px) {
    .grid.--fourCol {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr; } }
  .grid ._gridColSpan-2 {
    grid-column: span 2; }
  .grid ._gridColSpan-3 {
    grid-column: span 3; }
  .grid ._gridColSpan-4 {
    grid-column: span 4; }
  .grid ._gridColSpan-5 {
    grid-column: span 5; }
  .grid ._gridColSpan-all {
    grid-column: 1 / -1; }
  .grid._alignStart {
    align-items: start; }
  .grid._alignEnd {
    align-items: end; }
/**
 added experimentally and not really used much
 could be used if we have an input with a separate button
 without having to smash it into the ty-input directive
 */
.--flex {
  display: flex; }
  .--flex._alignEnd {
    align-items: end; }
  .--flex._alignStart {
    align-items: start; }
  .--flex._column {
    flex-direction: column; }
  .--flex._noWrap {
    flex-wrap: nowrap; }
  .--flex ._grow {
    flex-grow: 1; }
  .--flex ._shrink {
    flex-shrink: 1; }

.runningText {
  widows: 3;
  orphans: 3; }
  .runningText.--colWidth-25 {
    columns: 25ch; }
  .runningText.--colWidth-30 {
    columns: 30ch; }
  .runningText.--colWidth-35 {
    columns: 35ch; }
  .runningText.--colWidth-40 {
    columns: 40ch; }
  .runningText.--colWidth-45 {
    columns: 45ch; }
  .runningText.--colWidth-50 {
    columns: 50ch; }
  .runningText.--colWidth-55 {
    columns: 55ch; }
  .runningText.--colWidth-60 {
    columns: 60ch; }
  .runningText.--colWidth-65 {
    columns: 65ch; }
  .runningText.--colWidth-70 {
    columns: 70ch; }
  .runningText.--colWidth-75 {
    columns: 75ch; }
  .runningText.--colWidth-80 {
    columns: 80ch; }
  .runningText._gap-1 {
    gap: 1rem; }
  .runningText._gap-2 {
    gap: 2rem; }
  .runningText._gap-3 {
    gap: 3rem; }
  .runningText._gap-4 {
    gap: 4rem; }
  .runningText._gap-5 {
    gap: 5rem; }
  .runningText .--spanAll {
    column-span: all; }
  .runningText div.--spanAll {
    margin: 1rem 0; }
  .runningText .inline-block {
    display: inline-block; }
  .runningText .imgBox {
    position: relative;
    overflow: hidden;
    display: inline-block; }
  .runningText .imgBox:before {
    content: '';
    display: block;
    width: 100%;
    height: unset;
    padding: 0 0 75%; }
  .runningText .imgBox img {
    position: absolute;
    top: 0;
    left: 0; }
  .runningText .imgBox + * {
    margin-top: 1rem; }
  .runningText p + h2:not(.--spanAll), .runningText p + h3:not(.--spanAll), .runningText p + h4:not(.--spanAll), .runningText p + h5:not(.--spanAll), .runningText p + h6:not(.--spanAll) {
    display: inline-block; }
    .runningText p + h2:not(.--spanAll):before, .runningText p + h3:not(.--spanAll):before, .runningText p + h4:not(.--spanAll):before, .runningText p + h5:not(.--spanAll):before, .runningText p + h6:not(.--spanAll):before {
      content: '.';
      color: transparent;
      display: table;
      page-break-before: auto;
      page-break-after: avoid;
      line-height: 0; }
  .runningText h2 + p, .runningText h3 + p, .runningText h4 + p, .runningText h5 + p, .runningText h6 + p {
    page-break-before: avoid; }

section.--component.margin-top-0 {
  margin-top: 0 !important; }
  section.--component.margin-top-1 {
    margin-top: 16px !important; }
  section.--component.margin-top-2 {
    margin-top: 32px !important; }
  section.--component.margin-top-3 {
    margin-top: 48px !important; }
  section.--component.margin-top-4 {
    margin-top: 64px !important; }
  section.--component.margin-top-5 {
    margin-top: 80px !important; }
  section.--component.margin-bottom-0 {
    margin-bottom: 0 !important; }
  section.--component.margin-bottom-1 {
    margin-bottom: 16px !important; }
  section.--component.margin-bottom-2 {
    margin-bottom: 32px !important; }
  section.--component.margin-bottom-3 {
    margin-bottom: 48px !important; }
  section.--component.margin-bottom-4 {
    margin-bottom: 64px !important; }
  section.--component.margin-bottom-5 {
    margin-bottom: 80px !important; }
  section.--component.padding-top-0 {
    padding-top: 0 !important; }
  section.--component.padding-top-1 {
    padding-top: 16px !important; }
  section.--component.padding-top-2 {
    padding-top: 32px !important; }
  section.--component.padding-top-3 {
    padding-top: 48px !important; }
  section.--component.padding-top-4 {
    padding-top: 64px !important; }
  section.--component.padding-top-5 {
    padding-top: 80px !important; }
  section.--component.padding-bottom-0 {
    padding-bottom: 0 !important; }
  section.--component.padding-bottom-1 {
    padding-bottom: 16px !important; }
  section.--component.padding-bottom-2 {
    padding-bottom: 32px !important; }
  section.--component.padding-bottom-3 {
    padding-bottom: 48px !important; }
  section.--component.padding-bottom-4 {
    padding-bottom: 64px !important; }
  section.--component.padding-bottom-5 {
    padding-bottom: 80px !important; }

.flexrow, .flex-row {
  display: flex;
  align-items: stretch;
  margin-left: -15px;
  margin-right: -15px; }

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

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

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

.spamprotection, .hp_input {
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0; }

.form-group.date select {
  display: inline;
  width: auto; }
  .form-group.date input {
    display: inline; }
  .form-group.date input:first-of-type {
    width: 4.5em; }
  .form-group.date input:last-of-type {
    width: 5em; }
  .form-group.date label {
    display: block; }

.nav, .pagination, .carousel, .panel-title a {
  cursor: pointer; }

.visible-print-table-cell {
  display: none !important; }
  @media print {
  .visible-print-table-cell {
    display: table-cell; } }

form {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
  width: 100%; }

.maia-pagination-display .maia-pagination-navigation {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  margin: 0.5rem 0; }
  .maia-pagination-display .maia-pagination-navigation > div:first-child {
    padding-right: 1em; }
    .maia-pagination-display .maia-pagination-navigation > div:first-child.extended {
      margin-right: 1rem;
      border-right: 1px solid #e5e4e6; }
  .maia-pagination-display .maia-pagination-navigation form {
    width: auto;
    flex: 0 1; }
    .maia-pagination-display .maia-pagination-navigation form button {
      width: auto;
      margin-top: 0.5rem; }

.nl2br {
  white-space: pre-line; }

ul.actions {
  position: relative;
  z-index: 999; }

* {
  box-sizing: border-box; }

.hidden {
  display: none !important; }

p {
  margin: 0 0 1rem; }

category-data-auto-suggestion, user-data-auto-suggestion, product-data-auto-suggestion {
  width: 100%;
  display: block; }
  category-data-auto-suggestion .dropdown.column-setting.open .dropdown-menu, user-data-auto-suggestion .dropdown.column-setting.open .dropdown-menu, product-data-auto-suggestion .dropdown.column-setting.open .dropdown-menu {
    display: block; }
  category-data-auto-suggestion .dropdown.column-setting > a[data-toggle='dropdown'], user-data-auto-suggestion .dropdown.column-setting > a[data-toggle='dropdown'], product-data-auto-suggestion .dropdown.column-setting > a[data-toggle='dropdown'] {
    float: right; }
  category-data-auto-suggestion .dropdown.column-setting .dropdown-menu, user-data-auto-suggestion .dropdown.column-setting .dropdown-menu, product-data-auto-suggestion .dropdown.column-setting .dropdown-menu {
    display: none; }

ul.nav {
  list-style: none;
  margin: 0;
  padding: 0; }

figure {
  width: auto;
  max-width: 100%;
  margin: 0; }
  figure figcaption {
    margin-top: 1em;
    font-style: italic;
    font-size: 0.8rem;
    line-height: initial; }

pre {
  max-width: 100%;
  overflow: auto; }

.--sticky {
  position: sticky; }
  .--sticky._left {
    left: 0; }
  .--sticky._right {
    right: 0; }
  .--sticky.top {
    top: 0; }
  .--sticky._bottom {
    bottom: 0; }

mark.--status {
  display: flex;
  width: min-content;
  max-width: 100%;
  overflow: hidden;
  padding: 4px 8px;
  border-radius: 4px;
  letter-spacing: 0.5px;
  align-items: center; }
  mark.--status:not([class*="BG"]) {
    background: #969a9e;
    color: #0e0e0f; }
  mark.--status:not([class*="BG"]) h1, mark.--status:not([class*="BG"]) h2, mark.--status:not([class*="BG"]) h3, mark.--status:not([class*="BG"]) h4, mark.--status:not([class*="BG"]) h5, mark.--status:not([class*="BG"]) h6, mark.--status:not([class*="BG"]) strong, mark.--status:not([class*="BG"]) dt, mark.--status:not([class*="BG"]) th {
    color: #0e0e0f; }
  mark.--status:not([class*="BG"]) .--inputGroup ._label {
    color: #0e0e0f; }
  mark.--status._info {
    background: #6495ed;
    color: #0e0e0f; }
  mark.--status._info h1, mark.--status._info h2, mark.--status._info h3, mark.--status._info h4, mark.--status._info h5, mark.--status._info h6, mark.--status._info strong, mark.--status._info dt, mark.--status._info th {
    color: #0e0e0f; }
  mark.--status._info .--inputGroup ._label {
    color: #0e0e0f; }
  mark.--status._error {
    background: #da3a45;
    color: #fff; }
  mark.--status._error h1, mark.--status._error h2, mark.--status._error h3, mark.--status._error h4, mark.--status._error h5, mark.--status._error h6, mark.--status._error strong, mark.--status._error dt, mark.--status._error th {
    color: #fff; }
  mark.--status._error .--inputGroup ._label {
    color: #fff; }
  mark.--status._warning {
    background: #da803a;
    color: #0e0e0f; }
  mark.--status._warning h1, mark.--status._warning h2, mark.--status._warning h3, mark.--status._warning h4, mark.--status._warning h5, mark.--status._warning h6, mark.--status._warning strong, mark.--status._warning dt, mark.--status._warning th {
    color: #0e0e0f; }
  mark.--status._warning .--inputGroup ._label {
    color: #0e0e0f; }
  mark.--status._success {
    background: #2d7026;
    color: #fff; }
  mark.--status._success h1, mark.--status._success h2, mark.--status._success h3, mark.--status._success h4, mark.--status._success h5, mark.--status._success h6, mark.--status._success strong, mark.--status._success dt, mark.--status._success th {
    color: #fff; }
  mark.--status._success .--inputGroup ._label {
    color: #fff; }
  mark.--status._sm {
    font-size: clamp(12px, 0.8em, 0.8rem);
    line-height: initial; }
  mark.--status._xs {
    font-size: clamp(10px, 0.6em, 0.8rem);
    line-height: initial;
    padding: 2px 4px; }
  mark.--status._discount {
    background: #da3a45;
    color: #fff;
    white-space: nowrap; }

table mark.--status {
  border-radius: 4px;
  padding: 0 8px; }

.--listDataPreview {
  display: grid;
  grid-template-columns: auto 1fr auto;
  column-gap: 8px;
  row-gap: 0;
  align-items: center; }
  .--listDataPreview strong {
    grid-row: 1;
    grid-column: 2; }
  .--listDataPreview ._secondary {
    grid-column-start: 2;
    grid-column-end: -1; }
  .--listDataPreview ._avatar {
    grid-row: 1;
    grid-column: 1;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px; }
  .--listDataPreview ._avatar._initials {
    font-family: 'Open Sans', sans-serif;
    background: #7a35ff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px; }
  .--listDataPreview ._avatar._sm {
    width: 32px;
    height: 32px; }
    .--listDataPreview ._avatar._sm._initials {
      font-size: 16px; }
  .--listDataPreview ._avatar._lg {
    width: 64px;
    height: 64px; }
    .--listDataPreview ._avatar._lg._initials {
      font-size: 32px; }
  .--listDataPreview ._tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 12px;
    font-size: clamp(10px, 0.6em, 12px);
    grid-column-start: 2;
    grid-column-end: -1; }
  .--listDataPreview ._tags .tag {
    background: #ebe1ff;
    color: #0e0e0f;
    padding: 4px;
    line-height: 1em; }

details {
  /* Chrome */ }
  details > summary {
    list-style: none; }
  details > summary::-webkit-details-marker {
    display: none; }
  details > summary::marker {
    display: none; }
  details[open] > summary .title {
    color: var(--accent);
    background: var(--accent_trans3); }
    details[open] > summary .title:after {
      transform: rotate(45deg); }
    details[open] > summary:hover .title, details[open] > summary:active .title, details[open] > summary:focus .title {
      background: var(--accent_trans2); }
    details[open] > summary.active .title {
      -webkit-box-shadow: 0 0 0 1px var(--accent_trans2) inset;
      box-shadow: 0 0 0 1px var(--accent_trans2) inset; }
    details[open] > summary.active.--hasInfo .title {
      -webkit-box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset;
      box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset; }
    details[open] > summary.active.--hasSuccess .title {
      -webkit-box-shadow: 0 0 0 1px var(--successTxt_trans2) inset;
      box-shadow: 0 0 0 1px var(--successTxt_trans2) inset; }
    details[open] > summary.active.--hasWarning .title {
      -webkit-box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset;
      box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset; }
    details[open] > summary.active.--hasError .title {
      -webkit-box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset;
      box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset; }
  details:focus-visible {
    outline: none; }
  details > * {
    padding: 8px; }
  details summary {
    padding: 8px 0;
    cursor: pointer; }
  details summary:focus-visible {
    outline: none; }
  details summary .title {
    width: 100%;
    text-align: left;
    display: grid;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-gap: 8px;
    min-height: 40px;
    padding: 8px 16px;
    align-items: center;
    justify-content: start;
    background: var(--L1_bg);
    color: var(--text_primary);
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    font-weight: bold;
    letter-spacing: 0.25px;
    text-transform: capitalize;
    filter: none;
    -o-transition: background 0.33s ease-in-out;
    transition: background 0.33s ease-in-out; }
    details summary .title:before {
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center; }
    details summary .title.--hasError:before {
      content: '\f071'; }
    details summary .title.--hasWarning:before {
      content: '\f12a'; }
    details summary .title.--hasSuccess:before {
      content: '\f00c'; }
    details summary .title.--hasInfo:before {
      content: '\f129'; }
    details summary .title:not([class*='--has'])[data-attr-icon]:before {
      content: attr(data-attr-icon); }
    details summary .title.--hasInfo {
      color: var(--infoTxt);
      background: var(--infoTxt_trans1); }
    details summary .title.--hasSuccess {
      color: var(--successTxt);
      background: var(--successTxt_trans1); }
    details summary .title.--hasWarning {
      color: var(--warningTxt);
      background: var(--warningTxt_trans1); }
    details summary .title.--hasError {
      color: var(--errorTxt);
      background: var(--errorTxt_trans1); }
    details summary .title:before {
      grid-column-start: 1; }
    details summary .title:after {
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center;
      content: '\f067';
      justify-self: end;
      height: 40px;
      width: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      transform-origin: center center;
      transition: transform 0.33s ease;
      grid-column-end: -1; }
  details summary:hover .title, details summary:active .title, details summary:focus .title {
    background: var(--L2_bg); }
    details summary:hover .title.--hasInfo, details summary:active .title.--hasInfo, details summary:focus .title.--hasInfo {
      color: var(--infoTxt);
      background: var(--infoTxt_trans2); }
    details summary:hover .title.--hasSuccess, details summary:active .title.--hasSuccess, details summary:focus .title.--hasSuccess {
      color: var(--successTxt);
      background: var(--successTxt_trans2); }
    details summary:hover .title.--hasWarning, details summary:active .title.--hasWarning, details summary:focus .title.--hasWarning {
      color: var(--warningTxt);
      background: var(--warningTxt_trans2); }
    details summary:hover .title.--hasError, details summary:active .title.--hasError, details summary:focus .title.--hasError {
      color: var(--errorTxt);
      background: var(--errorTxt_trans2); }
  details summary:focus-visible .title, details summary:focus-within .title {
    outline: 2px solid var(--focusRing);
    outline-offset: 4px; }
    details summary:focus-visible .title.--hasInfo, details summary:focus-within .title.--hasInfo {
      outline: 2px solid var(--infoTxt_trans3); }
    details summary:focus-visible .title.--hasSuccess, details summary:focus-within .title.--hasSuccess {
      outline: 2px solid var(--successTxt_trans3); }
    details summary:focus-visible .title.--hasWarning, details summary:focus-within .title.--hasWarning {
      outline: 2px solid var(--warningTxt_trans3); }
    details summary:focus-visible .title.--hasError, details summary:focus-within .title.--hasError {
      outline: 2px solid var(--errorTxt_trans3); }
  details details summary {
    padding: 4px; }
  details details .title {
    padding: 4px 8px; }

.--dynamicGroup {
  margin: 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 16px; }
  .--dynamicGroup > * {
    margin: 0; }
  .--dynamicGroup._simple .--items ._item:has(.--inputGroup) {
    padding: 4px; }
    .--dynamicGroup._simple .--items ._item._placeholder, .--dynamicGroup._simple .--items ._item:hover, .--dynamicGroup._simple .--items ._item:focus-within {
      background: var(--accent_trans3); }
    .--dynamicGroup._simple .--items ._item ._slot-1 {
      grid-column-start: 1; }
    .--dynamicGroup._simple .--items ._item ._slot-2 {
      grid-column-start: 2; }
    .--dynamicGroup._simple .--items ._item ._slot-2:first-child {
      grid-column-start: 1;
      grid-column-end: -2; }
  .--dynamicGroup._complex .--items > details {
    -webkit-box-shadow: inset 3px 0 0 0 #7a35ff;
    box-shadow: inset 3px 0 0 0 #7a35ff; }
    .--dynamicGroup._complex .--items > details[open] summary {
      -webkit-box-shadow: 0 -1px 0 0 #fff inset;
      box-shadow: 0 -1px 0 0 #fff inset; }
    .--dynamicGroup._complex .--items > details[open] ._item {
      background: var(--accent_trans1);
      -webkit-box-shadow: 0 0 0 1px var(--accent_trans2) inset;
      box-shadow: 0 0 0 1px var(--accent_trans2) inset; }
      .--dynamicGroup._complex .--items > details[open] ._item:before {
        content: '\f107'; }
    .--dynamicGroup._complex .--items > details._error, .--dynamicGroup._complex .--items > details.--hasError {
      -webkit-box-shadow: inset 3px 0 0 0 #da3a45;
      box-shadow: inset 3px 0 0 0 #da3a45; }
    .--dynamicGroup._complex .--items > details._error > summary, .--dynamicGroup._complex .--items > details.--hasError > summary {
      position: relative;
      color: #da3a45; }
      .--dynamicGroup._complex .--items > details._error > summary ._item:before, .--dynamicGroup._complex .--items > details.--hasError > summary ._item:before {
        content: '\f071'; }
        .--dynamicGroup._complex .--items > details._error > summary ._item button, .--dynamicGroup._complex .--items > details.--hasError > summary ._item button {
          color: initial; }
    .--dynamicGroup._complex .--items > details._warning, .--dynamicGroup._complex .--items > details.--hasWarning {
      -webkit-box-shadow: inset 3px 0 0 0 #da803a;
      box-shadow: inset 3px 0 0 0 #da803a; }
    .--dynamicGroup._complex .--items > details._warning > summary, .--dynamicGroup._complex .--items > details.--hasWarning > summary {
      color: #da803a; }
      .--dynamicGroup._complex .--items > details._warning > summary ._item:before, .--dynamicGroup._complex .--items > details.--hasWarning > summary ._item:before {
        content: '\f12a'; }
        .--dynamicGroup._complex .--items > details._warning > summary ._item button, .--dynamicGroup._complex .--items > details.--hasWarning > summary ._item button {
          color: initial; }
    .--dynamicGroup._complex .--items > details._success, .--dynamicGroup._complex .--items > details.--hasSuccess {
      -webkit-box-shadow: inset 3px 0 0 0 #2d7026;
      box-shadow: inset 3px 0 0 0 #2d7026; }
    .--dynamicGroup._complex .--items > details._success > summary, .--dynamicGroup._complex .--items > details.--hasSuccess > summary {
      color: #2d7026; }
      .--dynamicGroup._complex .--items > details._success > summary ._item:before, .--dynamicGroup._complex .--items > details.--hasSuccess > summary ._item:before {
        content: '\f00c'; }
        .--dynamicGroup._complex .--items > details._success > summary ._item button, .--dynamicGroup._complex .--items > details.--hasSuccess > summary ._item button {
          color: initial; }
    .--dynamicGroup._complex .--items > details._info, .--dynamicGroup._complex .--items > details.--hasInfo {
      -webkit-box-shadow: inset 3px 0 0 0 #6495ed;
      box-shadow: inset 3px 0 0 0 #6495ed; }
    .--dynamicGroup._complex .--items > details._info > summary, .--dynamicGroup._complex .--items > details.--hasInfo > summary {
      color: #6495ed; }
      .--dynamicGroup._complex .--items > details._info > summary ._item:before, .--dynamicGroup._complex .--items > details.--hasInfo > summary ._item:before {
        content: '\f129'; }
        .--dynamicGroup._complex .--items > details._info > summary ._item button, .--dynamicGroup._complex .--items > details.--hasInfo > summary ._item button {
          color: initial; }
    .--dynamicGroup._complex .--items > details summary {
      cursor: pointer;
      display: block; }
    .--dynamicGroup._complex .--items > details summary::marker, .--dynamicGroup._complex .--items > details summary::-webkit-details-marker {
      display: none !important; }
    .--dynamicGroup._complex .--items > details summary:hover ._item, .--dynamicGroup._complex .--items > details summary:active ._item, .--dynamicGroup._complex .--items > details summary:focus ._item, .--dynamicGroup._complex .--items > details summary:focus-within ._item {
      background: var(--accent_trans3); }
    .--dynamicGroup._complex .--items > details summary:focus-visible {
      outline: 2px solid var(--focusRing);
      outline-offset: 2px; }
    .--dynamicGroup._complex .--items > details ._item {
      font-size: 1em;
      display: grid;
      grid-template-columns: auto 1fr auto;
      grid-gap: 8px;
      grid-template-areas: 'status text btn';
      border-radius: 0; }
    .--dynamicGroup._complex .--items > details ._item button {
      grid-area: btn; }
    .--dynamicGroup._complex .--items > details ._item:before {
      grid-area: status;
      content: '\f105';
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 2em; }
    .--dynamicGroup._complex .--items > details > *:not(summary) {
      padding: 1rem;
      margin: 0; }
  .--dynamicGroup .--items {
    margin: 0;
    padding: 0; }
  .--dynamicGroup .--items > *:not(:last-child) {
    margin-bottom: 2px; }
  .--dynamicGroup .--items ._item {
    padding: 4px 4px 4px 8px;
    -o-transition: 0.33s ease-in-out background;
    transition: 0.33s ease-in-out background;
    display: grid;
    grid-template-columns: auto 1fr auto;
    column-gap: 8px;
    row-gap: 8px;
    align-items: center;
    width: 100%; }
    .--dynamicGroup .--items ._item button {
      align-self: start;
      grid-column-end: -1; }
  .--dynamicGroup .--actionBar {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 8px;
    justify-content: start;
    align-items: start;
    max-width: 600px;
    max-width: clamp(400px, 100%, 600px); }
  @media (min-width: 992px) {
    .--dynamicGroup .--actionBar {
      display: grid;
      grid-template-columns: auto auto;
      grid-gap: 8px; } }
  .--dynamicGroup .--actionBar > *:first-child:not(button) {
    grid-column-end: 1;
    width: 100%;
    min-width: 150px; }
    @media (min-width: 992px) {
    .--dynamicGroup .--actionBar > *:first-child:not(button) {
      min-width: 200px; } }
    @media (min-width: 1200px) {
    .--dynamicGroup .--actionBar > *:first-child:not(button) {
      min-width: 250px; } }
  .--dynamicGroup .--actionBar > button {
    justify-self: start; }
    @media (min-width: 768px) {
      .--dynamicGroup .--actionBar > button._mobileBtn {
        display: none; } }
    @media (max-width: 767px) {
      .--dynamicGroup .--actionBar > button._tabletBtn {
        display: none; } }

fieldset {
  border: none;
  padding: unset;
  margin: unset; }
  fieldset > *:not(legend) {
    clear: both; }
  fieldset > legend {
    float: left;
    width: 100%;
    color: var(--accent);
    font-weight: bold;
    padding: 8px 0;
    min-height: 40px;
    font-family: 'Poppins', sans-serif;
    font-size: 1rem;
    margin-bottom: 1em; }
  @media (min-width: 992px) {
    fieldset > legend {
      font-size: 1.25rem;
      font-size: clamp(18px, 1.25rem, 24px); } }
  fieldset.--subSet > legend {
    font-size: 0.8rem;
    text-transform: uppercase;
    margin-bottom: 0.8em; }
    @media (min-width: 992px) {
    fieldset.--subSet > legend {
      font-size: 1rem; } }
  fieldset.disabled {
    cursor: not-allowed; }
  fieldset.disabled .--inputGroup > *, fieldset.disabled label, fieldset.disabled input, fieldset.disabled select, fieldset.disabled textarea, fieldset.disabled button, fieldset.disabled a {
    pointer-events: none; }
  fieldset[class*='--has'] > legend:before {
    content: '';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    margin-right: 0.5em;
    min-width: 1ch; }
  fieldset.--hasError > legend {
    color: var(--errorTxt); }
    fieldset.--hasError > legend:before {
      content: '\f071'; }
  fieldset.--hasWarning > legend {
    color: var(--warningTxt); }
    fieldset.--hasWarning > legend:before {
      content: '\f12a'; }
  fieldset.--hasSuccess > legend {
    color: var(--successTxt); }
    fieldset.--hasSuccess > legend:before {
      content: '\f00c'; }
  fieldset.--hasInfo > legend {
    color: var(--infoTxt); }
    fieldset.--hasInfo > legend:before {
      content: '\f129'; }

.ui-sortable-placeholder {
  visibility: visible !important;
  background: repeating-linear-gradient(-45deg, var(--accent_trans3) 0, var(--accent_trans3) 8px, transparent 8px, transparent 16px);
  outline: 2px solid var(--accent_trans3);
  outline-offset: 2px; }

.ui-sortable-helper {
  cursor: grabbing; }

.ng-hide.ng-hide-animate {
  display: none !important; }

form .hp_input {
  display: none !important; }
  form p:has(>.spamprotection) {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0; }

.--info._alert, .--error._alert, .--warning._alert, .--success._alert {
  display: grid;
  grid-template-columns: 1fr;
  border-radius: 4px;
  padding: 4px 8px;
  width: auto;
  max-width: 80%;
  max-width: calc(100% - (8px * 4));
  align-self: start; }
  .--info._alert > *:first-child, .--error._alert > *:first-child, .--warning._alert > *:first-child, .--success._alert > *:first-child {
    margin: 0; }
    .--info._alert > *:first-child:before, .--error._alert > *:first-child:before, .--warning._alert > *:first-child:before, .--success._alert > *:first-child:before {
      content: '';
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-size: 1em;
      font-weight: 300;
      margin-right: 8px; }

.--info._alert {
  background: var(--infoTxt_trans3);
  border: 1px dashed var(--infoTxt_trans3); }
  .--info._alert > *:first-child:before {
    content: '\f05a';
    color: var(--infoTxt); }

.--error._alert {
  background: var(--errorTxt_trans3);
  border: 1px dashed var(--errorTxt_trans3); }
  .--error._alert > *:first-child:before {
    content: '\f071';
    color: var(--errorTxt); }

.--warning._alert {
  background: var(--warningTxt_trans3);
  border: 1px dashed var(--warningTxt_trans3); }
  .--warning._alert > *:first-child:before {
    content: '\f12a';
    color: var(--warningTxt); }

.--success._alert {
  background: var(--successTxt_trans3);
  border: 1px dashed var(--successTxt_trans3); }
  .--success._alert > *:first-child:before {
    content: '\f00c';
    color: var(--successTxt); }

main > ._alert {
  margin: 1rem 0;
  width: max-content; }

.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

iframe {
  border: none; }

.fab.fa-twitter-x {
  --iconColor: var(--txt_primary); }
  .fab.fa-twitter-x:before {
    content: '';
    height: 1em;
    width: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--iconColor);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/></svg>");
    mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'><path d='M453.2 112L523.8 112L369.6 288.2L551 528L409 528L297.7 382.6L170.5 528L99.8 528L264.7 339.5L90.8 112L236.4 112L336.9 244.9L453.2 112zM428.4 485.8L467.5 485.8L215.1 152L173.1 152L428.4 485.8z'/></svg>"); }

.--inputGroup:has([uib-typeahead]):has(.dropdown-menu[aria-hidden='false']) {
  position: relative;
  z-index: 99; }
  .--inputGroup:has([uib-typeahead]) input[uib-typeahead] {
    background: inherit; }
  .--inputGroup:has([uib-typeahead]) ._slots > .dropdown-menu {
    background: var(--L3_bg);
    color: var(--txt_secondary); }

.paginationSection .pagination {
  list-style: none;
  display: flex;
  padding: 0; }
  .paginationSection .pagination li > * {
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0 0 1px inset #7a35ff;
    box-shadow: 0 0 0 1px inset #7a35ff; }
    .paginationSection .pagination li > *:hover, .paginationSection .pagination li > *:active {
      background: var(--accent_trans1); }
    .paginationSection .pagination li > *:focus {
      background: var(--accent_trans2); }
    .paginationSection .pagination li > *.active {
      background: #7a35ff;
      color: #fff; }

/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*###################################################
 resetting buttons and forms
 ###################################################*/
/*###################################################
 core Stuff
 ###################################################*/
html {
  margin-right: calc(-1 * (100vw - 100%)); }

html, body {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px; }
  @media (min-width: 768px) {
  html, body {
    font-size: 16px; } }

body {
  position: relative;
  min-height: 100vh;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-x: hidden;
  margin: 0;
  padding: 0; }
  body > * {
    font-family: inherit; }

.bodySection {
  flex-grow: 1; }
  @media (min-width: 768px) {
    .bodySection > .container-fluid {
      padding: 0 30px 0 15px; } }

.nowrap {
  white-space: nowrap; }
/*###################################################
 additional variable to prevent modules from
 becoming too dominant
 ###################################################*/
.cookieInformationSection:empty {
  display: none; }

/* $serif: BreeSerif*/
@font-face {
  font-display: swap;
  font-family: 'BreeSerif';
  font-style: normal;
  font-weight: 400;
  src: url('/style/fontSets/OxygenBree_Serif/Bree_Serif/BreeSerif-Regular.woff2');
  src: local('BreeSerif Regular'), local('BreeSerif-Regular'), url('/style/fontSets/OxygenBree_Serif/Bree_Serif/BreeSerif-Regular.woff2') format('woff2'); }

.serif {
  font-family: 'Poppins', sans-serif; }
/* $sans: Oxygen*/
@font-face {
  font-display: swap;
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 300;
  src: url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Light.woff2');
  src: local('Oxygen Light'), local('Oxygen-Thin'), url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Light.woff2') format('woff2'); }

@font-face {
  font-display: swap;
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 400;
  src: url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Regular.woff2');
  src: local('Oxygen-Regular'), url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Regular.woff2') format('woff2'); }

@font-face {
  font-display: swap;
  font-family: 'Oxygen';
  font-style: normal;
  font-weight: 700;
  src: url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Bold.woff2');
  src: local('Oxygen Bold'), local('Oxygen-Bold'), url('/style/fontSets/OxygenBree_Serif/Oxygen/Oxygen-Bold.woff2') format('woff2'); }

.sans {
  font-family: 'Open Sans', sans-serif; }
/* $decoFont: Reman */
@font-face {
  font-display: swap;
  font-family: 'Reman';
  font-style: normal;
  font-weight: 400;
  src: local('Reman'), local('Reman-Regular'), url('/style/fontSets/OxygenBree_Serif/Reman/Reman.woff2') format('woff2'); }

.decoFont {
  font-family: 'Encode Sans Expanded', sans-serif; }

/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
body, html {
  font-size: 14px;
  line-height: 1.5em; }
  @media (min-width: 768px) {
  body, html {
    font-size: 15px; } }
  @media (min-width: 1200px) {
  body, html {
    font-size: 16px; } }

h6, .h6 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 14px; }
  h6 em, .h6 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h6, .h6 {
    font-size: 15px; } }
  @media (min-width: 1200px) {
  h6, .h6 {
    font-size: 16px; } }

h5, .h5 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 18px; }
  h5 em, .h5 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h5, .h5 {
    font-size: 19px; } }
  @media (min-width: 1200px) {
  h5, .h5 {
    font-size: 20px; } }

h4, .h4 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 22px; }
  h4 em, .h4 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h4, .h4 {
    font-size: 23px; } }
  @media (min-width: 1200px) {
  h4, .h4 {
    font-size: 25px; } }

h3, .h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 27px; }
  h3 em, .h3 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h3, .h3 {
    font-size: 29px; } }
  @media (min-width: 1200px) {
  h3, .h3 {
    font-size: 31px; } }

h2, .h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 34px; }
  h2 em, .h2 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h2, .h2 {
    font-size: 37px; } }
  @media (min-width: 1200px) {
  h2, .h2 {
    font-size: 39px; } }

h1, .h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2;
  font-size: 43px; }
  h1 em, .h1 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  @media (min-width: 768px) {
  h1, .h1 {
    font-size: 46px; } }
  @media (min-width: 1200px) {
  h1, .h1 {
    font-size: 49px; } }

html, body {
  font-family: 'Open Sans', sans-serif; }

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  line-height: inherit;
  letter-spacing: 0.1em;
  opacity: 0.5;
  font-size: 14px;
  font-size: clamp(14px, 0.45em, 40px);
  padding: 0.25em 0 0; }
  h1 em.above, h2 em.above, h3 em.above, h4 em.above, h5 em.above, h6 em.above, .h1 em.above, .h2 em.above, .h3 em.above, .h4 em.above, .h5 em.above, .h6 em.above {
    padding: 0 0 0.25em; }

h5, h6, .h5, .h5, .title {
  font-weight: 600; }

p {
  margin: 0 0 1rem; }

*.serif h1:not(.sans):not(.decoFont), *.serif h2:not(.sans):not(.decoFont), *.serif h3:not(.sans):not(.decoFont), *.serif h4:not(.sans):not(.decoFont), *.serif h5:not(.sans):not(.decoFont), *.serif h6:not(.sans):not(.decoFont), *.serif .h1:not(.sans):not(.decoFont), *.serif .h2:not(.sans):not(.decoFont), *.serif .h3:not(.sans):not(.decoFont), *.serif .h4:not(.sans):not(.decoFont), *.serif .h5:not(.sans):not(.decoFont), *.serif .h6:not(.sans):not(.decoFont) {
  font-weight: 600; }
  *.serif h1:not(.sans):not(.decoFont) em, *.serif h2:not(.sans):not(.decoFont) em, *.serif h3:not(.sans):not(.decoFont) em, *.serif h4:not(.sans):not(.decoFont) em, *.serif h5:not(.sans):not(.decoFont) em, *.serif h6:not(.sans):not(.decoFont) em, *.serif .h1:not(.sans):not(.decoFont) em, *.serif .h2:not(.sans):not(.decoFont) em, *.serif .h3:not(.sans):not(.decoFont) em, *.serif .h4:not(.sans):not(.decoFont) em, *.serif .h5:not(.sans):not(.decoFont) em, *.serif .h6:not(.sans):not(.decoFont) em {
    font-weight: 100;
    font-style: italic;
    opacity: 1; }

*.decoFont h1:not(.serif):not(.sans), *.decoFont h2:not(.serif):not(.sans), *.decoFont h3:not(.serif):not(.sans), *.decoFont h4:not(.serif):not(.sans), *.decoFont h5:not(.serif):not(.sans), *.decoFont h6:not(.serif):not(.sans), *.decoFont .h1:not(.serif):not(.sans), *.decoFont .h2:not(.serif):not(.sans), *.decoFont .h3:not(.serif):not(.sans), *.decoFont .h4:not(.serif):not(.sans), *.decoFont .h5:not(.serif):not(.sans), *.decoFont .h6:not(.serif):not(.sans) {
  font-weight: 600; }
  *.decoFont h1:not(.serif):not(.sans) em, *.decoFont h2:not(.serif):not(.sans) em, *.decoFont h3:not(.serif):not(.sans) em, *.decoFont h4:not(.serif):not(.sans) em, *.decoFont h5:not(.serif):not(.sans) em, *.decoFont h6:not(.serif):not(.sans) em, *.decoFont .h1:not(.serif):not(.sans) em, *.decoFont .h2:not(.serif):not(.sans) em, *.decoFont .h3:not(.serif):not(.sans) em, *.decoFont .h4:not(.serif):not(.sans) em, *.decoFont .h5:not(.serif):not(.sans) em, *.decoFont .h6:not(.serif):not(.sans) em {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-size: clamp(14px, 0.3em, 32px);
    padding: 0.5em 0 0; }
    *.decoFont h1:not(.serif):not(.sans) em.above, *.decoFont h2:not(.serif):not(.sans) em.above, *.decoFont h3:not(.serif):not(.sans) em.above, *.decoFont h4:not(.serif):not(.sans) em.above, *.decoFont h5:not(.serif):not(.sans) em.above, *.decoFont h6:not(.serif):not(.sans) em.above, *.decoFont .h1:not(.serif):not(.sans) em.above, *.decoFont .h2:not(.serif):not(.sans) em.above, *.decoFont .h3:not(.serif):not(.sans) em.above, *.decoFont .h4:not(.serif):not(.sans) em.above, *.decoFont .h5:not(.serif):not(.sans) em.above, *.decoFont .h6:not(.serif):not(.sans) em.above {
      padding: 0 0 0.5em; }

h1.serif, h2.serif, h3.serif, h4.serif, h5.serif, h6.serif {
  font-weight: 600; }
  h1.serif em, h2.serif em, h3.serif em, h4.serif em, h5.serif em, h6.serif em {
    font-weight: 100;
    font-style: italic;
    opacity: 1; }
  h1.decoFont, h2.decoFont, h3.decoFont, h4.decoFont, h5.decoFont, h6.decoFont {
    font-weight: 600; }
  h1.decoFont em, h2.decoFont em, h3.decoFont em, h4.decoFont em, h5.decoFont em, h6.decoFont em {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    opacity: 1;
    font-size: 14px;
    font-size: clamp(14px, 0.3em, 32px);
    padding: 0.5em 0 0; }
  h1.decoFont em.above, h2.decoFont em.above, h3.decoFont em.above, h4.decoFont em.above, h5.decoFont em.above, h6.decoFont em.above {
    padding: 0 0 0.5em; }

label, .label-group .label {
  font-size: initial;
  font-family: 'Open Sans', sans-serif; }

button, .btn, .btn-iconTxt {
  font-size: initial;
  font-family: 'Open Sans', sans-serif;
  font-weight: bold; }

.decoFont {
  font-size: 22px; }
  @media (min-width: 768px) {
  .decoFont {
    font-size: 23px; } }
  @media (min-width: 1200px) {
  .decoFont {
    font-size: 24px; } }

h6, .h6 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h6 em, .h6 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h6.decoFont, .h6.decoFont {
    font-size: 22px; }
  @media (min-width: 768px) {
    h6.decoFont, .h6.decoFont {
      font-size: 23px; } }
  @media (min-width: 1200px) {
    h6.decoFont, .h6.decoFont {
      font-size: 24px; } }

.decoFont h6, .decoFont .h6 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h6 em, .decoFont .h6 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h6:not(.sans):not(.serif):not(.decoFont), .decoFont .h6:not(.sans):not(.serif):not(.decoFont) {
    font-size: 22px; }
  @media (min-width: 768px) {
      .decoFont h6:not(.sans):not(.serif):not(.decoFont), .decoFont .h6:not(.sans):not(.serif):not(.decoFont) {
        font-size: 23px; } }
  @media (min-width: 1200px) {
      .decoFont h6:not(.sans):not(.serif):not(.decoFont), .decoFont .h6:not(.sans):not(.serif):not(.decoFont) {
        font-size: 24px; } }

h5, .h5 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h5 em, .h5 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h5.decoFont, .h5.decoFont {
    font-size: 28px; }
  @media (min-width: 768px) {
    h5.decoFont, .h5.decoFont {
      font-size: 29px; } }
  @media (min-width: 1200px) {
    h5.decoFont, .h5.decoFont {
      font-size: 30px; } }

.decoFont h5, .decoFont .h5 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h5 em, .decoFont .h5 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h5:not(.sans):not(.serif):not(.decoFont), .decoFont .h5:not(.sans):not(.serif):not(.decoFont) {
    font-size: 28px; }
  @media (min-width: 768px) {
      .decoFont h5:not(.sans):not(.serif):not(.decoFont), .decoFont .h5:not(.sans):not(.serif):not(.decoFont) {
        font-size: 29px; } }
  @media (min-width: 1200px) {
      .decoFont h5:not(.sans):not(.serif):not(.decoFont), .decoFont .h5:not(.sans):not(.serif):not(.decoFont) {
        font-size: 30px; } }

h4, .h4 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h4 em, .h4 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h4.decoFont, .h4.decoFont {
    font-size: 34px; }
  @media (min-width: 768px) {
    h4.decoFont, .h4.decoFont {
      font-size: 36px; } }
  @media (min-width: 1200px) {
    h4.decoFont, .h4.decoFont {
      font-size: 38px; } }

.decoFont h4, .decoFont .h4 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h4 em, .decoFont .h4 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h4:not(.sans):not(.serif):not(.decoFont), .decoFont .h4:not(.sans):not(.serif):not(.decoFont) {
    font-size: 34px; }
  @media (min-width: 768px) {
      .decoFont h4:not(.sans):not(.serif):not(.decoFont), .decoFont .h4:not(.sans):not(.serif):not(.decoFont) {
        font-size: 36px; } }
  @media (min-width: 1200px) {
      .decoFont h4:not(.sans):not(.serif):not(.decoFont), .decoFont .h4:not(.sans):not(.serif):not(.decoFont) {
        font-size: 38px; } }

h3, .h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h3 em, .h3 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h3.decoFont, .h3.decoFont {
    font-size: 43px; }
  @media (min-width: 768px) {
    h3.decoFont, .h3.decoFont {
      font-size: 45px; } }
  @media (min-width: 1200px) {
    h3.decoFont, .h3.decoFont {
      font-size: 47px; } }

.decoFont h3, .decoFont .h3 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h3 em, .decoFont .h3 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h3:not(.sans):not(.serif):not(.decoFont), .decoFont .h3:not(.sans):not(.serif):not(.decoFont) {
    font-size: 43px; }
  @media (min-width: 768px) {
      .decoFont h3:not(.sans):not(.serif):not(.decoFont), .decoFont .h3:not(.sans):not(.serif):not(.decoFont) {
        font-size: 45px; } }
  @media (min-width: 1200px) {
      .decoFont h3:not(.sans):not(.serif):not(.decoFont), .decoFont .h3:not(.sans):not(.serif):not(.decoFont) {
        font-size: 47px; } }

h2, .h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h2 em, .h2 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h2.decoFont, .h2.decoFont {
    font-size: 54px; }
  @media (min-width: 768px) {
    h2.decoFont, .h2.decoFont {
      font-size: 56px; } }
  @media (min-width: 1200px) {
    h2.decoFont, .h2.decoFont {
      font-size: 59px; } }

.decoFont h2, .decoFont .h2 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h2 em, .decoFont .h2 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h2:not(.sans):not(.serif):not(.decoFont), .decoFont .h2:not(.sans):not(.serif):not(.decoFont) {
    font-size: 54px; }
  @media (min-width: 768px) {
      .decoFont h2:not(.sans):not(.serif):not(.decoFont), .decoFont .h2:not(.sans):not(.serif):not(.decoFont) {
        font-size: 56px; } }
  @media (min-width: 1200px) {
      .decoFont h2:not(.sans):not(.serif):not(.decoFont), .decoFont .h2:not(.sans):not(.serif):not(.decoFont) {
        font-size: 59px; } }

h1, .h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  h1 em, .h1 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  h1.decoFont, .h1.decoFont {
    font-size: 67px; }
  @media (min-width: 768px) {
    h1.decoFont, .h1.decoFont {
      font-size: 70px; } }
  @media (min-width: 1200px) {
    h1.decoFont, .h1.decoFont {
      font-size: 73px; } }

.decoFont h1, .decoFont .h1 {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }
  .decoFont h1 em, .decoFont .h1 em {
    display: inline-block;
    width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  .decoFont h1:not(.sans):not(.serif):not(.decoFont), .decoFont .h1:not(.sans):not(.serif):not(.decoFont) {
    font-size: 67px; }
  @media (min-width: 768px) {
      .decoFont h1:not(.sans):not(.serif):not(.decoFont), .decoFont .h1:not(.sans):not(.serif):not(.decoFont) {
        font-size: 70px; } }
  @media (min-width: 1200px) {
      .decoFont h1:not(.sans):not(.serif):not(.decoFont), .decoFont .h1:not(.sans):not(.serif):not(.decoFont) {
        font-size: 73px; } }

h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
  vertical-align: top; }
  h1 em.above, h2 em.above, h3 em.above, h4 em.above, h5 em.above, h6 em.above, .h1 em.above, .h2 em.above, .h3 em.above, .h4 em.above, .h5 em.above, .h6 em.above {
    vertical-align: bottom; }

/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*
 * Toastr
 * Version 2.0.1
 * Copyright 2012 John Papa and Hans Fjällemark.  
 * All Rights Reserved.  
 * Use, reproduction, distribution, and modification of this code is subject to the terms and 
 * conditions of the MIT license, available at http://www.opensource.org/licenses/mit-license.php
 *
 * Author: John Papa and Hans Fjällemark
 * Project: https://github.com/CodeSeven/toastr
 *
 *
 * SCSS File
 * Author: Damian Szymczuk
 * GitHub: https://github.com/dszymczuk
 *
 */
/* Variables */
.toast-title {
  font-weight: bold; }

.toast-message {
  -ms-word-wrap: break-word;
  word-wrap: break-word; }
  .toast-message a, .toast-message label {
    color: #fff; }
  .toast-message a:hover {
    color: #ccc;
    text-decoration: none; }

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  -webkit-text-shadow: 0 1px 0 #fff;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80); }
  .toast-close-button:hover, .toast-close-button:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
    filter: alpha(opacity=40); }
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%; }

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%; }

.toast-top-left {
  top: 12px;
  left: 12px; }

.toast-top-center {
  top: 12px; }

.toast-top-right {
  top: 12px;
  right: 12px; }

.toast-bottom-right {
  right: 12px;
  bottom: 12px; }

.toast-bottom-center {
  bottom: 12px; }

.toast-bottom-left {
  bottom: 12px;
  left: 12px; }

.toast-center {
  top: 45%; }

#toast-container {
  position: fixed;
  z-index: 999999;
  max-height: 90vh;
  width: 100%;
  overflow: auto;
  pointer-events: none;
  /*overrides*/ }
  #toast-container.toast-center, #toast-container.toast-top-center, #toast-container.toast-bottom-center {
    width: 100%;
    pointer-events: none; }
  #toast-container.toast-center > div, #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div {
    margin: auto;
    pointer-events: auto; }
  #toast-container.toast-center > button, #toast-container.toast-top-center > button, #toast-container.toast-bottom-center > button {
    pointer-events: auto; }
  #toast-container * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #toast-container:not(:has(button)) > div {
    position: relative;
    padding: 8px 32px 8px 8px; }
    #toast-container:not(:has(button)) > div:after {
      content: '\f00d';
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      width: 24px;
      height: 24px;
      display: flex;
      justify-content: center;
      align-items: center;
      color: inherit;
      opacity: 0.85;
      position: absolute;
      top: 0;
      right: 0;
      z-index: 1;
      font-size: 0.8em; }
  #toast-container > div {
    margin: 0 0 8px;
    padding: 8px 16px;
    width: max-content;
    max-width: 90vw;
    cursor: pointer;
    pointer-events: all;
    -o-transition: 0.33s transform ease-in-out;
    transition: 0.33s transform ease-in-out;
    border-radius: 0px; }
    #toast-container > :hover {
      transform: translateX(8px); }
    #toast-container > .toast-info .toast-title:before {
      content: "\f129";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center;
      margin-right: 0.35em; }
    #toast-container > .toast-wait {
      padding: 8px 8px 8px 50px;
      background-image: url('data:image/gif;base64,R0lGODlhIAAgAIQAAAQCBISGhMzKzERCROTm5CQiJKyurHx+fPz+/ExOTOzu7Dw+PIyOjCwqLFRWVAwKDIyKjMzOzOzq7CQmJLy6vFRSVPTy9AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCQAXACwAAAAAIAAgAAAF3eAljmRpnmh6VRSVqLDpIDTixOdUlFSNUDhSQUAT7ES9GnD0SFQAKWItMqr4bqKHVPDI+WiTkaOFFVlrFe83rDrT0qeIjwrT0iLdU0GOiBxhAA4VeSk6QYeIOAsQEAuJKgw+EI8nA18IA48JBAQvFxCXDI8SNAQikV+iiaQIpheWX5mJmxKeF6g0qpQmA4yOu8C7EwYWCgZswRcTFj4KyMAGlwYxDwcHhCXMXxYxBzQHKNo+3DDeCOAn0V/TddbYJA0K48gAEAFQicMWFsfwNA3JSgAIAAFfwIMIL4QAACH5BAkJABoALAAAAAAgACAAhAQCBIyKjERCRMzOzCQiJPTy9DQyNGRmZMTCxOTm5CwqLHx+fBQWFJyenNTW1Pz6/Dw6PGxubAwKDIyOjNTS1CQmJCwuLPz+/Dw+PHRydAAAAAAAAAAAAAAAAAAAAAAAAAXboCaOZGmeaKoxWcSosMkk15W8cZ7VdZaXkcEgQtrxfD9RhHchima1GwlCGUBSFCaFxMrgRtnLFhWujWHhs2nJc8KoVlWGQnEn7/i8XgOwWAB7JwoONQ4KgSQAZRcOgHgSCwsSIhZMNRZ5CzULIgaWF5h4mhecfIQ8jXmQkiODhYeIiRYGjrG2PxgBARi3IhNMAbcCnwI5BAQpAZ8TIwK6vCQVDwUVKL+WzAANTA210g/VJ8OWxQefByQE4dZMzBoInwh4zrtgn2p725YNthUFTNRuGYB3AYGBHCEAACH5BAkJAB0ALAAAAAAgACAAhAQCBISChFRWVMzKzCQiJOTm5GxqbCwuLJSWlPz6/NTW1AwODJSSlGRmZCwqLOzu7HR2dDQ2NAQGBISGhFxaXNTS1CQmJOzq7GxubDQyNKSmpPz+/Nza3AAAAAAAAAAAAAXfYCeOZGmeaKqurHBdAiuP17Zdc0lMAVHWt9yI8LA9fCPB4xEjARoNSWpis01kBpshFahurqzsZosiGpErScMAUO0maKF8Tq/bTQCIQgFp30cQXhB1BHEcXhx0FgkJFiOHVYlzi42AgoRxeRx8fn+en3UABwedKgsBAwMBCygOCjYKDisLFV4VrCUAtVUKpSZdXl8mB8EbByQWcQPFAyYZxccdB7sV0cvBzbmvvG0LBV4FrFTBYCWuNhyyHRTFFB20trh4BxmdYl4YIqepq0IRxRE+IfDCAFQHARo0NGERAgAh+QQJCQAgACwAAAAAIAAgAIUEAgSEgoRMTkzMyswcHhzk5uR0cnQUFhRcXlwsKiz09vQMCgyMiozU1tQkJiR8fnxkZmT8/vwEBgSEhoRcWlzU0tQkIiT08vR0dnQcGhxkYmQ0MjT8+vwMDgyMjozc2twAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG+UCQcEgsGo/IpHLJXDweC6Z0+IhEHlOjRGIMWLHZoUZx0RQlAajxkFFKFFYFl5m5KNpIySU+X2bIBEoQZBBZGQdMElFhjI2Oj5AgHQEDAw8dQxYeDBaNHRVWVhWYCXsRFwmMXqFWEyAerB6MA6xWA6+xs7URt6VWqIwTu64gDh4eDp6goaORQ5OVAZjO1EgEGhB4RwAYDQ0YAEwIcBEKFEgYrBhLBORxgUYfrB9LELuF8fNDAAaVBuEg7NXCVyRdqHVCGLBiIIQAB1Yc4BXh9uEbwAXuyi2iQI7DuSwHdiFqCEGDtizLRFUDsaGAlQIbVoJYIEDAIiZBAAAh+QQJCQAbACwAAAAAIAAgAIQEAgSMioxcWlz08vQcHhysqqwMDgx8enwsKiykoqRkZmT8+vzEwsQMCgyUlpQkJiS0srQEBgSMjoxcXlz09vQkIiSsrqwUEhQ0MjRsamz8/vwAAAAAAAAAAAAAAAAAAAAF7+AmjmRpnmiqruz2PG0sIssCj4CQJAIgj4/abRNJaI6agu9kCAQaphdJgEQKUIFjgGWsahJYLdf7RTWfLKr3+jsBClVlG5Xb9eb4fImgUBBKDVB4ExRHFGwbGRQLGXMEhUgUfw2QC4IyCmSNDQtHlm2ZXgoiGQsUjW0EnUgLfyKBeYSeiHojfH61uS0GBisVEgEVLRcWRxAXKAgDRwMILMVIECgSVRIrBmS9JtRI1iMVBweuGxerSNolyszOIhjLGs0jEFXSKA8SEkMbcEgWIxfzNBxrw6AKgxIGkM05UOWALhERHJhysOThBgAVWYQAACH5BAkJABkALAAAAAAgACAAhAQGBIyKjERCRMzOzCwuLGRiZPz6/OTm5AwODLSytFRSVNTW1Dw6PHx6fAwKDJSSlERGRNTS1DQyNGxqbPz+/BQSFLy6vFRWVNza3AAAAAAAAAAAAAAAAAAAAAAAAAAAAAXqYCaO5FgFwxBUZeu61ULNFMa+eBvQdJD/owFvFhkBBAwHsBQZUooZyWF2YOQkBNJu6ANMaQeli0AxSEwymi0DcUJeEgPlbEJFAghRe/h+Eeg/Dl9UYks5DF9VhksOAgKFi5GSSwh5kzgVCXIJNxknD5aSCTwJIw8zD5MITpanFKmSCHI8NxUPoJejNKWXLZkznL0vCJ3CxsckDpA/ChYJFzkTBgYTSxc80C4OswbLLhY8Fi/bMwYAJVgl4DTiL9LUJADrFuci1zTZLwD1IwU8BSQuWLCQb1EDHg2QiSDALYvCDAISJLDy8FIIACH5BAkJAB4ALAAAAAAgACAAhAQGBISGhFRSVNTW1CQiJKyqrGRmZOzu7CwuLIyOjGxubPz6/BQSFGRiZOTi5CwqLLy6vDQ2NIyKjFRWVCQmJKyurGxqbPT29DQyNJSSlHRydPz+/BQWFOzq7AAAAAAAAAXhoCeOJElYClGubOs117YtjWuvxCLLi3qbhc6h4FPsdorfiNI5dige43GT9AAkHUcCwCpMNxVP7tgTJY4J1uF7EBl0M8Ooueuo2SOCIkVa11kVX2E2EmgsFH4yBz4uAAkdHVstBAUHQ4xKmZqbnJ2bAhAQAiURGJ4eE0cTIxgzpp0QRxCsrp6xO7MjpaepO6unKxOhv8DFxsfIJBwaChw2DAkZDEocDjIOzi0ZMhlKUjIaLtsb3T8aR+EtDBkJ0yQUBQVQI9XX2ZsDMgMlyxr3mzE2XEgmotCGAARFIHiQ0FMIACH5BAkJABgALAAAAAAgACAAhAQCBISGhDw+POTi5CwuLLS2tPTy9BQSFJyenGRiZDQ2NIyOjLy+vPz6/BweHIyKjFRSVOzq7DQyNLy6vBQWFHRydDw6PPz+/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAXXICaOZHkcZaquIjVd10SxtFrAcFGrVhBYIwoON9uNAsOA6DCEFTEKBEKxEjQvAtELNxkpGrAGNfW4Plpb2QgxRKjKzfPoVGLj3CnLNUv7hscpSDhKOxJSgDwPP0ZGAACMjAQFDQYFBJA0BAZDBpeYGBQVFUU3TV2YFAMwAzNgTQ2PkBVDFRiuQ7CYszi1pUOnkKmrM5qcnqiiTwQTDQ2Wn9DR0tPUfRKQEBEREDQSFw3XRhEwEd3f4TvjF+XWKgJ8JNnb0QkwCdUlCzAL+CQODAwc9BtIMAQAOw==') !important; }
    #toast-container > .toast-error .toast-title:before {
      content: "\f071";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center;
      margin-right: 0.35em; }
    #toast-container > .toast-success .toast-title:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center;
      margin-right: 0.35em; }
    #toast-container > .toast-warning .toast-title:before {
      content: "\f12a";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center;
      margin-right: 0.35em; }
  #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div {
    width: 96%;
    margin: auto; }

.toast {
  background-color: var(--L3_bg);
  color: var(--txt_secondary); }

.toast-success {
  background-color: #2d7026;
  color: #fff;
  fill: #fff; }
  .toast-success .toast-title {
    color: #fff;
    fill: #fff; }

.toast-error {
  background-color: #da3a45;
  color: #fff;
  fill: #fff; }
  .toast-error .toast-title {
    color: #fff;
    fill: #fff; }

.toast-info, .toast-wait {
  background-color: #6495ed;
  color: #0e0e0f;
  fill: #0e0e0f; }
  .toast-info .toast-title, .toast-wait .toast-title {
    color: #0e0e0f;
    fill: #0e0e0f; }

.toast-warning {
  background-color: #da803a;
  color: #0e0e0f;
  fill: #0e0e0f; }
  .toast-warning .toast-title {
    color: #0e0e0f;
    fill: #0e0e0f; }
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }

@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em; } }
/*
 * AngularJS-Toaster
 * Version 0.3
 */
:not(.no-enter)#toast-container > div.ng-enter, :not(.no-leave)#toast-container > div.ng-leave {
  -webkit-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -moz-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -ms-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  -o-transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all;
  transition: 1000ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; }

:not(.no-enter)#toast-container > div.ng-enter.ng-enter-active {
  opacity: 0.8; }

:not(.no-leave)#toast-container > div.ng-leave {
  opacity: 0.8; }
  :not(.no-leave)#toast-container > div.ng-leave.ng-leave-active {
    opacity: 0; }

:not(.no-enter)#toast-container > div.ng-enter {
  opacity: 0; }

scrollbar-width: thin;
scrollbar-color: gainsboro ghostwhite;
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
::-webkit-scrollbar {
  width: 8px;
  height: 8px; }

::-webkit-scrollbar-track {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.08); }

@-webkit-keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%); }

  to {
    opacity: 1;
    transform: translateX(0); } }

@-moz-keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%); }

  to {
    opacity: 1;
    transform: translateX(0); } }

@-o-keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%); }

  to {
    opacity: 1;
    transform: translateX(0); } }

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(100%); }

  to {
    opacity: 1;
    transform: translateX(0); } }

.sidebar-dialog {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  height: 100svh;
  max-height: 100svh;
  width: 100vw;
  margin: 0 0 0 auto;
  border: none;
  padding: 0;
  background: transparent;
  overflow: hidden; }
  .sidebar-dialog:before {
    content: '';
    width: 200vw;
    height: 100vh;
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    pointer-events: none;
    background: rgba(14, 14, 15, 0.66);
    backdrop-filter: blur(2px) grayscale(0.33);
    opacity: 0;
    transition: opacity 0.66s ease-in-out, filter 0.33s ease-in-out; }
  .sidebar-dialog::backdrop {
    background: rgba(14, 14, 15, 0.3);
    backdrop-filter: blur(5px); }
  .sidebar-dialog:focus, .sidebar-dialog:focus-within {
    outline: none; }
  .sidebar-dialog.--fullWidth {
    width: 100vw;
    max-width: 100vw; }
  @media (min-width: 768px) {
  .sidebar-dialog {
    max-width: 450px;
    max-width: clamp(450px, 25vw, 25%); }
    .sidebar-dialog.--md {
      max-width: 600px;
      max-width: clamp(600px, 30vw, 30%); }

    .sidebar-dialog.--lg {
      max-width: 600px;
      max-width: clamp(600px, 30vw, 30%); }

    .sidebar-dialog.--fullWidth {
      max-width: 95vw; } }
    @media (min-width: 768px) and (min-width: 992px) {
      .sidebar-dialog.--lg {
        max-width: 900px;
        max-width: clamp(900px, 40vw, 40%); } }
  .sidebar-dialog > * {
    height: 100%;
    display: block;
    width: 100%;
    overflow: hidden; }
  .sidebar-dialog .grid {
    width: 100%; }
    .sidebar-dialog .grid.--autoCol {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 2rem;
      container: inline-size; }
    @media (min-width: 768px) {
    .sidebar-dialog .grid.--autoCol {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
      grid-gap: 2rem; } }
    .sidebar-dialog .grid.--autoCol > * {
      padding: 1rem;
      background: var(--L2_bg);
      border-radius: 0.25rem;
      -webkit-box-shadow: 0 0 0 1px inset rgba(12, 12, 13, 0.02);
      box-shadow: 0 0 0 1px inset rgba(12, 12, 13, 0.02);
      height: 100%;
      align-content: start; }
    .sidebar-dialog .grid.--autoCol ._gridColSpan-2 {
      grid-column: span 2; }
    .sidebar-dialog .grid.--autoCol ._gridColSpan-3 {
      grid-column: span 3; }
    .sidebar-dialog .grid.--autoCol ._gridColSpan-4 {
      grid-column: span 4; }
    .sidebar-dialog .grid._stretchChildren > * {
      grid-column-start: 1;
      grid-column-end: -1;
      align-items: start; }
    .sidebar-dialog .grid._stretchChildren > fieldset {
      min-inline-size: unset;
      max-width: 100%;
      overflow: hidden; }
  .sidebar-dialog fieldset {
    border: none;
    padding: unset;
    margin: unset; }
    .sidebar-dialog fieldset > *:not(legend) {
      clear: both; }
    .sidebar-dialog fieldset > legend {
      float: left;
      width: 100%;
      color: var(--accent);
      font-weight: bold;
      padding: 8px 0;
      min-height: 40px;
      font-family: 'Poppins', sans-serif;
      font-size: 1rem;
      margin-bottom: 1em; }
    @media (min-width: 992px) {
    .sidebar-dialog fieldset > legend {
      font-size: 1.25rem;
      font-size: clamp(18px, 1.25rem, 24px); } }
    .sidebar-dialog fieldset.--subSet > legend {
      font-size: 0.8rem;
      text-transform: uppercase;
      margin-bottom: 0.8em; }
    @media (min-width: 992px) {
      .sidebar-dialog fieldset.--subSet > legend {
        font-size: 1rem; } }
    .sidebar-dialog fieldset.disabled {
      cursor: not-allowed; }
    .sidebar-dialog fieldset.disabled .--inputGroup > *, .sidebar-dialog fieldset.disabled label, .sidebar-dialog fieldset.disabled input, .sidebar-dialog fieldset.disabled select, .sidebar-dialog fieldset.disabled textarea, .sidebar-dialog fieldset.disabled button, .sidebar-dialog fieldset.disabled a {
      pointer-events: none; }
    .sidebar-dialog fieldset[class*='--has'] > legend:before {
      content: '';
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      margin-right: 0.5em;
      min-width: 1ch; }
    .sidebar-dialog fieldset.--hasError > legend {
      color: var(--errorTxt); }
    .sidebar-dialog fieldset.--hasError > legend:before {
      content: '\f071'; }
    .sidebar-dialog fieldset.--hasWarning > legend {
      color: var(--warningTxt); }
    .sidebar-dialog fieldset.--hasWarning > legend:before {
      content: '\f12a'; }
    .sidebar-dialog fieldset.--hasSuccess > legend {
      color: var(--successTxt); }
    .sidebar-dialog fieldset.--hasSuccess > legend:before {
      content: '\f00c'; }
    .sidebar-dialog fieldset.--hasInfo > legend {
      color: var(--infoTxt); }
    .sidebar-dialog fieldset.--hasInfo > legend:before {
      content: '\f129'; }
  .sidebar-dialog .--loadingIndicator {
    pointer-events: none;
    display: flex;
    justify-content: center; }
    .sidebar-dialog .--loadingIndicator .spinner {
      width: 8px;
      height: 25px;
      background: #7a35ff;
      /* Old browsers */
      background: -moz-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* FF3.6+ */
      background: -webkit-gradient(0deg, #7a35ff, #ff35ff);
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* Opera 11.10+ */
      background: linear-gradient(0deg, #7a35ff, #ff35ff);
      /* W3C */
      background-size: 100% 75px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      animation: 1s verticalGrow linear infinite alternate;
      animation-delay: 0.25s;
      margin: 0 24px;
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      transform: scaleY(0.5); }
    .sidebar-dialog .--loadingIndicator .spinner:before, .sidebar-dialog .--loadingIndicator .spinner:after {
      content: '';
      width: 8px;
      height: 25px;
      animation: 1s verticalGrow linear infinite alternate;
      background: inherit;
      display: block;
      position: absolute;
      top: 0;
      transform: inherit; }
    .sidebar-dialog .--loadingIndicator .spinner:before {
      left: -12px;
      animation-delay: 0s; }
    .sidebar-dialog .--loadingIndicator .spinner:after {
      right: -12px;
      animation-delay: 0.5s; }

@keyframes verticalGrow {
    0% {
      transform: scaleY(0.5); }
    100% {
      transform: scaleY(1.5); } }

.sidebar {
  background: var(--L2_bg);
  color: var(--txt_secondary);
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-gap: 16px;
  position: relative;
  clip-path: circle(0% at 100% 0);
  -o-transition: 1.33s clip-path 0.33s ease-in-out;
  transition: 1.33s clip-path 0.33s ease-in-out; }
  .sidebar details summary {
    padding-top: 0; }
    .sidebar details summary .title {
      background: var(--L2_bg); }
    .sidebar details summary:hover .title, .sidebar details summary:active .title, .sidebar details summary:focus .title {
      background: var(--L3_bg); }
  .sidebar > * {
    padding: 0 8px; }
    @media (min-width: 768px) {
  .sidebar > * {
    padding: 0 16px; } }
  .sidebar:has(.--componentEditorSideBar.open) .--content {
    position: relative;
    z-index: 100; }
  .sidebar .--topBar {
    padding: 0;
    position: sticky;
    top: 0;
    display: grid;
    grid-template-columns: minmax(0, min-content) 1fr auto;
    grid-gap: 8px;
    grid-template-areas: 'back title close';
    align-items: center;
    z-index: 99; }
    .sidebar .--topBar .title {
      text-transform: capitalize;
      grid-area: title;
      justify-self: start;
      padding: 0 16px; }
    .sidebar .--topBar .btn-cancel {
      grid-area: close;
      justify-self: end; }
    .sidebar .--topBar .btn-prev {
      grid-area: back; }
  .sidebar .--content {
    overflow-y: auto;
    overflow-y: overlay;
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: gainsboro ghostwhite;
    display: grid;
    gap: 8px;
    align-items: start;
    align-content: start;
    height: 100%;
    z-index: 1; }
    .sidebar .--content::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .sidebar .--content::-webkit-scrollbar-track {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }
    .sidebar .--content::-webkit-scrollbar-thumb {
      border-radius: 5px;
      -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
      background: rgba(255, 255, 255, 0.08); }
    @media (min-width: 768px) {
  .sidebar .--content {
    gap: 16px; } }
    .sidebar .--content button + p {
      margin-top: 1rem; }
  .sidebar .--bottomBar {
    position: sticky;
    bottom: 0;
    z-index: 99;
    width: 100%;
    padding-bottom: 16px;
    display: grid; }
    .sidebar .--bottomBar .buttonFrame {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      gap: 8px; }
    .sidebar .--bottomBar .buttonFrame > .btn {
      flex: 0 1 auto; }
    .sidebar .--bottomBar > .btn {
      width: 100%; }
    .sidebar .--bottomBar._confirmBar {
      grid-template-columns: 1fr 1fr;
      grid-gap: 1rem; }

.modal-open {
  overflow: hidden; }
  .modal-open dialog[open] .sidebar {
    clip-path: circle(600% at 100% 0); }

.colorMode {
  display: grid;
  grid-template-columns: 1fr 1fr; }
  .colorMode label {
    justify-self: right; }

/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
 * License: MIT
 */


/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.ui-select-choices-row:hover {
  background-color: #f5f5f5;
}

/* Select2 theme */

/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
    border-color: #D44950;
}

.select2-result-single {
  padding-left: 0;
}

.select2-locked > .select2-search-choice-close{
  display:none;
}

.select-locked > .ui-select-match-close{
    display:none;
}

body > .select2-container.open {
  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
}

/* Handle up direction Select2 */
.ui-select-container[theme="select2"].direction-up .ui-select-match,
.ui-select-container.select2.direction-up .ui-select-match {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown,
.ui-select-container.select2.direction-up .ui-select-dropdown {
    border-radius: 4px; /* FIXME hardcoded value :-/ */
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

    border-top-width: 1px;  /* FIXME hardcoded value :-/ */
    border-top-style: solid;

    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);

    margin-top: -4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up .ui-select-dropdown .select2-search,
.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
    margin-top: 4px; /* FIXME hardcoded value :-/ */
}
.ui-select-container[theme="select2"].direction-up.select2-dropdown-open .ui-select-match,
.ui-select-container.select2.direction-up.select2-dropdown-open .ui-select-match {
    border-bottom-color: #5897fb;
}

.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden,
.ui-select-container[theme="select2"] .ui-select-dropdown .ui-select-search-hidden input{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

/* Selectize theme */

/* Helper class to show styles when focus */
.selectize-input.selectize-focus{
  border-color: #007FBB !important;
}

/* Fix input width for Selectize theme */
.selectize-control.single > .selectize-input > input {
  width: 100%;
}

/* Fix line break when there's at least one item selected with the Selectize theme */
.selectize-control.multi > .selectize-input > input {
  margin: 0 !important;
}

/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}

/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
    border-color: #D44950;
}

/* Handle up direction Selectize */
.ui-select-container[theme="selectize"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
    margin-top: -2px; /* FIXME hardcoded value :-/ */
}

.ui-select-container[theme="selectize"] input.ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
    width: 0;
}

/* Bootstrap theme */

/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ui-select-bootstrap .ui-select-toggle {
  position: relative;
}

.ui-select-bootstrap .ui-select-toggle > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control.direction-up {
  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui-select-bootstrap .ui-select-search-hidden{
    opacity: 0;
    height: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border:0;
}

.ui-select-bootstrap > .ui-select-match > .btn{
  /* Instead of center because of .btn */
  text-align: left !important;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices ,.ui-select-bootstrap > .ui-select-no-choice {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  margin-top: -1px;
}

body > .ui-select-bootstrap.open {
  z-index: 1000; /* Standard Bootstrap dropdown z-index */
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 3px 3px 0 3px;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
  margin-bottom: 3px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
  margin: 0 3px 3px 0;
}

.ui-select-multiple .ui-select-match-item {
  position: relative;
}

.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
  pointer-events: none;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
  content: "";
  position: absolute;
  top: 0;
  right: 100%;
  height: 100%;
  margin-right: 2px;
  border-left: 1px solid #428bca;
}

.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
  content: "";
  position: absolute;
  top: 0;
  left: 100%;
  height: 100%;
  margin-left: 2px;
  border-right: 1px solid #428bca;
}

.ui-select-bootstrap .ui-select-choices-row>span {
    cursor: pointer;
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>span:hover, .ui-select-bootstrap .ui-select-choices-row>span:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>span {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>span,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

/* Handle up direction Bootstrap */
.ui-select-container[theme="bootstrap"].direction-up .ui-select-dropdown {
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
}

.ui-select-bootstrap .ui-select-match-text {
    width: 100%;
    padding-right: 1em;
}
.ui-select-bootstrap .ui-select-match-text span {
    display: inline-block;
    width: 100%;
    overflow: hidden;
}
.ui-select-bootstrap .ui-select-toggle > a.btn {
  position: absolute;
  height: 10px;
  right: 10px;
  margin-top: -2px;
}

/* Spinner */
.ui-select-refreshing.glyphicon {
    position: absolute;
    right: 0;
    padding: 8px 27px;
 }

@-webkit-keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes ui-select-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.ui-select-spin {
  -webkit-animation: ui-select-spin 2s infinite linear;
  animation: ui-select-spin 2s infinite linear;
}

.ui-select-refreshing.ng-animate {
  -webkit-animation: none 0s;
}

.fib,.fi{background-size:contain;background-position:50%;background-repeat:no-repeat}.fi{position:relative;display:inline-block;width:1.333333em;line-height:1em}.fi:before{content:" "}.fi.fis{width:1em}.fi-xx{background-image:url(/CSS/flagIcons/flags/4x3/xx.svg)}.fi-xx.fis{background-image:url(/CSS/flagIcons/flags/1x1/xx.svg)}.fi-ad{background-image:url(/CSS/flagIcons/flags/4x3/ad.svg)}.fi-ad.fis{background-image:url(/CSS/flagIcons/flags/1x1/ad.svg)}.fi-ae{background-image:url(/CSS/flagIcons/flags/4x3/ae.svg)}.fi-ae.fis{background-image:url(/CSS/flagIcons/flags/1x1/ae.svg)}.fi-af{background-image:url(/CSS/flagIcons/flags/4x3/af.svg)}.fi-af.fis{background-image:url(/CSS/flagIcons/flags/1x1/af.svg)}.fi-ag{background-image:url(/CSS/flagIcons/flags/4x3/ag.svg)}.fi-ag.fis{background-image:url(/CSS/flagIcons/flags/1x1/ag.svg)}.fi-ai{background-image:url(/CSS/flagIcons/flags/4x3/ai.svg)}.fi-ai.fis{background-image:url(/CSS/flagIcons/flags/1x1/ai.svg)}.fi-al{background-image:url(/CSS/flagIcons/flags/4x3/al.svg)}.fi-al.fis{background-image:url(/CSS/flagIcons/flags/1x1/al.svg)}.fi-am{background-image:url(/CSS/flagIcons/flags/4x3/am.svg)}.fi-am.fis{background-image:url(/CSS/flagIcons/flags/1x1/am.svg)}.fi-ao{background-image:url(/CSS/flagIcons/flags/4x3/ao.svg)}.fi-ao.fis{background-image:url(/CSS/flagIcons/flags/1x1/ao.svg)}.fi-aq{background-image:url(/CSS/flagIcons/flags/4x3/aq.svg)}.fi-aq.fis{background-image:url(/CSS/flagIcons/flags/1x1/aq.svg)}.fi-ar{background-image:url(/CSS/flagIcons/flags/4x3/ar.svg)}.fi-ar.fis{background-image:url(/CSS/flagIcons/flags/1x1/ar.svg)}.fi-as{background-image:url(/CSS/flagIcons/flags/4x3/as.svg)}.fi-as.fis{background-image:url(/CSS/flagIcons/flags/1x1/as.svg)}.fi-at{background-image:url(/CSS/flagIcons/flags/4x3/at.svg)}.fi-at.fis{background-image:url(/CSS/flagIcons/flags/1x1/at.svg)}.fi-au{background-image:url(/CSS/flagIcons/flags/4x3/au.svg)}.fi-au.fis{background-image:url(/CSS/flagIcons/flags/1x1/au.svg)}.fi-aw{background-image:url(/CSS/flagIcons/flags/4x3/aw.svg)}.fi-aw.fis{background-image:url(/CSS/flagIcons/flags/1x1/aw.svg)}.fi-ax{background-image:url(/CSS/flagIcons/flags/4x3/ax.svg)}.fi-ax.fis{background-image:url(/CSS/flagIcons/flags/1x1/ax.svg)}.fi-az{background-image:url(/CSS/flagIcons/flags/4x3/az.svg)}.fi-az.fis{background-image:url(/CSS/flagIcons/flags/1x1/az.svg)}.fi-ba{background-image:url(/CSS/flagIcons/flags/4x3/ba.svg)}.fi-ba.fis{background-image:url(/CSS/flagIcons/flags/1x1/ba.svg)}.fi-bb{background-image:url(/CSS/flagIcons/flags/4x3/bb.svg)}.fi-bb.fis{background-image:url(/CSS/flagIcons/flags/1x1/bb.svg)}.fi-bd{background-image:url(/CSS/flagIcons/flags/4x3/bd.svg)}.fi-bd.fis{background-image:url(/CSS/flagIcons/flags/1x1/bd.svg)}.fi-be{background-image:url(/CSS/flagIcons/flags/4x3/be.svg)}.fi-be.fis{background-image:url(/CSS/flagIcons/flags/1x1/be.svg)}.fi-bf{background-image:url(/CSS/flagIcons/flags/4x3/bf.svg)}.fi-bf.fis{background-image:url(/CSS/flagIcons/flags/1x1/bf.svg)}.fi-bg{background-image:url(/CSS/flagIcons/flags/4x3/bg.svg)}.fi-bg.fis{background-image:url(/CSS/flagIcons/flags/1x1/bg.svg)}.fi-bh{background-image:url(/CSS/flagIcons/flags/4x3/bh.svg)}.fi-bh.fis{background-image:url(/CSS/flagIcons/flags/1x1/bh.svg)}.fi-bi{background-image:url(/CSS/flagIcons/flags/4x3/bi.svg)}.fi-bi.fis{background-image:url(/CSS/flagIcons/flags/1x1/bi.svg)}.fi-bj{background-image:url(/CSS/flagIcons/flags/4x3/bj.svg)}.fi-bj.fis{background-image:url(/CSS/flagIcons/flags/1x1/bj.svg)}.fi-bl{background-image:url(/CSS/flagIcons/flags/4x3/bl.svg)}.fi-bl.fis{background-image:url(/CSS/flagIcons/flags/1x1/bl.svg)}.fi-bm{background-image:url(/CSS/flagIcons/flags/4x3/bm.svg)}.fi-bm.fis{background-image:url(/CSS/flagIcons/flags/1x1/bm.svg)}.fi-bn{background-image:url(/CSS/flagIcons/flags/4x3/bn.svg)}.fi-bn.fis{background-image:url(/CSS/flagIcons/flags/1x1/bn.svg)}.fi-bo{background-image:url(/CSS/flagIcons/flags/4x3/bo.svg)}.fi-bo.fis{background-image:url(/CSS/flagIcons/flags/1x1/bo.svg)}.fi-bq{background-image:url(/CSS/flagIcons/flags/4x3/bq.svg)}.fi-bq.fis{background-image:url(/CSS/flagIcons/flags/1x1/bq.svg)}.fi-br{background-image:url(/CSS/flagIcons/flags/4x3/br.svg)}.fi-br.fis{background-image:url(/CSS/flagIcons/flags/1x1/br.svg)}.fi-bs{background-image:url(/CSS/flagIcons/flags/4x3/bs.svg)}.fi-bs.fis{background-image:url(/CSS/flagIcons/flags/1x1/bs.svg)}.fi-bt{background-image:url(/CSS/flagIcons/flags/4x3/bt.svg)}.fi-bt.fis{background-image:url(/CSS/flagIcons/flags/1x1/bt.svg)}.fi-bv{background-image:url(/CSS/flagIcons/flags/4x3/bv.svg)}.fi-bv.fis{background-image:url(/CSS/flagIcons/flags/1x1/bv.svg)}.fi-bw{background-image:url(/CSS/flagIcons/flags/4x3/bw.svg)}.fi-bw.fis{background-image:url(/CSS/flagIcons/flags/1x1/bw.svg)}.fi-by{background-image:url(/CSS/flagIcons/flags/4x3/by.svg)}.fi-by.fis{background-image:url(/CSS/flagIcons/flags/1x1/by.svg)}.fi-bz{background-image:url(/CSS/flagIcons/flags/4x3/bz.svg)}.fi-bz.fis{background-image:url(/CSS/flagIcons/flags/1x1/bz.svg)}.fi-ca{background-image:url(/CSS/flagIcons/flags/4x3/ca.svg)}.fi-ca.fis{background-image:url(/CSS/flagIcons/flags/1x1/ca.svg)}.fi-cc{background-image:url(/CSS/flagIcons/flags/4x3/cc.svg)}.fi-cc.fis{background-image:url(/CSS/flagIcons/flags/1x1/cc.svg)}.fi-cd{background-image:url(/CSS/flagIcons/flags/4x3/cd.svg)}.fi-cd.fis{background-image:url(/CSS/flagIcons/flags/1x1/cd.svg)}.fi-cf{background-image:url(/CSS/flagIcons/flags/4x3/cf.svg)}.fi-cf.fis{background-image:url(/CSS/flagIcons/flags/1x1/cf.svg)}.fi-cg{background-image:url(/CSS/flagIcons/flags/4x3/cg.svg)}.fi-cg.fis{background-image:url(/CSS/flagIcons/flags/1x1/cg.svg)}.fi-ch{background-image:url(/CSS/flagIcons/flags/4x3/ch.svg)}.fi-ch.fis{background-image:url(/CSS/flagIcons/flags/1x1/ch.svg)}.fi-ci{background-image:url(/CSS/flagIcons/flags/4x3/ci.svg)}.fi-ci.fis{background-image:url(/CSS/flagIcons/flags/1x1/ci.svg)}.fi-ck{background-image:url(/CSS/flagIcons/flags/4x3/ck.svg)}.fi-ck.fis{background-image:url(/CSS/flagIcons/flags/1x1/ck.svg)}.fi-cl{background-image:url(/CSS/flagIcons/flags/4x3/cl.svg)}.fi-cl.fis{background-image:url(/CSS/flagIcons/flags/1x1/cl.svg)}.fi-cm{background-image:url(/CSS/flagIcons/flags/4x3/cm.svg)}.fi-cm.fis{background-image:url(/CSS/flagIcons/flags/1x1/cm.svg)}.fi-cn{background-image:url(/CSS/flagIcons/flags/4x3/cn.svg)}.fi-cn.fis{background-image:url(/CSS/flagIcons/flags/1x1/cn.svg)}.fi-co{background-image:url(/CSS/flagIcons/flags/4x3/co.svg)}.fi-co.fis{background-image:url(/CSS/flagIcons/flags/1x1/co.svg)}.fi-cr{background-image:url(/CSS/flagIcons/flags/4x3/cr.svg)}.fi-cr.fis{background-image:url(/CSS/flagIcons/flags/1x1/cr.svg)}.fi-cu{background-image:url(/CSS/flagIcons/flags/4x3/cu.svg)}.fi-cu.fis{background-image:url(/CSS/flagIcons/flags/1x1/cu.svg)}.fi-cv{background-image:url(/CSS/flagIcons/flags/4x3/cv.svg)}.fi-cv.fis{background-image:url(/CSS/flagIcons/flags/1x1/cv.svg)}.fi-cw{background-image:url(/CSS/flagIcons/flags/4x3/cw.svg)}.fi-cw.fis{background-image:url(/CSS/flagIcons/flags/1x1/cw.svg)}.fi-cx{background-image:url(/CSS/flagIcons/flags/4x3/cx.svg)}.fi-cx.fis{background-image:url(/CSS/flagIcons/flags/1x1/cx.svg)}.fi-cy{background-image:url(/CSS/flagIcons/flags/4x3/cy.svg)}.fi-cy.fis{background-image:url(/CSS/flagIcons/flags/1x1/cy.svg)}.fi-cz{background-image:url(/CSS/flagIcons/flags/4x3/cz.svg)}.fi-cz.fis{background-image:url(/CSS/flagIcons/flags/1x1/cz.svg)}.fi-de{background-image:url(/CSS/flagIcons/flags/4x3/de.svg)}.fi-de.fis{background-image:url(/CSS/flagIcons/flags/1x1/de.svg)}.fi-dj{background-image:url(/CSS/flagIcons/flags/4x3/dj.svg)}.fi-dj.fis{background-image:url(/CSS/flagIcons/flags/1x1/dj.svg)}.fi-dk{background-image:url(/CSS/flagIcons/flags/4x3/dk.svg)}.fi-dk.fis{background-image:url(/CSS/flagIcons/flags/1x1/dk.svg)}.fi-dm{background-image:url(/CSS/flagIcons/flags/4x3/dm.svg)}.fi-dm.fis{background-image:url(/CSS/flagIcons/flags/1x1/dm.svg)}.fi-do{background-image:url(/CSS/flagIcons/flags/4x3/do.svg)}.fi-do.fis{background-image:url(/CSS/flagIcons/flags/1x1/do.svg)}.fi-dz{background-image:url(/CSS/flagIcons/flags/4x3/dz.svg)}.fi-dz.fis{background-image:url(/CSS/flagIcons/flags/1x1/dz.svg)}.fi-ec{background-image:url(/CSS/flagIcons/flags/4x3/ec.svg)}.fi-ec.fis{background-image:url(/CSS/flagIcons/flags/1x1/ec.svg)}.fi-ee{background-image:url(/CSS/flagIcons/flags/4x3/ee.svg)}.fi-ee.fis{background-image:url(/CSS/flagIcons/flags/1x1/ee.svg)}.fi-eg{background-image:url(/CSS/flagIcons/flags/4x3/eg.svg)}.fi-eg.fis{background-image:url(/CSS/flagIcons/flags/1x1/eg.svg)}.fi-eh{background-image:url(/CSS/flagIcons/flags/4x3/eh.svg)}.fi-eh.fis{background-image:url(/CSS/flagIcons/flags/1x1/eh.svg)}.fi-er{background-image:url(/CSS/flagIcons/flags/4x3/er.svg)}.fi-er.fis{background-image:url(/CSS/flagIcons/flags/1x1/er.svg)}.fi-es{background-image:url(/CSS/flagIcons/flags/4x3/es.svg)}.fi-es.fis{background-image:url(/CSS/flagIcons/flags/1x1/es.svg)}.fi-et{background-image:url(/CSS/flagIcons/flags/4x3/et.svg)}.fi-et.fis{background-image:url(/CSS/flagIcons/flags/1x1/et.svg)}.fi-fi{background-image:url(/CSS/flagIcons/flags/4x3/fi.svg)}.fi-fi.fis{background-image:url(/CSS/flagIcons/flags/1x1/fi.svg)}.fi-fj{background-image:url(/CSS/flagIcons/flags/4x3/fj.svg)}.fi-fj.fis{background-image:url(/CSS/flagIcons/flags/1x1/fj.svg)}.fi-fk{background-image:url(/CSS/flagIcons/flags/4x3/fk.svg)}.fi-fk.fis{background-image:url(/CSS/flagIcons/flags/1x1/fk.svg)}.fi-fm{background-image:url(/CSS/flagIcons/flags/4x3/fm.svg)}.fi-fm.fis{background-image:url(/CSS/flagIcons/flags/1x1/fm.svg)}.fi-fo{background-image:url(/CSS/flagIcons/flags/4x3/fo.svg)}.fi-fo.fis{background-image:url(/CSS/flagIcons/flags/1x1/fo.svg)}.fi-fr{background-image:url(/CSS/flagIcons/flags/4x3/fr.svg)}.fi-fr.fis{background-image:url(/CSS/flagIcons/flags/1x1/fr.svg)}.fi-ga{background-image:url(/CSS/flagIcons/flags/4x3/ga.svg)}.fi-ga.fis{background-image:url(/CSS/flagIcons/flags/1x1/ga.svg)}.fi-gb{background-image:url(/CSS/flagIcons/flags/4x3/gb.svg)}.fi-gb.fis{background-image:url(/CSS/flagIcons/flags/1x1/gb.svg)}.fi-gd{background-image:url(/CSS/flagIcons/flags/4x3/gd.svg)}.fi-gd.fis{background-image:url(/CSS/flagIcons/flags/1x1/gd.svg)}.fi-ge{background-image:url(/CSS/flagIcons/flags/4x3/ge.svg)}.fi-ge.fis{background-image:url(/CSS/flagIcons/flags/1x1/ge.svg)}.fi-gf{background-image:url(/CSS/flagIcons/flags/4x3/gf.svg)}.fi-gf.fis{background-image:url(/CSS/flagIcons/flags/1x1/gf.svg)}.fi-gg{background-image:url(/CSS/flagIcons/flags/4x3/gg.svg)}.fi-gg.fis{background-image:url(/CSS/flagIcons/flags/1x1/gg.svg)}.fi-gh{background-image:url(/CSS/flagIcons/flags/4x3/gh.svg)}.fi-gh.fis{background-image:url(/CSS/flagIcons/flags/1x1/gh.svg)}.fi-gi{background-image:url(/CSS/flagIcons/flags/4x3/gi.svg)}.fi-gi.fis{background-image:url(/CSS/flagIcons/flags/1x1/gi.svg)}.fi-gl{background-image:url(/CSS/flagIcons/flags/4x3/gl.svg)}.fi-gl.fis{background-image:url(/CSS/flagIcons/flags/1x1/gl.svg)}.fi-gm{background-image:url(/CSS/flagIcons/flags/4x3/gm.svg)}.fi-gm.fis{background-image:url(/CSS/flagIcons/flags/1x1/gm.svg)}.fi-gn{background-image:url(/CSS/flagIcons/flags/4x3/gn.svg)}.fi-gn.fis{background-image:url(/CSS/flagIcons/flags/1x1/gn.svg)}.fi-gp{background-image:url(/CSS/flagIcons/flags/4x3/gp.svg)}.fi-gp.fis{background-image:url(/CSS/flagIcons/flags/1x1/gp.svg)}.fi-gq{background-image:url(/CSS/flagIcons/flags/4x3/gq.svg)}.fi-gq.fis{background-image:url(/CSS/flagIcons/flags/1x1/gq.svg)}.fi-gr{background-image:url(/CSS/flagIcons/flags/4x3/gr.svg)}.fi-gr.fis{background-image:url(/CSS/flagIcons/flags/1x1/gr.svg)}.fi-gs{background-image:url(/CSS/flagIcons/flags/4x3/gs.svg)}.fi-gs.fis{background-image:url(/CSS/flagIcons/flags/1x1/gs.svg)}.fi-gt{background-image:url(/CSS/flagIcons/flags/4x3/gt.svg)}.fi-gt.fis{background-image:url(/CSS/flagIcons/flags/1x1/gt.svg)}.fi-gu{background-image:url(/CSS/flagIcons/flags/4x3/gu.svg)}.fi-gu.fis{background-image:url(/CSS/flagIcons/flags/1x1/gu.svg)}.fi-gw{background-image:url(/CSS/flagIcons/flags/4x3/gw.svg)}.fi-gw.fis{background-image:url(/CSS/flagIcons/flags/1x1/gw.svg)}.fi-gy{background-image:url(/CSS/flagIcons/flags/4x3/gy.svg)}.fi-gy.fis{background-image:url(/CSS/flagIcons/flags/1x1/gy.svg)}.fi-hk{background-image:url(/CSS/flagIcons/flags/4x3/hk.svg)}.fi-hk.fis{background-image:url(/CSS/flagIcons/flags/1x1/hk.svg)}.fi-hm{background-image:url(/CSS/flagIcons/flags/4x3/hm.svg)}.fi-hm.fis{background-image:url(/CSS/flagIcons/flags/1x1/hm.svg)}.fi-hn{background-image:url(/CSS/flagIcons/flags/4x3/hn.svg)}.fi-hn.fis{background-image:url(/CSS/flagIcons/flags/1x1/hn.svg)}.fi-hr{background-image:url(/CSS/flagIcons/flags/4x3/hr.svg)}.fi-hr.fis{background-image:url(/CSS/flagIcons/flags/1x1/hr.svg)}.fi-ht{background-image:url(/CSS/flagIcons/flags/4x3/ht.svg)}.fi-ht.fis{background-image:url(/CSS/flagIcons/flags/1x1/ht.svg)}.fi-hu{background-image:url(/CSS/flagIcons/flags/4x3/hu.svg)}.fi-hu.fis{background-image:url(/CSS/flagIcons/flags/1x1/hu.svg)}.fi-id{background-image:url(/CSS/flagIcons/flags/4x3/id.svg)}.fi-id.fis{background-image:url(/CSS/flagIcons/flags/1x1/id.svg)}.fi-ie{background-image:url(/CSS/flagIcons/flags/4x3/ie.svg)}.fi-ie.fis{background-image:url(/CSS/flagIcons/flags/1x1/ie.svg)}.fi-il{background-image:url(/CSS/flagIcons/flags/4x3/il.svg)}.fi-il.fis{background-image:url(/CSS/flagIcons/flags/1x1/il.svg)}.fi-im{background-image:url(/CSS/flagIcons/flags/4x3/im.svg)}.fi-im.fis{background-image:url(/CSS/flagIcons/flags/1x1/im.svg)}.fi-in{background-image:url(/CSS/flagIcons/flags/4x3/in.svg)}.fi-in.fis{background-image:url(/CSS/flagIcons/flags/1x1/in.svg)}.fi-io{background-image:url(/CSS/flagIcons/flags/4x3/io.svg)}.fi-io.fis{background-image:url(/CSS/flagIcons/flags/1x1/io.svg)}.fi-iq{background-image:url(/CSS/flagIcons/flags/4x3/iq.svg)}.fi-iq.fis{background-image:url(/CSS/flagIcons/flags/1x1/iq.svg)}.fi-ir{background-image:url(/CSS/flagIcons/flags/4x3/ir.svg)}.fi-ir.fis{background-image:url(/CSS/flagIcons/flags/1x1/ir.svg)}.fi-is{background-image:url(/CSS/flagIcons/flags/4x3/is.svg)}.fi-is.fis{background-image:url(/CSS/flagIcons/flags/1x1/is.svg)}.fi-it{background-image:url(/CSS/flagIcons/flags/4x3/it.svg)}.fi-it.fis{background-image:url(/CSS/flagIcons/flags/1x1/it.svg)}.fi-je{background-image:url(/CSS/flagIcons/flags/4x3/je.svg)}.fi-je.fis{background-image:url(/CSS/flagIcons/flags/1x1/je.svg)}.fi-jm{background-image:url(/CSS/flagIcons/flags/4x3/jm.svg)}.fi-jm.fis{background-image:url(/CSS/flagIcons/flags/1x1/jm.svg)}.fi-jo{background-image:url(/CSS/flagIcons/flags/4x3/jo.svg)}.fi-jo.fis{background-image:url(/CSS/flagIcons/flags/1x1/jo.svg)}.fi-jp{background-image:url(/CSS/flagIcons/flags/4x3/jp.svg)}.fi-jp.fis{background-image:url(/CSS/flagIcons/flags/1x1/jp.svg)}.fi-ke{background-image:url(/CSS/flagIcons/flags/4x3/ke.svg)}.fi-ke.fis{background-image:url(/CSS/flagIcons/flags/1x1/ke.svg)}.fi-kg{background-image:url(/CSS/flagIcons/flags/4x3/kg.svg)}.fi-kg.fis{background-image:url(/CSS/flagIcons/flags/1x1/kg.svg)}.fi-kh{background-image:url(/CSS/flagIcons/flags/4x3/kh.svg)}.fi-kh.fis{background-image:url(/CSS/flagIcons/flags/1x1/kh.svg)}.fi-ki{background-image:url(/CSS/flagIcons/flags/4x3/ki.svg)}.fi-ki.fis{background-image:url(/CSS/flagIcons/flags/1x1/ki.svg)}.fi-km{background-image:url(/CSS/flagIcons/flags/4x3/km.svg)}.fi-km.fis{background-image:url(/CSS/flagIcons/flags/1x1/km.svg)}.fi-kn{background-image:url(/CSS/flagIcons/flags/4x3/kn.svg)}.fi-kn.fis{background-image:url(/CSS/flagIcons/flags/1x1/kn.svg)}.fi-kp{background-image:url(/CSS/flagIcons/flags/4x3/kp.svg)}.fi-kp.fis{background-image:url(/CSS/flagIcons/flags/1x1/kp.svg)}.fi-kr{background-image:url(/CSS/flagIcons/flags/4x3/kr.svg)}.fi-kr.fis{background-image:url(/CSS/flagIcons/flags/1x1/kr.svg)}.fi-kw{background-image:url(/CSS/flagIcons/flags/4x3/kw.svg)}.fi-kw.fis{background-image:url(/CSS/flagIcons/flags/1x1/kw.svg)}.fi-ky{background-image:url(/CSS/flagIcons/flags/4x3/ky.svg)}.fi-ky.fis{background-image:url(/CSS/flagIcons/flags/1x1/ky.svg)}.fi-kz{background-image:url(/CSS/flagIcons/flags/4x3/kz.svg)}.fi-kz.fis{background-image:url(/CSS/flagIcons/flags/1x1/kz.svg)}.fi-la{background-image:url(/CSS/flagIcons/flags/4x3/la.svg)}.fi-la.fis{background-image:url(/CSS/flagIcons/flags/1x1/la.svg)}.fi-lb{background-image:url(/CSS/flagIcons/flags/4x3/lb.svg)}.fi-lb.fis{background-image:url(/CSS/flagIcons/flags/1x1/lb.svg)}.fi-lc{background-image:url(/CSS/flagIcons/flags/4x3/lc.svg)}.fi-lc.fis{background-image:url(/CSS/flagIcons/flags/1x1/lc.svg)}.fi-li{background-image:url(/CSS/flagIcons/flags/4x3/li.svg)}.fi-li.fis{background-image:url(/CSS/flagIcons/flags/1x1/li.svg)}.fi-lk{background-image:url(/CSS/flagIcons/flags/4x3/lk.svg)}.fi-lk.fis{background-image:url(/CSS/flagIcons/flags/1x1/lk.svg)}.fi-lr{background-image:url(/CSS/flagIcons/flags/4x3/lr.svg)}.fi-lr.fis{background-image:url(/CSS/flagIcons/flags/1x1/lr.svg)}.fi-ls{background-image:url(/CSS/flagIcons/flags/4x3/ls.svg)}.fi-ls.fis{background-image:url(/CSS/flagIcons/flags/1x1/ls.svg)}.fi-lt{background-image:url(/CSS/flagIcons/flags/4x3/lt.svg)}.fi-lt.fis{background-image:url(/CSS/flagIcons/flags/1x1/lt.svg)}.fi-lu{background-image:url(/CSS/flagIcons/flags/4x3/lu.svg)}.fi-lu.fis{background-image:url(/CSS/flagIcons/flags/1x1/lu.svg)}.fi-lv{background-image:url(/CSS/flagIcons/flags/4x3/lv.svg)}.fi-lv.fis{background-image:url(/CSS/flagIcons/flags/1x1/lv.svg)}.fi-ly{background-image:url(/CSS/flagIcons/flags/4x3/ly.svg)}.fi-ly.fis{background-image:url(/CSS/flagIcons/flags/1x1/ly.svg)}.fi-ma{background-image:url(/CSS/flagIcons/flags/4x3/ma.svg)}.fi-ma.fis{background-image:url(/CSS/flagIcons/flags/1x1/ma.svg)}.fi-mc{background-image:url(/CSS/flagIcons/flags/4x3/mc.svg)}.fi-mc.fis{background-image:url(/CSS/flagIcons/flags/1x1/mc.svg)}.fi-md{background-image:url(/CSS/flagIcons/flags/4x3/md.svg)}.fi-md.fis{background-image:url(/CSS/flagIcons/flags/1x1/md.svg)}.fi-me{background-image:url(/CSS/flagIcons/flags/4x3/me.svg)}.fi-me.fis{background-image:url(/CSS/flagIcons/flags/1x1/me.svg)}.fi-mf{background-image:url(/CSS/flagIcons/flags/4x3/mf.svg)}.fi-mf.fis{background-image:url(/CSS/flagIcons/flags/1x1/mf.svg)}.fi-mg{background-image:url(/CSS/flagIcons/flags/4x3/mg.svg)}.fi-mg.fis{background-image:url(/CSS/flagIcons/flags/1x1/mg.svg)}.fi-mh{background-image:url(/CSS/flagIcons/flags/4x3/mh.svg)}.fi-mh.fis{background-image:url(/CSS/flagIcons/flags/1x1/mh.svg)}.fi-mk{background-image:url(/CSS/flagIcons/flags/4x3/mk.svg)}.fi-mk.fis{background-image:url(/CSS/flagIcons/flags/1x1/mk.svg)}.fi-ml{background-image:url(/CSS/flagIcons/flags/4x3/ml.svg)}.fi-ml.fis{background-image:url(/CSS/flagIcons/flags/1x1/ml.svg)}.fi-mm{background-image:url(/CSS/flagIcons/flags/4x3/mm.svg)}.fi-mm.fis{background-image:url(/CSS/flagIcons/flags/1x1/mm.svg)}.fi-mn{background-image:url(/CSS/flagIcons/flags/4x3/mn.svg)}.fi-mn.fis{background-image:url(/CSS/flagIcons/flags/1x1/mn.svg)}.fi-mo{background-image:url(/CSS/flagIcons/flags/4x3/mo.svg)}.fi-mo.fis{background-image:url(/CSS/flagIcons/flags/1x1/mo.svg)}.fi-mp{background-image:url(/CSS/flagIcons/flags/4x3/mp.svg)}.fi-mp.fis{background-image:url(/CSS/flagIcons/flags/1x1/mp.svg)}.fi-mq{background-image:url(/CSS/flagIcons/flags/4x3/mq.svg)}.fi-mq.fis{background-image:url(/CSS/flagIcons/flags/1x1/mq.svg)}.fi-mr{background-image:url(/CSS/flagIcons/flags/4x3/mr.svg)}.fi-mr.fis{background-image:url(/CSS/flagIcons/flags/1x1/mr.svg)}.fi-ms{background-image:url(/CSS/flagIcons/flags/4x3/ms.svg)}.fi-ms.fis{background-image:url(/CSS/flagIcons/flags/1x1/ms.svg)}.fi-mt{background-image:url(/CSS/flagIcons/flags/4x3/mt.svg)}.fi-mt.fis{background-image:url(/CSS/flagIcons/flags/1x1/mt.svg)}.fi-mu{background-image:url(/CSS/flagIcons/flags/4x3/mu.svg)}.fi-mu.fis{background-image:url(/CSS/flagIcons/flags/1x1/mu.svg)}.fi-mv{background-image:url(/CSS/flagIcons/flags/4x3/mv.svg)}.fi-mv.fis{background-image:url(/CSS/flagIcons/flags/1x1/mv.svg)}.fi-mw{background-image:url(/CSS/flagIcons/flags/4x3/mw.svg)}.fi-mw.fis{background-image:url(/CSS/flagIcons/flags/1x1/mw.svg)}.fi-mx{background-image:url(/CSS/flagIcons/flags/4x3/mx.svg)}.fi-mx.fis{background-image:url(/CSS/flagIcons/flags/1x1/mx.svg)}.fi-my{background-image:url(/CSS/flagIcons/flags/4x3/my.svg)}.fi-my.fis{background-image:url(/CSS/flagIcons/flags/1x1/my.svg)}.fi-mz{background-image:url(/CSS/flagIcons/flags/4x3/mz.svg)}.fi-mz.fis{background-image:url(/CSS/flagIcons/flags/1x1/mz.svg)}.fi-na{background-image:url(/CSS/flagIcons/flags/4x3/na.svg)}.fi-na.fis{background-image:url(/CSS/flagIcons/flags/1x1/na.svg)}.fi-nc{background-image:url(/CSS/flagIcons/flags/4x3/nc.svg)}.fi-nc.fis{background-image:url(/CSS/flagIcons/flags/1x1/nc.svg)}.fi-ne{background-image:url(/CSS/flagIcons/flags/4x3/ne.svg)}.fi-ne.fis{background-image:url(/CSS/flagIcons/flags/1x1/ne.svg)}.fi-nf{background-image:url(/CSS/flagIcons/flags/4x3/nf.svg)}.fi-nf.fis{background-image:url(/CSS/flagIcons/flags/1x1/nf.svg)}.fi-ng{background-image:url(/CSS/flagIcons/flags/4x3/ng.svg)}.fi-ng.fis{background-image:url(/CSS/flagIcons/flags/1x1/ng.svg)}.fi-ni{background-image:url(/CSS/flagIcons/flags/4x3/ni.svg)}.fi-ni.fis{background-image:url(/CSS/flagIcons/flags/1x1/ni.svg)}.fi-nl{background-image:url(/CSS/flagIcons/flags/4x3/nl.svg)}.fi-nl.fis{background-image:url(/CSS/flagIcons/flags/1x1/nl.svg)}.fi-no{background-image:url(/CSS/flagIcons/flags/4x3/no.svg)}.fi-no.fis{background-image:url(/CSS/flagIcons/flags/1x1/no.svg)}.fi-np{background-image:url(/CSS/flagIcons/flags/4x3/np.svg)}.fi-np.fis{background-image:url(/CSS/flagIcons/flags/1x1/np.svg)}.fi-nr{background-image:url(/CSS/flagIcons/flags/4x3/nr.svg)}.fi-nr.fis{background-image:url(/CSS/flagIcons/flags/1x1/nr.svg)}.fi-nu{background-image:url(/CSS/flagIcons/flags/4x3/nu.svg)}.fi-nu.fis{background-image:url(/CSS/flagIcons/flags/1x1/nu.svg)}.fi-nz{background-image:url(/CSS/flagIcons/flags/4x3/nz.svg)}.fi-nz.fis{background-image:url(/CSS/flagIcons/flags/1x1/nz.svg)}.fi-om{background-image:url(/CSS/flagIcons/flags/4x3/om.svg)}.fi-om.fis{background-image:url(/CSS/flagIcons/flags/1x1/om.svg)}.fi-pa{background-image:url(/CSS/flagIcons/flags/4x3/pa.svg)}.fi-pa.fis{background-image:url(/CSS/flagIcons/flags/1x1/pa.svg)}.fi-pe{background-image:url(/CSS/flagIcons/flags/4x3/pe.svg)}.fi-pe.fis{background-image:url(/CSS/flagIcons/flags/1x1/pe.svg)}.fi-pf{background-image:url(/CSS/flagIcons/flags/4x3/pf.svg)}.fi-pf.fis{background-image:url(/CSS/flagIcons/flags/1x1/pf.svg)}.fi-pg{background-image:url(/CSS/flagIcons/flags/4x3/pg.svg)}.fi-pg.fis{background-image:url(/CSS/flagIcons/flags/1x1/pg.svg)}.fi-ph{background-image:url(/CSS/flagIcons/flags/4x3/ph.svg)}.fi-ph.fis{background-image:url(/CSS/flagIcons/flags/1x1/ph.svg)}.fi-pk{background-image:url(/CSS/flagIcons/flags/4x3/pk.svg)}.fi-pk.fis{background-image:url(/CSS/flagIcons/flags/1x1/pk.svg)}.fi-pl{background-image:url(/CSS/flagIcons/flags/4x3/pl.svg)}.fi-pl.fis{background-image:url(/CSS/flagIcons/flags/1x1/pl.svg)}.fi-pm{background-image:url(/CSS/flagIcons/flags/4x3/pm.svg)}.fi-pm.fis{background-image:url(/CSS/flagIcons/flags/1x1/pm.svg)}.fi-pn{background-image:url(/CSS/flagIcons/flags/4x3/pn.svg)}.fi-pn.fis{background-image:url(/CSS/flagIcons/flags/1x1/pn.svg)}.fi-pr{background-image:url(/CSS/flagIcons/flags/4x3/pr.svg)}.fi-pr.fis{background-image:url(/CSS/flagIcons/flags/1x1/pr.svg)}.fi-ps{background-image:url(/CSS/flagIcons/flags/4x3/ps.svg)}.fi-ps.fis{background-image:url(/CSS/flagIcons/flags/1x1/ps.svg)}.fi-pt{background-image:url(/CSS/flagIcons/flags/4x3/pt.svg)}.fi-pt.fis{background-image:url(/CSS/flagIcons/flags/1x1/pt.svg)}.fi-pw{background-image:url(/CSS/flagIcons/flags/4x3/pw.svg)}.fi-pw.fis{background-image:url(/CSS/flagIcons/flags/1x1/pw.svg)}.fi-py{background-image:url(/CSS/flagIcons/flags/4x3/py.svg)}.fi-py.fis{background-image:url(/CSS/flagIcons/flags/1x1/py.svg)}.fi-qa{background-image:url(/CSS/flagIcons/flags/4x3/qa.svg)}.fi-qa.fis{background-image:url(/CSS/flagIcons/flags/1x1/qa.svg)}.fi-re{background-image:url(/CSS/flagIcons/flags/4x3/re.svg)}.fi-re.fis{background-image:url(/CSS/flagIcons/flags/1x1/re.svg)}.fi-ro{background-image:url(/CSS/flagIcons/flags/4x3/ro.svg)}.fi-ro.fis{background-image:url(/CSS/flagIcons/flags/1x1/ro.svg)}.fi-rs{background-image:url(/CSS/flagIcons/flags/4x3/rs.svg)}.fi-rs.fis{background-image:url(/CSS/flagIcons/flags/1x1/rs.svg)}.fi-ru{background-image:url(/CSS/flagIcons/flags/4x3/ru.svg)}.fi-ru.fis{background-image:url(/CSS/flagIcons/flags/1x1/ru.svg)}.fi-rw{background-image:url(/CSS/flagIcons/flags/4x3/rw.svg)}.fi-rw.fis{background-image:url(/CSS/flagIcons/flags/1x1/rw.svg)}.fi-sa{background-image:url(/CSS/flagIcons/flags/4x3/sa.svg)}.fi-sa.fis{background-image:url(/CSS/flagIcons/flags/1x1/sa.svg)}.fi-sb{background-image:url(/CSS/flagIcons/flags/4x3/sb.svg)}.fi-sb.fis{background-image:url(/CSS/flagIcons/flags/1x1/sb.svg)}.fi-sc{background-image:url(/CSS/flagIcons/flags/4x3/sc.svg)}.fi-sc.fis{background-image:url(/CSS/flagIcons/flags/1x1/sc.svg)}.fi-sd{background-image:url(/CSS/flagIcons/flags/4x3/sd.svg)}.fi-sd.fis{background-image:url(/CSS/flagIcons/flags/1x1/sd.svg)}.fi-se{background-image:url(/CSS/flagIcons/flags/4x3/se.svg)}.fi-se.fis{background-image:url(/CSS/flagIcons/flags/1x1/se.svg)}.fi-sg{background-image:url(/CSS/flagIcons/flags/4x3/sg.svg)}.fi-sg.fis{background-image:url(/CSS/flagIcons/flags/1x1/sg.svg)}.fi-sh{background-image:url(/CSS/flagIcons/flags/4x3/sh.svg)}.fi-sh.fis{background-image:url(/CSS/flagIcons/flags/1x1/sh.svg)}.fi-si{background-image:url(/CSS/flagIcons/flags/4x3/si.svg)}.fi-si.fis{background-image:url(/CSS/flagIcons/flags/1x1/si.svg)}.fi-sj{background-image:url(/CSS/flagIcons/flags/4x3/sj.svg)}.fi-sj.fis{background-image:url(/CSS/flagIcons/flags/1x1/sj.svg)}.fi-sk{background-image:url(/CSS/flagIcons/flags/4x3/sk.svg)}.fi-sk.fis{background-image:url(/CSS/flagIcons/flags/1x1/sk.svg)}.fi-sl{background-image:url(/CSS/flagIcons/flags/4x3/sl.svg)}.fi-sl.fis{background-image:url(/CSS/flagIcons/flags/1x1/sl.svg)}.fi-sm{background-image:url(/CSS/flagIcons/flags/4x3/sm.svg)}.fi-sm.fis{background-image:url(/CSS/flagIcons/flags/1x1/sm.svg)}.fi-sn{background-image:url(/CSS/flagIcons/flags/4x3/sn.svg)}.fi-sn.fis{background-image:url(/CSS/flagIcons/flags/1x1/sn.svg)}.fi-so{background-image:url(/CSS/flagIcons/flags/4x3/so.svg)}.fi-so.fis{background-image:url(/CSS/flagIcons/flags/1x1/so.svg)}.fi-sr{background-image:url(/CSS/flagIcons/flags/4x3/sr.svg)}.fi-sr.fis{background-image:url(/CSS/flagIcons/flags/1x1/sr.svg)}.fi-ss{background-image:url(/CSS/flagIcons/flags/4x3/ss.svg)}.fi-ss.fis{background-image:url(/CSS/flagIcons/flags/1x1/ss.svg)}.fi-st{background-image:url(/CSS/flagIcons/flags/4x3/st.svg)}.fi-st.fis{background-image:url(/CSS/flagIcons/flags/1x1/st.svg)}.fi-sv{background-image:url(/CSS/flagIcons/flags/4x3/sv.svg)}.fi-sv.fis{background-image:url(/CSS/flagIcons/flags/1x1/sv.svg)}.fi-sx{background-image:url(/CSS/flagIcons/flags/4x3/sx.svg)}.fi-sx.fis{background-image:url(/CSS/flagIcons/flags/1x1/sx.svg)}.fi-sy{background-image:url(/CSS/flagIcons/flags/4x3/sy.svg)}.fi-sy.fis{background-image:url(/CSS/flagIcons/flags/1x1/sy.svg)}.fi-sz{background-image:url(/CSS/flagIcons/flags/4x3/sz.svg)}.fi-sz.fis{background-image:url(/CSS/flagIcons/flags/1x1/sz.svg)}.fi-tc{background-image:url(/CSS/flagIcons/flags/4x3/tc.svg)}.fi-tc.fis{background-image:url(/CSS/flagIcons/flags/1x1/tc.svg)}.fi-td{background-image:url(/CSS/flagIcons/flags/4x3/td.svg)}.fi-td.fis{background-image:url(/CSS/flagIcons/flags/1x1/td.svg)}.fi-tf{background-image:url(/CSS/flagIcons/flags/4x3/tf.svg)}.fi-tf.fis{background-image:url(/CSS/flagIcons/flags/1x1/tf.svg)}.fi-tg{background-image:url(/CSS/flagIcons/flags/4x3/tg.svg)}.fi-tg.fis{background-image:url(/CSS/flagIcons/flags/1x1/tg.svg)}.fi-th{background-image:url(/CSS/flagIcons/flags/4x3/th.svg)}.fi-th.fis{background-image:url(/CSS/flagIcons/flags/1x1/th.svg)}.fi-tj{background-image:url(/CSS/flagIcons/flags/4x3/tj.svg)}.fi-tj.fis{background-image:url(/CSS/flagIcons/flags/1x1/tj.svg)}.fi-tk{background-image:url(/CSS/flagIcons/flags/4x3/tk.svg)}.fi-tk.fis{background-image:url(/CSS/flagIcons/flags/1x1/tk.svg)}.fi-tl{background-image:url(/CSS/flagIcons/flags/4x3/tl.svg)}.fi-tl.fis{background-image:url(/CSS/flagIcons/flags/1x1/tl.svg)}.fi-tm{background-image:url(/CSS/flagIcons/flags/4x3/tm.svg)}.fi-tm.fis{background-image:url(/CSS/flagIcons/flags/1x1/tm.svg)}.fi-tn{background-image:url(/CSS/flagIcons/flags/4x3/tn.svg)}.fi-tn.fis{background-image:url(/CSS/flagIcons/flags/1x1/tn.svg)}.fi-to{background-image:url(/CSS/flagIcons/flags/4x3/to.svg)}.fi-to.fis{background-image:url(/CSS/flagIcons/flags/1x1/to.svg)}.fi-tr{background-image:url(/CSS/flagIcons/flags/4x3/tr.svg)}.fi-tr.fis{background-image:url(/CSS/flagIcons/flags/1x1/tr.svg)}.fi-tt{background-image:url(/CSS/flagIcons/flags/4x3/tt.svg)}.fi-tt.fis{background-image:url(/CSS/flagIcons/flags/1x1/tt.svg)}.fi-tv{background-image:url(/CSS/flagIcons/flags/4x3/tv.svg)}.fi-tv.fis{background-image:url(/CSS/flagIcons/flags/1x1/tv.svg)}.fi-tw{background-image:url(/CSS/flagIcons/flags/4x3/tw.svg)}.fi-tw.fis{background-image:url(/CSS/flagIcons/flags/1x1/tw.svg)}.fi-tz{background-image:url(/CSS/flagIcons/flags/4x3/tz.svg)}.fi-tz.fis{background-image:url(/CSS/flagIcons/flags/1x1/tz.svg)}.fi-ua{background-image:url(/CSS/flagIcons/flags/4x3/ua.svg)}.fi-ua.fis{background-image:url(/CSS/flagIcons/flags/1x1/ua.svg)}.fi-ug{background-image:url(/CSS/flagIcons/flags/4x3/ug.svg)}.fi-ug.fis{background-image:url(/CSS/flagIcons/flags/1x1/ug.svg)}.fi-um{background-image:url(/CSS/flagIcons/flags/4x3/um.svg)}.fi-um.fis{background-image:url(/CSS/flagIcons/flags/1x1/um.svg)}.fi-us{background-image:url(/CSS/flagIcons/flags/4x3/us.svg)}.fi-us.fis{background-image:url(/CSS/flagIcons/flags/1x1/us.svg)}.fi-uy{background-image:url(/CSS/flagIcons/flags/4x3/uy.svg)}.fi-uy.fis{background-image:url(/CSS/flagIcons/flags/1x1/uy.svg)}.fi-uz{background-image:url(/CSS/flagIcons/flags/4x3/uz.svg)}.fi-uz.fis{background-image:url(/CSS/flagIcons/flags/1x1/uz.svg)}.fi-va{background-image:url(/CSS/flagIcons/flags/4x3/va.svg)}.fi-va.fis{background-image:url(/CSS/flagIcons/flags/1x1/va.svg)}.fi-vc{background-image:url(/CSS/flagIcons/flags/4x3/vc.svg)}.fi-vc.fis{background-image:url(/CSS/flagIcons/flags/1x1/vc.svg)}.fi-ve{background-image:url(/CSS/flagIcons/flags/4x3/ve.svg)}.fi-ve.fis{background-image:url(/CSS/flagIcons/flags/1x1/ve.svg)}.fi-vg{background-image:url(/CSS/flagIcons/flags/4x3/vg.svg)}.fi-vg.fis{background-image:url(/CSS/flagIcons/flags/1x1/vg.svg)}.fi-vi{background-image:url(/CSS/flagIcons/flags/4x3/vi.svg)}.fi-vi.fis{background-image:url(/CSS/flagIcons/flags/1x1/vi.svg)}.fi-vn{background-image:url(/CSS/flagIcons/flags/4x3/vn.svg)}.fi-vn.fis{background-image:url(/CSS/flagIcons/flags/1x1/vn.svg)}.fi-vu{background-image:url(/CSS/flagIcons/flags/4x3/vu.svg)}.fi-vu.fis{background-image:url(/CSS/flagIcons/flags/1x1/vu.svg)}.fi-wf{background-image:url(/CSS/flagIcons/flags/4x3/wf.svg)}.fi-wf.fis{background-image:url(/CSS/flagIcons/flags/1x1/wf.svg)}.fi-ws{background-image:url(/CSS/flagIcons/flags/4x3/ws.svg)}.fi-ws.fis{background-image:url(/CSS/flagIcons/flags/1x1/ws.svg)}.fi-ye{background-image:url(/CSS/flagIcons/flags/4x3/ye.svg)}.fi-ye.fis{background-image:url(/CSS/flagIcons/flags/1x1/ye.svg)}.fi-yt{background-image:url(/CSS/flagIcons/flags/4x3/yt.svg)}.fi-yt.fis{background-image:url(/CSS/flagIcons/flags/1x1/yt.svg)}.fi-za{background-image:url(/CSS/flagIcons/flags/4x3/za.svg)}.fi-za.fis{background-image:url(/CSS/flagIcons/flags/1x1/za.svg)}.fi-zm{background-image:url(/CSS/flagIcons/flags/4x3/zm.svg)}.fi-zm.fis{background-image:url(/CSS/flagIcons/flags/1x1/zm.svg)}.fi-zw{background-image:url(/CSS/flagIcons/flags/4x3/zw.svg)}.fi-zw.fis{background-image:url(/CSS/flagIcons/flags/1x1/zw.svg)}.fi-arab{background-image:url(/CSS/flagIcons/flags/4x3/arab.svg)}.fi-arab.fis{background-image:url(/CSS/flagIcons/flags/1x1/arab.svg)}.fi-asean{background-image:url(/CSS/flagIcons/flags/4x3/asean.svg)}.fi-asean.fis{background-image:url(/CSS/flagIcons/flags/1x1/asean.svg)}.fi-cefta{background-image:url(/CSS/flagIcons/flags/4x3/cefta.svg)}.fi-cefta.fis{background-image:url(/CSS/flagIcons/flags/1x1/cefta.svg)}.fi-cp{background-image:url(/CSS/flagIcons/flags/4x3/cp.svg)}.fi-cp.fis{background-image:url(/CSS/flagIcons/flags/1x1/cp.svg)}.fi-dg{background-image:url(/CSS/flagIcons/flags/4x3/dg.svg)}.fi-dg.fis{background-image:url(/CSS/flagIcons/flags/1x1/dg.svg)}.fi-eac{background-image:url(/CSS/flagIcons/flags/4x3/eac.svg)}.fi-eac.fis{background-image:url(/CSS/flagIcons/flags/1x1/eac.svg)}.fi-es-ct{background-image:url(/CSS/flagIcons/flags/4x3/es-ct.svg)}.fi-es-ct.fis{background-image:url(/CSS/flagIcons/flags/1x1/es-ct.svg)}.fi-es-ga{background-image:url(/CSS/flagIcons/flags/4x3/es-ga.svg)}.fi-es-ga.fis{background-image:url(/CSS/flagIcons/flags/1x1/es-ga.svg)}.fi-es-pv{background-image:url(/CSS/flagIcons/flags/4x3/es-pv.svg)}.fi-es-pv.fis{background-image:url(/CSS/flagIcons/flags/1x1/es-pv.svg)}.fi-eu{background-image:url(/CSS/flagIcons/flags/4x3/eu.svg)}.fi-eu.fis{background-image:url(/CSS/flagIcons/flags/1x1/eu.svg)}.fi-gb-eng{background-image:url(/CSS/flagIcons/flags/4x3/gb-eng.svg)}.fi-gb-eng.fis{background-image:url(/CSS/flagIcons/flags/1x1/gb-eng.svg)}.fi-gb-nir{background-image:url(/CSS/flagIcons/flags/4x3/gb-nir.svg)}.fi-gb-nir.fis{background-image:url(/CSS/flagIcons/flags/1x1/gb-nir.svg)}.fi-gb-sct{background-image:url(/CSS/flagIcons/flags/4x3/gb-sct.svg)}.fi-gb-sct.fis{background-image:url(/CSS/flagIcons/flags/1x1/gb-sct.svg)}.fi-gb-wls{background-image:url(/CSS/flagIcons/flags/4x3/gb-wls.svg)}.fi-gb-wls.fis{background-image:url(/CSS/flagIcons/flags/1x1/gb-wls.svg)}.fi-ic{background-image:url(/CSS/flagIcons/flags/4x3/ic.svg)}.fi-ic.fis{background-image:url(/CSS/flagIcons/flags/1x1/ic.svg)}.fi-pc{background-image:url(/CSS/flagIcons/flags/4x3/pc.svg)}.fi-pc.fis{background-image:url(/CSS/flagIcons/flags/1x1/pc.svg)}.fi-sh-ac{background-image:url(/CSS/flagIcons/flags/4x3/sh-ac.svg)}.fi-sh-ac.fis{background-image:url(/CSS/flagIcons/flags/1x1/sh-ac.svg)}.fi-sh-hl{background-image:url(/CSS/flagIcons/flags/4x3/sh-hl.svg)}.fi-sh-hl.fis{background-image:url(/CSS/flagIcons/flags/1x1/sh-hl.svg)}.fi-sh-ta{background-image:url(/CSS/flagIcons/flags/4x3/sh-ta.svg)}.fi-sh-ta.fis{background-image:url(/CSS/flagIcons/flags/1x1/sh-ta.svg)}.fi-un{background-image:url(/CSS/flagIcons/flags/4x3/un.svg)}.fi-un.fis{background-image:url(/CSS/flagIcons/flags/1x1/un.svg)}.fi-xk{background-image:url(/CSS/flagIcons/flags/4x3/xk.svg)}.fi-xk.fis{background-image:url(/CSS/flagIcons/flags/1x1/xk.svg)}

/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
.bodySection {
  display: flex;
  flex-direction: column; }

.bodySection > .container-fluid:has(.--adminPanel) {
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1; }
  @media (min-width: 768px) {
  .bodySection > .container-fluid:has(.--adminPanel) {
    padding-left: 0; } }
  .bodySection > .container-fluid:has(.--adminPanel) .--adminPanel {
    flex-grow: 1; }
    @media (max-width: 991px) {
  .bodySection > .container-fluid:has(.--adminPanel) .--adminPanel {
    align-items: start; }
    .bodySection > .container-fluid:has(.--adminPanel) .--adminPanel aside {
      display: none; } }

.--adminPanel {
  --asideWidth: 320px;
  display: grid;
  row-gap: 16px;
  height: 100%;
  width: 100%;
  max-width: 100vw; }
  .--adminPanel.resizeAdminPanel {
    --asideWidth: 120px; }
  @media (min-width: 992px) {
  .--adminPanel {
    display: grid;
    grid-template-columns: var(--asideWidth) 1fr; }
    .--adminPanel ._adminFunctions {
      position: relative; }
      .--adminPanel ._adminFunctions > ._adminPanelContent:not([open]) {
        display: none; }
        .--adminPanel ._adminFunctions > ._adminPanelContent > summary {
          display: none; } }
  .--adminPanel aside, .--adminPanel ._adminFunctions {
    padding: 0 16px; }
    @media (min-width: 992px) {
  .--adminPanel aside, .--adminPanel ._adminFunctions {
    padding: 24px; } }
  @media (min-width: 992px) {
    .--adminPanel > aside {
      position: relative;
      z-index: 1;
      padding-top: 24px;
      padding-bottom: 24px;
      background: var(--L2_bg);
      color: var(--txt_secondary); } }
    .--adminPanel > aside > .label-group {
      margin: 0; }
      @media (min-width: 992px) {
  .--adminPanel > aside > .label-group {
    margin: 0 0 24px; } }
    .--adminPanel > aside ._adminPanelLinks {
      padding: 0;
      margin: 0;
      list-style: none;
      gap: 24px;
      display: none; }
      @media (min-width: 992px) {
  .--adminPanel > aside ._adminPanelLinks {
    display: grid; } }
  .--adminPanel ._adminFunctions {
    width: 100%;
    max-width: 100vw;
    margin: 0 auto;
    display: grid;
    display: grid;
    grid-template-rows: 1fr auto; }
    @media (min-width: 992px) {
  .--adminPanel ._adminFunctions {
    max-width: calc(90vw - var(--asideWidth)); } }
    .--adminPanel ._adminFunctions > .clearfix {
      width: 100%;
      padding: 0 16px; }
      @media (min-width: 992px) {
  .--adminPanel ._adminFunctions > .clearfix {
    padding: 0 24px;
    position: absolute;
    z-index: 99; } }
      .--adminPanel ._adminFunctions > .clearfix label {
        margin: 0; }
  .--adminPanel > .--loadingIndicator {
    grid-column-start: 2;
    grid-column-end: -1;
    align-self: center; }
  .--adminPanel details {
    /* Chrome */ }
    .--adminPanel details > summary {
      list-style: none; }
    .--adminPanel details > summary::-webkit-details-marker {
      display: none; }
    .--adminPanel details > summary::marker {
      display: none; }
    .--adminPanel details[open] > summary ._adminPanelTitle {
      color: var(--accent);
      background: var(--accent_trans3); }
      .--adminPanel details[open] > summary ._adminPanelTitle:after {
        transform: rotate(45deg); }
      .--adminPanel details[open] > summary:hover ._adminPanelTitle, .--adminPanel details[open] > summary:active ._adminPanelTitle, .--adminPanel details[open] > summary:focus ._adminPanelTitle {
        background: var(--accent_trans2); }
      .--adminPanel details[open] > summary.active ._adminPanelTitle {
        -webkit-box-shadow: 0 0 0 1px var(--accent_trans2) inset;
        box-shadow: 0 0 0 1px var(--accent_trans2) inset; }
      .--adminPanel details[open] > summary.active.--hasInfo ._adminPanelTitle {
        -webkit-box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset; }
      .--adminPanel details[open] > summary.active.--hasSuccess ._adminPanelTitle {
        -webkit-box-shadow: 0 0 0 1px var(--successTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--successTxt_trans2) inset; }
      .--adminPanel details[open] > summary.active.--hasWarning ._adminPanelTitle {
        -webkit-box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset; }
      .--adminPanel details[open] > summary.active.--hasError ._adminPanelTitle {
        -webkit-box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset; }
    .--adminPanel details:focus-visible {
      outline: none; }
    .--adminPanel details > * {
      padding: 8px; }
    .--adminPanel details summary {
      padding: 8px 0;
      cursor: pointer; }
      .--adminPanel details summary:focus-visible {
        outline: none; }
      .--adminPanel details summary ._adminPanelTitle {
        width: 100%;
        text-align: left;
        display: grid;
        display: grid;
        grid-template-columns: auto 1fr auto auto;
        grid-gap: 8px;
        min-height: 40px;
        padding: 8px 16px;
        align-items: center;
        justify-content: start;
        background: var(--L2_bg);
        color: var(--text_primary);
        border-radius: 4px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        outline: none;
        font-weight: bold;
        letter-spacing: 0.25px;
        text-transform: capitalize;
        filter: none;
        -o-transition: background 0.33s ease-in-out;
        transition: background 0.33s ease-in-out; }
      .--adminPanel details summary ._adminPanelTitle:before {
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        font-size: 1em;
        text-align: center; }
      .--adminPanel details summary ._adminPanelTitle.--hasError:before {
        content: '\f071'; }
      .--adminPanel details summary ._adminPanelTitle.--hasWarning:before {
        content: '\f12a'; }
      .--adminPanel details summary ._adminPanelTitle.--hasSuccess:before {
        content: '\f00c'; }
      .--adminPanel details summary ._adminPanelTitle.--hasInfo:before {
        content: '\f129'; }
      .--adminPanel details summary ._adminPanelTitle:not([class*='--has'])[data-attr-icon]:before {
        content: attr(data-attr-icon); }
      .--adminPanel details summary ._adminPanelTitle.--hasInfo {
        color: var(--infoTxt);
        background: var(--infoTxt_trans1); }
      .--adminPanel details summary ._adminPanelTitle.--hasSuccess {
        color: var(--successTxt);
        background: var(--successTxt_trans1); }
      .--adminPanel details summary ._adminPanelTitle.--hasWarning {
        color: var(--warningTxt);
        background: var(--warningTxt_trans1); }
      .--adminPanel details summary ._adminPanelTitle.--hasError {
        color: var(--errorTxt);
        background: var(--errorTxt_trans1); }
      .--adminPanel details summary ._adminPanelTitle:before {
        grid-column-start: 1; }
      .--adminPanel details summary ._adminPanelTitle:after {
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        font-size: 1em;
        text-align: center;
        content: '\f067';
        justify-self: end;
        height: 40px;
        width: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        transform-origin: center center;
        transition: transform 0.33s ease;
        grid-column-end: -1; }
      .--adminPanel details summary:hover ._adminPanelTitle, .--adminPanel details summary:active ._adminPanelTitle, .--adminPanel details summary:focus ._adminPanelTitle {
        background: var(--L2_bg); }
      .--adminPanel details summary:hover ._adminPanelTitle.--hasInfo, .--adminPanel details summary:active ._adminPanelTitle.--hasInfo, .--adminPanel details summary:focus ._adminPanelTitle.--hasInfo {
        color: var(--infoTxt);
        background: var(--infoTxt_trans2); }
      .--adminPanel details summary:hover ._adminPanelTitle.--hasSuccess, .--adminPanel details summary:active ._adminPanelTitle.--hasSuccess, .--adminPanel details summary:focus ._adminPanelTitle.--hasSuccess {
        color: var(--successTxt);
        background: var(--successTxt_trans2); }
      .--adminPanel details summary:hover ._adminPanelTitle.--hasWarning, .--adminPanel details summary:active ._adminPanelTitle.--hasWarning, .--adminPanel details summary:focus ._adminPanelTitle.--hasWarning {
        color: var(--warningTxt);
        background: var(--warningTxt_trans2); }
      .--adminPanel details summary:hover ._adminPanelTitle.--hasError, .--adminPanel details summary:active ._adminPanelTitle.--hasError, .--adminPanel details summary:focus ._adminPanelTitle.--hasError {
        color: var(--errorTxt);
        background: var(--errorTxt_trans2); }
      .--adminPanel details summary:focus-visible ._adminPanelTitle, .--adminPanel details summary:focus-within ._adminPanelTitle {
        outline: 2px solid var(--focusRing);
        outline-offset: 4px; }
      .--adminPanel details summary:focus-visible ._adminPanelTitle.--hasInfo, .--adminPanel details summary:focus-within ._adminPanelTitle.--hasInfo {
        outline: 2px solid var(--infoTxt_trans3); }
      .--adminPanel details summary:focus-visible ._adminPanelTitle.--hasSuccess, .--adminPanel details summary:focus-within ._adminPanelTitle.--hasSuccess {
        outline: 2px solid var(--successTxt_trans3); }
      .--adminPanel details summary:focus-visible ._adminPanelTitle.--hasWarning, .--adminPanel details summary:focus-within ._adminPanelTitle.--hasWarning {
        outline: 2px solid var(--warningTxt_trans3); }
      .--adminPanel details summary:focus-visible ._adminPanelTitle.--hasError, .--adminPanel details summary:focus-within ._adminPanelTitle.--hasError {
        outline: 2px solid var(--errorTxt_trans3); }
    .--adminPanel details details summary {
      padding: 4px; }
      .--adminPanel details details ._adminPanelTitle {
        padding: 4px 8px; }
  .--adminPanel ._adminPanelContent {
    width: 100%; }
    @media (min-width: 992px) {
  .--adminPanel ._adminPanelContent {
    max-width: calc(100vw - var(--asideWidth)); } }
    .--adminPanel ._adminPanelContent + .--messageContainer {
      margin-top: 16px; }
    .--adminPanel ._adminPanelContent .--subLegend {
      font-weight: bold;
      font-family: 'Poppins', sans-serif;
      color: var(--accent); }
    .--adminPanel ._adminPanelContent > *:last-child:not(summary) {
      padding-bottom: 24px; }
  .--adminPanel button._adminPanelTitle {
    width: 100% !important;
    text-align: left;
    display: grid;
    grid-template-columns: auto 1fr auto auto;
    grid-gap: 8px;
    min-height: 40px;
    padding: 8px 16px;
    align-items: center;
    justify-content: start !important;
    background: var(--L2_bg);
    color: var(--text_primary);
    border-radius: 4px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    font-weight: bold;
    letter-spacing: 0.25px;
    text-transform: capitalize;
    filter: none;
    -o-transition: background 0.33s ease-in-out;
    transition: background 0.33s ease-in-out; }
    .--adminPanel button._adminPanelTitle:before {
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      text-align: center; }
    .--adminPanel button._adminPanelTitle.--hasError:before {
      content: '\f071'; }
    .--adminPanel button._adminPanelTitle.--hasWarning:before {
      content: '\f12a'; }
    .--adminPanel button._adminPanelTitle.--hasSuccess:before {
      content: '\f00c'; }
    .--adminPanel button._adminPanelTitle.--hasInfo:before {
      content: '\f129'; }
    .--adminPanel button._adminPanelTitle:not([class*='--has'])[data-attr-icon]:before {
      content: attr(data-attr-icon); }
    .--adminPanel button._adminPanelTitle.active {
      color: var(--accent);
      background: var(--accent_trans3);
      -webkit-box-shadow: 0 0 0 1px var(--accent_trans2) inset;
      box-shadow: 0 0 0 1px var(--accent_trans2) inset; }
    .--adminPanel button._adminPanelTitle.--hasInfo {
      color: var(--infoTxt);
      background: var(--infoTxt_trans1); }
      .--adminPanel button._adminPanelTitle.--hasInfo.active {
        -webkit-box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--infoTxt_trans2) inset; }
    .--adminPanel button._adminPanelTitle.--hasSuccess {
      color: var(--successTxt);
      background: var(--successTxt_trans1); }
      .--adminPanel button._adminPanelTitle.--hasSuccess.active {
        -webkit-box-shadow: 0 0 0 1px var(--successTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--successTxt_trans2) inset; }
    .--adminPanel button._adminPanelTitle.--hasWarning {
      color: var(--warningTxt);
      background: var(--warningTxt_trans1); }
      .--adminPanel button._adminPanelTitle.--hasWarning.active {
        -webkit-box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--warningTxt_trans2) inset; }
    .--adminPanel button._adminPanelTitle.--hasError {
      color: var(--errorTxt);
      background: var(--errorTxt_trans1); }
      .--adminPanel button._adminPanelTitle.--hasError.active {
        -webkit-box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset;
        box-shadow: 0 0 0 1px var(--errorTxt_trans2) inset; }
    .--adminPanel button._adminPanelTitle:before {
      grid-column-start: 1; }
    .--adminPanel button._adminPanelTitle:hover, .--adminPanel button._adminPanelTitle:active, .--adminPanel button._adminPanelTitle:focus {
      background: var(--L3_bg); }
      .--adminPanel button._adminPanelTitle:hover.--hasInfo, .--adminPanel button._adminPanelTitle:active.--hasInfo, .--adminPanel button._adminPanelTitle:focus.--hasInfo {
        color: var(--infoTxt);
        background: var(--infoTxt_trans2); }
      .--adminPanel button._adminPanelTitle:hover.--hasSuccess, .--adminPanel button._adminPanelTitle:active.--hasSuccess, .--adminPanel button._adminPanelTitle:focus.--hasSuccess {
        color: var(--successTxt);
        background: var(--successTxt_trans2); }
      .--adminPanel button._adminPanelTitle:hover.--hasWarning, .--adminPanel button._adminPanelTitle:active.--hasWarning, .--adminPanel button._adminPanelTitle:focus.--hasWarning {
        color: var(--warningTxt);
        background: var(--warningTxt_trans2); }
      .--adminPanel button._adminPanelTitle:hover.--hasError, .--adminPanel button._adminPanelTitle:active.--hasError, .--adminPanel button._adminPanelTitle:focus.--hasError {
        color: var(--errorTxt);
        background: var(--errorTxt_trans2); }
    .--adminPanel button._adminPanelTitle:focus-visible, .--adminPanel button._adminPanelTitle:focus-within {
      outline: 2px solid var(--focusRing);
      outline-offset: 4px; }
      .--adminPanel button._adminPanelTitle:focus-visible.--hasInfo, .--adminPanel button._adminPanelTitle:focus-within.--hasInfo {
        outline: 2px solid var(--infoTxt_trans3); }
      .--adminPanel button._adminPanelTitle:focus-visible.--hasSuccess, .--adminPanel button._adminPanelTitle:focus-within.--hasSuccess {
        outline: 2px solid var(--successTxt_trans3); }
      .--adminPanel button._adminPanelTitle:focus-visible.--hasWarning, .--adminPanel button._adminPanelTitle:focus-within.--hasWarning {
        outline: 2px solid var(--warningTxt_trans3); }
      .--adminPanel button._adminPanelTitle:focus-visible.--hasError, .--adminPanel button._adminPanelTitle:focus-within.--hasError {
        outline: 2px solid var(--errorTxt_trans3); }
    .--adminPanel button._adminPanelTitle.btn {
      display: grid !important; }
    .--adminPanel button._adminPanelTitle.btn-logOut:before, .--adminPanel button._adminPanelTitle.logOut:before {
      content: '\f08b'; }
  .--adminPanel details.--messageContainer {
    /* Chrome */
    position: relative; }
    .--adminPanel details.--messageContainer > summary {
      list-style: none; }
    .--adminPanel details.--messageContainer > summary::-webkit-details-marker {
      display: none; }
    .--adminPanel details.--messageContainer > summary::marker {
      display: none; }
    .--adminPanel details.--messageContainer._errorStatus > :not(summary) {
      background: #da3a45;
      color: #fff; }
    .--adminPanel details.--messageContainer._warningStatus > :not(summary) {
      background: #da803a;
      color: #0e0e0f; }
    .--adminPanel details.--messageContainer[open] summary {
      display: none; }
    .--adminPanel details.--messageContainer > summary .wrapper {
      display: grid;
      grid-template-columns: 1fr;
      max-width: calc(100% - 32px);
      text-decoration: underline; }
      @media (min-width: 992px) {
    .--adminPanel details.--messageContainer > summary .wrapper {
      display: grid;
      grid-template-columns: auto 1fr auto;
      grid-gap: 8px; } }
      @media (min-width: 992px) {
      .--adminPanel details.--messageContainer > summary .wrapper .issue {
        max-width: 80%;
        margin: 0 auto; } }
      .--adminPanel details.--messageContainer > summary .wrapper .cta {
        text-decoration: underline; }
      .--adminPanel details.--messageContainer > summary .wrapper .btn-cancel {
        position: absolute;
        top: 0;
        right: 16px;
        z-index: 1; }
    .--adminPanel details.--messageContainer .title {
      font-size: 1rem;
      font-weight: bold;
      letter-spacing: 0.25px; }
    .--adminPanel details.--messageContainer dl {
      margin: 0;
      display: grid; }
      .--adminPanel details.--messageContainer dl:not(:first-of-type) {
        padding-top: 16px;
        -webkit-box-shadow: 0 1px 0 0 inset;
        box-shadow: 0 1px 0 0 inset; }
      @media (min-width: 768px) {
  .--adminPanel details.--messageContainer dl {
    display: grid;
    grid-template-columns: minmax(min-content, 280px) 1fr;
    grid-gap: 16px; } }
  .--adminPanel .--adminActions {
    margin-top: auto;
    align-self: end;
    padding: 32px;
    -webkit-box-shadow: 0 -2px 2px -3px #0e0e0f;
    box-shadow: 0 -2px 2px -3px #0e0e0f; }
  .--adminPanel.store-product-editor fieldset .grid > *, .--adminPanel.store-product-editor fieldset .grid > * .label-group {
    margin-top: 0;
    margin-bottom: 0; }
    .--adminPanel.store-product-editor fieldset .grid .fieldset-wrapper .grid {
      margin-bottom: 1rem; }
    .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector {
      background: var(--focusRing);
      transition: 0.33s background-color ease-in-out;
      cursor: pointer;
      padding: 8px;
      border-radius: 4px; }
      .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector:hover, .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector:active, .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector:focus {
        background: var(--accent_trans2); }
      .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector .mediahelperSelectionWidget {
        margin: 0;
        height: auto;
        width: 100%; }
        .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector .mediahelperSelectionWidget > span {
          width: 100%;
          margin: 0 0 4px; }
          .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector .mediahelperSelectionWidget > span > img {
            object-fit: contain; }
        .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group maia-media-selector .mediahelperSelectionWidget > a {
          width: 100%; }
    .--adminPanel.store-product-editor fieldset .grid._alignStart .label-group.--hasError .mediahelperSelectionWidget > span {
      border: 1px dotted #da3a45; }
    .--adminPanel.store-product-editor .--dynamicGroup label small.--messageType {
      z-index: 999; }
    .--adminPanel.store-product-editor .--dynamicGroup label.label-group.--hasError .label {
      margin: 0; }
  .--adminPanel .--loadingIndicator {
    pointer-events: none;
    display: flex;
    justify-content: center; }
    .--adminPanel .--loadingIndicator .spinner {
      width: 8px;
      height: 25px;
      background: #7a35ff;
      /* Old browsers */
      background: -moz-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* FF3.6+ */
      background: -webkit-gradient(0deg, #7a35ff, #ff35ff);
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(0deg, #7a35ff, #ff35ff);
      /* Opera 11.10+ */
      background: linear-gradient(0deg, #7a35ff, #ff35ff);
      /* W3C */
      background-size: 100% 75px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative;
      animation: 1s verticalGrow linear infinite alternate;
      animation-delay: 0.25s;
      margin: 0 24px;
      backface-visibility: hidden;
      display: flex;
      align-items: center;
      transform: scaleY(0.5); }
    .--adminPanel .--loadingIndicator .spinner:before, .--adminPanel .--loadingIndicator .spinner:after {
      content: '';
      width: 8px;
      height: 25px;
      animation: 1s verticalGrow linear infinite alternate;
      background: inherit;
      display: block;
      position: absolute;
      top: 0;
      transform: inherit; }
    .--adminPanel .--loadingIndicator .spinner:before {
      left: -12px;
      animation-delay: 0s; }
    .--adminPanel .--loadingIndicator .spinner:after {
      right: -12px;
      animation-delay: 0.5s; }

@keyframes verticalGrow {
    0% {
      transform: scaleY(0.5); }
    100% {
      transform: scaleY(1.5); } }
  .--adminPanel .grid._alignStart {
    align-items: start; }
  .--adminPanel .grid._alignEnd {
    align-items: end; }
  .--adminPanel .pull-right {
    float: right; }
  .--adminPanel .grid {
    width: 100%; }
    .--adminPanel .grid.--autoCol {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 2rem;
      container: inline-size; }
    @media (min-width: 768px) {
    .--adminPanel .grid.--autoCol {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
      grid-gap: 2rem; } }
    .--adminPanel .grid.--autoCol > * {
      padding: 1rem;
      background: var(--L2_bg);
      border-radius: 0.25rem;
      -webkit-box-shadow: 0 0 0 1px inset rgba(12, 12, 13, 0.02);
      box-shadow: 0 0 0 1px inset rgba(12, 12, 13, 0.02);
      height: 100%;
      align-content: start; }
    .--adminPanel .grid.--autoCol ._gridColSpan-2 {
      grid-column: span 2; }
    .--adminPanel .grid.--autoCol ._gridColSpan-3 {
      grid-column: span 3; }
    .--adminPanel .grid.--autoCol ._gridColSpan-4 {
      grid-column: span 4; }
    .--adminPanel .grid._stretchChildren > * {
      grid-column-start: 1;
      grid-column-end: -1;
      align-items: start; }
    .--adminPanel .grid._stretchChildren > fieldset {
      min-inline-size: unset;
      max-width: 100%;
      overflow: hidden; }

.--adminPanel .--info, .sidebar .--info {
  display: grid;
  grid-template-columns: 1fr;
  background: var(--infoTxt_trans3);
  border: 1px dashed var(--infoTxt_trans3);
  border-radius: 4px;
  padding: 4px; }
  .--adminPanel .--info > *, .sidebar .--info > * {
    margin: 0; }
  .--adminPanel .--info > *:first-child:before, .sidebar .--info > *:first-child:before {
    content: '\f05a';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-size: 1em;
    font-weight: 300;
    color: #6495ed;
    margin-right: 8px; }

/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
.loginForm .btn-block {
  width: 100%; }
  .loginForm .btn-backSidebar:before {
    content: '\f104'; }
  .loginForm .--topBar {
    display: flex;
    justify-content: space-between; }
  .loginForm .or-separator {
    overflow: hidden;
    text-align: center;
    margin: 20px 0 20px 0; }
  .loginForm .or-separator:before, .loginForm .or-separator:after {
    background-color: #0e0e0f;
    content: '';
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%; }
  .loginForm .or-separator:before {
    right: 0.5em;
    margin-left: -50%; }
  .loginForm .or-separator:after {
    left: 0.5em;
    margin-right: -50%; }

/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 1. @mixin text-contrast($n, $fill:null, $stroke:null, $opacity:null)
 usage:
 @include text-contrast($highlightColorBG);
 for svg:
 @include text-contrast($highlightColorBG, true); OR
 @include text-contrast($highlightColorBG, $fill:true);
 same applies to stroke.
 alternative:
 @mixin text-contrast-important($n, $fill:null, $stroke:null, $opacity:null)
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute pair
 looks at the background color passed along, and returns
 either white or black, depending on which results in
 higher contrast.
 using the alternative mixin will add an !important flag to the color.
 Color luminance is approximated by the following formula:
 0.2126 * $R + 0.7152 * $G + 0.0722 * $B
 ------------------------------------------------------------------------------------------------------------------------
 In order to add transparency to the text color, simply add that as a parameter when using the mixin. e.g.
 @include text-contrast($highlightColorBG, $opacity:.05);
 #####################################################################################################################*/
/*#####################################################################################################################
 2. textShadow-contrast($n, $settings)
 usage:
 @include textShadow-contrast($lightColorTxt, 1px 1px 2px);
 -----------------------------------------------------------------------------------------------------------------------
 returns: text-shadow-attribute with options
 looks at the text color passed along, and returns the given settings with
 either a white or black text-shadow color, depending on which results in
 higher contrast.
 #####################################################################################################################*/
/*#####################################################################################################################
 3. @mixin setBestLinkColor($colorToTestAgainst, $colorOptions...)
 usage:
 @include setBestLinkColor($blackBG, $lightColorBG, $brightColorBG, $highlightColorBG );
 -----------------------------------------------------------------------------------------------------------------------
 returns: color-attribute-pair and hover/focus/active color
 iterates over a list of color options and compares it with the color to test against
 will take the best color in the list, if it passes a benchmark value.
 if none pass the benchmark, it will return either black or white.
 #####################################################################################################################*/
/*#####################################################################################################################
 4. @mixin megaMenuLinkContrastFix
 usage:
 add
 @include megaMenuLinkContrastFix;
 to the element containing the mega menu
 WIP !! and does not always offer good results.
 -----------------------------------------------------------------------------------------------------------------------
 adds color classes and adds the text-contrast for each color variable of that class to the links
 within
 ul.nav
 ul.dropdown-menu
 .icon-bar
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin modal-ContrastFix
 usage:
 add
 @include modal-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to modals, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 5. @mixin table-ContrastFix
 usage:
 add
 @include table-ContrastFix;
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to tables, in case the body has a dark background and light text
 #####################################################################################################################*/
/*#####################################################################################################################
 6. @mixin panel-contrastFix($bgColor:$whiteBG, $headingColor:$lightGrayBG, $makeHeadingSoftGradient:true)
 usage:
 add
 @include panel-contrastFix; OR
 @include panel-contrastFix($darkGrayBG, $blackBG, false); OR
 @include panel-contrastFix($bgColor:value, $headingColor:value, $makeHeadingSoftGradient:BOOLE)
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color and contrasting color to panels, in case the body has a dark background and light text.
 also replaces some bootstrap styling features.
 #####################################################################################################################*/
/*#####################################################################################################################
 7.1 @mixin navTabs-contrastFix($activeTabBGColor:$whiteBG)
 usage:
 add
 @include navTabs-contrastFix; OR
 @include navTabs-contrastFix(optionalValue); OR
 @include navTabs-contrastFix($activeTabBGColor:optionalValue);
 -----------------------------------------------------------------------------------------------------------------------
 adds a background color to the active tab and contrasting color to navTabs. Also sets the border and hover color,
 dynamically, depending on the lightness value of the active tab color.
 -----------------------------------------------------------------------------------------------------------------------
 7.2 @mixin setBorderColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 -----------------------------------------------------------------------------------------------------------------------
 7.3 @mixin setHoverColorDependingOnLightness($lightness, $color)
 used by navTabs-contrastFix
 requires $lightness value, which is acquired using lightness($color) and the $color value
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @mixin addOuterTextStroke($strokeColor:$whiteBG, $weight:1px);
 usage:
 add
 @include addOuterTextStroke; OR
 @include addOuterTextStroke($blackBG); OR
 @include addOuterTextStroke($darkGrayBG, 2px);
 returns text-shadow properties to emulate an outer stroke using the given color.
 !! Warning: using a weight greater than 1px can have ugly side effects, so use with caution
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 8. @function removeBrightReds($colorMap)
 usage:
 add
 $myNewMap: removeBrightReds($myMapOfColors);
 returns a color map (requires key value pair as done above) without any bright red colors
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
/*#####################################################################################################################
 9. @mixin elevationLevel($level:0, $color:$blackBG)
 usage:
 @include elevationLevel(4);
 @include elevationLevel(3, $highlightColorBG);
 adds an elevation level shadow. uses black by default. or, if provided with a color, mixes that color with black to
 generate a shadow
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
@-webkit-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-moz-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-o-keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0); }

  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }

  20%, 80% {
    transform: translate3d(2px, 0, 0); }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }

  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
/*############################################################
 --- for creating font sets  ---
 @include generateTypeScale;
 -------------------------
 Params:
 $scale
 $rootFontSizeInPixelForMobile (must include 'px')
 $rootFontSizeInPixelForTablet (must include 'px')
 $rootFontSizeInPixelForDesktop (must include 'px')
 -------------------------
 The $scale must be a value between 1.05 and 2.
 See the scale values listed below
 -------------------------
 How to use:
 + you must use it once without defining a specific font, so that
 the default root font size is defined!
 + if you want to style a specific font, you must add the mixin again
 + the mixin can be extended with additional styles to allow more flexibility. simply add scss directly in the mixin
 ############################################################*/
/*  https://type-scale.com/  */
/*---------- x-browser compatibility contents --------------
 Layout:
 -------
 grid-template-columns($cols, $gridGap)
 grid-template-rows($cols, $gridGap)
 grid-auto-rows($rowHeight, $gridGap)
 Box Shadow:       box-shadow($rule...)
 -----------
 Gradients:
 ----------
 linearGradient_vertical($topColorColor, $bottomColorColor)
 linearGradient_horizontal($leftColorColor, $rightColor)
 TO DO:
 linear (diagonal - angle, start stop)
 radial
 Transitions:      transition($rule)
 ------------
 Animations:       animation($rule)
 -----------
 Keyframes:        keyframes($animationName){ ... }
 -----------
 Transform:        transform($rule)
 ----------
 Transform-style:  transform-style($rule)
 ----------------
 FontAwesome:      FA($v4: false, $Pro:false, $Free:false, $Solid:false, $Brand:false) ------> example: @include($v4:true) // returns: font-family:"FontAwesome";
 ----------------
 filter:      filter($rule)
 */
/*############################################################
 --- details summary  ---
 @include removeDetailsSummaryMarker;
 @include removeDetailsSummaryMarker(true); //applies it to any summary element that is a child
 @include removeDetailsSummaryMarker(false);
 ---
 removes the details summary marker. works across all browsers so far. use if you want to style your own
 ############################################################*/
/*#####################################################################################################################
 COLORS for light mode and dark mode
 -----------------------------------------------------------------------------------------------------------------------
 #####################################################################################################################*/
html {
  --mode: light;
  --txt_primary: rgba(14, 14, 15, 0.85);
  --txt_secondary: rgba(14, 14, 15, 0.8);
  --L0_bg: #fff;
  --L1_bg: #f7f7f8;
  --L2_bg: #f2f1f3;
  --L3_bg: #eae9ec;
  --topLevelInteractiveElementBG: #dddbe1;
  --separator: rgba(221, 219, 225, 0.25);
  --accent: #7a35ff;
  --accent_trans1: rgba(122, 53, 255, 0.08);
  --accent_trans2: rgba(122, 53, 255, 0.1);
  --accent_trans3: rgba(122, 53, 255, 0.15);
  --focusRing: rgba(122, 53, 255, 0.5);
  --infoTxt: #2d70e7;
  --infoTxt_trans1: rgba(45, 112, 231, 0.08);
  --infoTxt_trans2: rgba(45, 112, 231, 0.1);
  --infoTxt_trans3: rgba(45, 112, 231, 0.15);
  --successTxt: #2d7026;
  --successTxt_trans1: rgba(45, 112, 38, 0.08);
  --successTxt_trans2: rgba(45, 112, 38, 0.1);
  --successTxt_trans3: rgba(45, 112, 38, 0.15);
  --warningTxt: #b16021;
  --warningTxt_trans1: rgba(177, 96, 33, 0.08);
  --warningTxt_trans2: rgba(177, 96, 33, 0.1);
  --warningTxt_trans3: rgba(177, 96, 33, 0.15);
  --errorTxt: #d32833;
  --errorTxt_trans1: rgba(211, 40, 51, 0.08);
  --errorTxt_trans2: rgba(211, 40, 51, 0.1);
  --errorTxt_trans3: rgba(211, 40, 51, 0.15); }

button, [class*='btn-'], .btn {
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
  padding: 4px 16px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  min-height: 40px;
  position: relative;
  width: max-content;
  max-width: 100%;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-weight: normal;
  letter-spacing: normal;
  -webkit-font-smoothing: subpixel-antialiased; }
  button:after, [class*='btn-']:after, .btn:after {
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    display: block; }
  button:disabled, [class*='btn-']:disabled, .btn:disabled, button[disabled], [class*='btn-'][disabled], .btn[disabled], button.disabled, [class*='btn-'].disabled, .btn.disabled, button.btn-disabled, [class*='btn-'].btn-disabled, .btn.btn-disabled {
    cursor: not-allowed;
    filter: grayscale(1) !important;
    -o-transition: none;
    transition: none; }
  button .badge, [class*='btn-'] .badge, .btn .badge {
    position: absolute;
    z-index: 1;
    top: -1em;
    right: -1ch;
    background: #dddbe1;
    color: #0e0e0f;
    color: rgba(14, 14, 15, 0.85);
    font-size: clamp(8px, 0.5em, 80%);
    font-weight: bold;
    letter-spacing: 0.1px;
    padding: 0 4px;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 2px -1px;
    box-shadow: 0 0 2px -1px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  button .txt, [class*='btn-'] .txt, .btn .txt {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }

a:not([class*='btn'])[prepended-icon-class], a:not([class*='btn'])[appended-icon-class] {
  display: inline-grid;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 4px;
  align-items: baseline;
  width: auto;
  max-width: 100%; }

a[class*='btn-'], a.btn {
  text-decoration: none; }

button:not(._adminPanelTitle), a.btn:not(._adminPanelTitle), span.btn:not(._adminPanelTitle), input.btn:not(._adminPanelTitle) {
  filter: brightness(1) saturate(1) contrast(1);
  -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
  transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
  background: #dddbe1;
  color: #0e0e0f;
  -webkit-box-shadow: 0 1px 3px 0 rgba(190, 188, 193, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
  box-shadow: 0 1px 3px 0 rgba(190, 188, 193, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  button:not(._adminPanelTitle):hover, a.btn:not(._adminPanelTitle):hover, span.btn:not(._adminPanelTitle):hover, input.btn:not(._adminPanelTitle):hover, button:not(._adminPanelTitle):active, a.btn:not(._adminPanelTitle):active, span.btn:not(._adminPanelTitle):active, input.btn:not(._adminPanelTitle):active, button:not(._adminPanelTitle):focus, a.btn:not(._adminPanelTitle):focus, span.btn:not(._adminPanelTitle):focus, input.btn:not(._adminPanelTitle):focus {
    background: #d5d3d9;
    color: #0e0e0f;
    -webkit-box-shadow: 0 10px 15px -3px rgba(190, 188, 193, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(190, 188, 193, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  button:not(._adminPanelTitle):focus-visible, a.btn:not(._adminPanelTitle):focus-visible, span.btn:not(._adminPanelTitle):focus-visible, input.btn:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #d5d3d9;
    outline-offset: 2px; }
  button:not(._adminPanelTitle):after, a.btn:not(._adminPanelTitle):after, span.btn:not(._adminPanelTitle):after, input.btn:not(._adminPanelTitle):after {
    content: unset; }

a.btn-primary:not(._adminPanelTitle), button.btn-primary:not(._adminPanelTitle), span.btn-primary:not(._adminPanelTitle), input.btn-primary:not(._adminPanelTitle) {
  filter: brightness(1) saturate(1) contrast(1);
  -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
  transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
  background: #7a35ff;
  color: #fff;
  -webkit-box-shadow: 0 1px 3px 0 rgba(106, 47, 219, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
  box-shadow: 0 1px 3px 0 rgba(106, 47, 219, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-primary:not(._adminPanelTitle):hover, button.btn-primary:not(._adminPanelTitle):hover, span.btn-primary:not(._adminPanelTitle):hover, input.btn-primary:not(._adminPanelTitle):hover, a.btn-primary:not(._adminPanelTitle):active, button.btn-primary:not(._adminPanelTitle):active, span.btn-primary:not(._adminPanelTitle):active, input.btn-primary:not(._adminPanelTitle):active, a.btn-primary:not(._adminPanelTitle):focus, button.btn-primary:not(._adminPanelTitle):focus, span.btn-primary:not(._adminPanelTitle):focus, input.btn-primary:not(._adminPanelTitle):focus {
    background: #7026ff;
    color: #fff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(106, 47, 219, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(106, 47, 219, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-primary:not(._adminPanelTitle):focus-visible, button.btn-primary:not(._adminPanelTitle):focus-visible, span.btn-primary:not(._adminPanelTitle):focus-visible, input.btn-primary:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #7026ff;
    outline-offset: 2px; }
  a.btn-primary:not(._adminPanelTitle):after, button.btn-primary:not(._adminPanelTitle):after, span.btn-primary:not(._adminPanelTitle):after, input.btn-primary:not(._adminPanelTitle):after {
    content: unset; }
  a.btn-secondary:not(._adminPanelTitle), button.btn-secondary:not(._adminPanelTitle), span.btn-secondary:not(._adminPanelTitle), input.btn-secondary:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: transparent;
    color: #7a35ff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(106, 47, 219, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(106, 47, 219, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-secondary:not(._adminPanelTitle):hover, button.btn-secondary:not(._adminPanelTitle):hover, span.btn-secondary:not(._adminPanelTitle):hover, input.btn-secondary:not(._adminPanelTitle):hover, a.btn-secondary:not(._adminPanelTitle):active, button.btn-secondary:not(._adminPanelTitle):active, span.btn-secondary:not(._adminPanelTitle):active, input.btn-secondary:not(._adminPanelTitle):active, a.btn-secondary:not(._adminPanelTitle):focus, button.btn-secondary:not(._adminPanelTitle):focus, span.btn-secondary:not(._adminPanelTitle):focus, input.btn-secondary:not(._adminPanelTitle):focus {
    background: transparent;
    color: #7a35ff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(106, 47, 219, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(106, 47, 219, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-secondary:not(._adminPanelTitle):focus-visible, button.btn-secondary:not(._adminPanelTitle):focus-visible, span.btn-secondary:not(._adminPanelTitle):focus-visible, input.btn-secondary:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #d5d3d9;
    outline-offset: 2px; }
  a.btn-secondary:not(._adminPanelTitle):after, button.btn-secondary:not(._adminPanelTitle):after, span.btn-secondary:not(._adminPanelTitle):after, input.btn-secondary:not(._adminPanelTitle):after {
    content: unset; }
  a.btn-info:not(._adminPanelTitle), button.btn-info:not(._adminPanelTitle), span.btn-info:not(._adminPanelTitle), input.btn-info:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #6495ed;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(87, 129, 204, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(87, 129, 204, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-info:not(._adminPanelTitle):hover, button.btn-info:not(._adminPanelTitle):hover, span.btn-info:not(._adminPanelTitle):hover, input.btn-info:not(._adminPanelTitle):hover, a.btn-info:not(._adminPanelTitle):active, button.btn-info:not(._adminPanelTitle):active, span.btn-info:not(._adminPanelTitle):active, input.btn-info:not(._adminPanelTitle):active, a.btn-info:not(._adminPanelTitle):focus, button.btn-info:not(._adminPanelTitle):focus, span.btn-info:not(._adminPanelTitle):focus, input.btn-info:not(._adminPanelTitle):focus {
    background: #568ceb;
    color: #0e0e0f;
    -webkit-box-shadow: 0 10px 15px -3px rgba(87, 129, 204, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(87, 129, 204, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-info:not(._adminPanelTitle):focus-visible, button.btn-info:not(._adminPanelTitle):focus-visible, span.btn-info:not(._adminPanelTitle):focus-visible, input.btn-info:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #568ceb;
    outline-offset: 2px; }
  a.btn-info:not(._adminPanelTitle):after, button.btn-info:not(._adminPanelTitle):after, span.btn-info:not(._adminPanelTitle):after, input.btn-info:not(._adminPanelTitle):after {
    content: unset; }
  a.btn-success:not(._adminPanelTitle), button.btn-success:not(._adminPanelTitle), span.btn-success:not(._adminPanelTitle), input.btn-success:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #2d7026;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(40, 97, 35, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(40, 97, 35, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-success:not(._adminPanelTitle):hover, button.btn-success:not(._adminPanelTitle):hover, span.btn-success:not(._adminPanelTitle):hover, input.btn-success:not(._adminPanelTitle):hover, a.btn-success:not(._adminPanelTitle):active, button.btn-success:not(._adminPanelTitle):active, span.btn-success:not(._adminPanelTitle):active, input.btn-success:not(._adminPanelTitle):active, a.btn-success:not(._adminPanelTitle):focus, button.btn-success:not(._adminPanelTitle):focus, span.btn-success:not(._adminPanelTitle):focus, input.btn-success:not(._adminPanelTitle):focus {
    background: #327b2a;
    color: #fff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(40, 97, 35, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(40, 97, 35, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-success:not(._adminPanelTitle):focus-visible, button.btn-success:not(._adminPanelTitle):focus-visible, span.btn-success:not(._adminPanelTitle):focus-visible, input.btn-success:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #327b2a;
    outline-offset: 2px; }
  a.btn-success:not(._adminPanelTitle):after, button.btn-success:not(._adminPanelTitle):after, span.btn-success:not(._adminPanelTitle):after, input.btn-success:not(._adminPanelTitle):after {
    content: unset; }
  a.btn-warning:not(._adminPanelTitle), button.btn-warning:not(._adminPanelTitle), span.btn-warning:not(._adminPanelTitle), input.btn-warning:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #da803a;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-warning:not(._adminPanelTitle):hover, button.btn-warning:not(._adminPanelTitle):hover, span.btn-warning:not(._adminPanelTitle):hover, input.btn-warning:not(._adminPanelTitle):hover, a.btn-warning:not(._adminPanelTitle):active, button.btn-warning:not(._adminPanelTitle):active, span.btn-warning:not(._adminPanelTitle):active, input.btn-warning:not(._adminPanelTitle):active, a.btn-warning:not(._adminPanelTitle):focus, button.btn-warning:not(._adminPanelTitle):focus, span.btn-warning:not(._adminPanelTitle):focus, input.btn-warning:not(._adminPanelTitle):focus {
    background: #d8782d;
    color: #0e0e0f;
    -webkit-box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-warning:not(._adminPanelTitle):focus-visible, button.btn-warning:not(._adminPanelTitle):focus-visible, span.btn-warning:not(._adminPanelTitle):focus-visible, input.btn-warning:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #d8782d;
    outline-offset: 2px; }
  a.btn-warning:not(._adminPanelTitle):after, button.btn-warning:not(._adminPanelTitle):after, span.btn-warning:not(._adminPanelTitle):after, input.btn-warning:not(._adminPanelTitle):after {
    content: unset; }
  a.btn-danger:not(._adminPanelTitle), button.btn-danger:not(._adminPanelTitle), span.btn-danger:not(._adminPanelTitle), input.btn-danger:not(._adminPanelTitle), a.btn-error:not(._adminPanelTitle), button.btn-error:not(._adminPanelTitle), span.btn-error:not(._adminPanelTitle), input.btn-error:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #da3a45;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(187, 51, 61, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(187, 51, 61, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  a.btn-danger:not(._adminPanelTitle):hover, button.btn-danger:not(._adminPanelTitle):hover, span.btn-danger:not(._adminPanelTitle):hover, input.btn-danger:not(._adminPanelTitle):hover, a.btn-error:not(._adminPanelTitle):hover, button.btn-error:not(._adminPanelTitle):hover, span.btn-error:not(._adminPanelTitle):hover, input.btn-error:not(._adminPanelTitle):hover, a.btn-danger:not(._adminPanelTitle):active, button.btn-danger:not(._adminPanelTitle):active, span.btn-danger:not(._adminPanelTitle):active, input.btn-danger:not(._adminPanelTitle):active, a.btn-error:not(._adminPanelTitle):active, button.btn-error:not(._adminPanelTitle):active, span.btn-error:not(._adminPanelTitle):active, input.btn-error:not(._adminPanelTitle):active, a.btn-danger:not(._adminPanelTitle):focus, button.btn-danger:not(._adminPanelTitle):focus, span.btn-danger:not(._adminPanelTitle):focus, input.btn-danger:not(._adminPanelTitle):focus, a.btn-error:not(._adminPanelTitle):focus, button.btn-error:not(._adminPanelTitle):focus, span.btn-error:not(._adminPanelTitle):focus, input.btn-error:not(._adminPanelTitle):focus {
    background: #d82d39;
    color: #fff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(187, 51, 61, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(187, 51, 61, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  a.btn-danger:not(._adminPanelTitle):focus-visible, button.btn-danger:not(._adminPanelTitle):focus-visible, span.btn-danger:not(._adminPanelTitle):focus-visible, input.btn-danger:not(._adminPanelTitle):focus-visible, a.btn-error:not(._adminPanelTitle):focus-visible, button.btn-error:not(._adminPanelTitle):focus-visible, span.btn-error:not(._adminPanelTitle):focus-visible, input.btn-error:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #d82d39;
    outline-offset: 2px; }
  a.btn-danger:not(._adminPanelTitle):after, button.btn-danger:not(._adminPanelTitle):after, span.btn-danger:not(._adminPanelTitle):after, input.btn-danger:not(._adminPanelTitle):after, a.btn-error:not(._adminPanelTitle):after, button.btn-error:not(._adminPanelTitle):after, span.btn-error:not(._adminPanelTitle):after, input.btn-error:not(._adminPanelTitle):after {
    content: unset; }

@media (min-width: 768px) {
    ._mobileBtn {
      display: none; } }

._tabletBtn {
  display: none; }
  @media (min-width: 768px) {
  ._tabletBtn {
    display: inline-flex; } }

.btn-xs {
  font-size: 0.8em;
  padding: 2px 8px;
  min-height: 24px; }
  .btn-xs.btn-icon {
    height: 24px;
    width: 24px; }

.btn-sm {
  font-size: 0.8em;
  padding: 2px 8px;
  min-height: 32px; }
  .btn-sm.btn-icon {
    height: 32px;
    width: 32px; }

.btn-lg {
  min-height: 48px;
  gap: 16px; }
  .btn-lg.btn-icon {
    height: 48px;
    width: 48px; }

.btn-xl {
  min-height: 56px;
  font-size: 1.1em;
  padding: 8px 16px;
  gap: 16px; }
  .btn-xl.btn-icon {
    height: 56px;
    width: 56px; }
  .btn-addToCart:before {
    content: "\f218";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-calendar:before {
    content: "\f073";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-cancel:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-confirm:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-connect:before {
    content: "\f1eb";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-decrease:before {
    content: "\f068";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-delete:before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-download:before {
    content: "\f019";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-edit:before {
    content: "\f044";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-hide:before {
    content: "\f070";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-increase:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-key-1:before {
    content: "\f084";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-key-2:before {
    content: "\f6f3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-lock-1:before {
    content: "\f023";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-lock-2:before {
    content: "\f30d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-logOut:before {
    content: "\f08b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-logIn:before {
    content: "\f090";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-redo:before {
    content: "\f01e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-save:before {
    content: "\f0c7";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-send:before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-show:before {
    content: "\f06e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-sync:before {
    content: "\f021";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-undo:before {
    content: "\f0e2";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-unlock-1:before {
    content: "\f09c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-unlock-2:before {
    content: "\f13e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-email-1:before {
    content: "\f1fa";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-email-2:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-fax-1:before {
    content: "\f1ac";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-pdf:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-phone-1:before {
    content: "\f879";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-phone-2:before {
    content: "\f67d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-phone-3:before {
    content: "\f8d3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-print:before {
    content: "\f02f";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-mobile:before {
    content: "\f3cf";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-tablet:before {
    content: "\f3fa";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-laptop:before {
    content: "\f109";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-desktop:before {
    content: "\f108";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-facebook-1:before {
    content: "\f39e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-facebook-2:before {
    content: "\f09a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-facebook-3:before {
    content: "\f082";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-instagram-1:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-instagram-2:before {
    content: "\e055";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-linkedIn-1:before {
    content: "\f0e1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-linkedIn-2:before {
    content: "\f08c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-networkShare-1:before {
    content: "\f1e0";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-networkShare-2:before {
    content: "\f1e1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-pinterest-1:before {
    content: "\f231";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-pinterest-2:before {
    content: "\f0d2";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-pinterest-3:before {
    content: "\f0d3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-snapchat-1:before {
    content: "\f2ac";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-snapchat-2:before {
    content: "\f2ab";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-snapchat-3:before {
    content: "\f2ad";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-skype-1:before {
    content: "\f17e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-steam-1:before {
    content: "\f3f6";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-steam-2:before {
    content: "\f1b6";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-steam-3:before {
    content: "\f1b7";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-tiktok:before {
    content: "\e07b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-twitter-1:before {
    content: "\f099";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-tumblr-1:before {
    content: "\f173";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-tumblr-2:before {
    content: "\f174";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-twitter-2:before {
    content: "\f081";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-viber-1:before {
    content: "\f409";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-vine-1:before {
    content: "\f1ca";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-vimeo-1:before {
    content: "\f27d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-whatsapp-1:before {
    content: "\f232";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-whatsapp-2:before {
    content: "\f40c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-xing-1:before {
    content: "\f168";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-xing-2:before {
    content: "\f169";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-youtube-1:before {
    content: "\f167";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-youtube-2:before {
    content: "\f431";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shipping-1:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shipping-2:before {
    content: "\f48c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shipping-3:before {
    content: "\f48b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingBag-1:before {
    content: "\f290";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingBag-2:before {
    content: "\f291";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingBag-3:before {
    content: "\f847";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingCart-1:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingCart-2:before {
    content: "\f217";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-shoppingCart-3:before {
    content: "\f218";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-barcode-1:before {
    content: "\f02a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-barcode-2:before {
    content: "\f463";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-barcode-3:before {
    content: "\f464";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  .btn-qrCode-1:before {
    content: "\f029";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }

.btn-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  aspect-ratio: 1; }

.btn-process:before {
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
  font-weight: 300;
  font-size: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 0;
  transition: transform 0.33s linear; }

@-webkit-keyframes spin {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }

@-moz-keyframes spin {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }

@-o-keyframes spin {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }

@keyframes spin {
    0% {
      transform: rotate(0); }
    100% {
      transform: rotate(360deg); } }

@-webkit-keyframes failshake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0); }
    20%, 80% {
      transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0); }
    40%, 60% {
      transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0); }
    20%, 80% {
      transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0); }
    40%, 60% {
      transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0); }
    20%, 80% {
      transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0); }
    40%, 60% {
      transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0); }
    20%, 80% {
      transform: translate3d(2px, 0, 0); }
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0); }
    40%, 60% {
      transform: translate3d(4px, 0, 0); } }
  .btn-process.running:before {
    content: '\f3f4';
    animation: spin 2s linear infinite; }
  .btn-process.failed:before {
    content: '\f00d';
    color: #da3a45;
    animation: failshake 0.68s linear; }
  .btn-process.success:before {
    content: '\f00c';
    color: #2d7026; }
  .btn-process.running > .icon, .btn-process.failed > .icon, .btn-process.success > .icon {
    display: none; }

.--buttonGroup {
  display: flex;
  flex-wrap: wrap;
  width: auto;
  max-width: 100%;
  scrollbar-width: thin;
  scrollbar-color: gainsboro ghostwhite;
  border-radius: 4px;
  list-style: none;
  margin: 0;
  gap: 8px;
  overflow: visible;
  padding: 4px; }
  .--buttonGroup::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  .--buttonGroup::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }
  .--buttonGroup::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.08); }
  .--buttonGroup > * {
    border-radius: 0;
    position: relative; }
  .--buttonGroup > *:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit; }
  .--buttonGroup > *:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit; }

input, select, textarea {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: normal; }
  input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none; }

html[data-browser='Opera'] select {
  appearance: none; }

.--inputGroup {
  margin: 0;
  color: rgba(14, 14, 15, 0.8);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'label' 'slots' 'counter' 'msg';
  font-size: 0.9rem;
  position: relative;
  z-index: 1; }
  .--inputGroup:focus-within {
    z-index: 20; }
  .--inputGroup .--counter {
    grid-area: counter; }
  .--inputGroup ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: var(--L1_bg, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .--inputGroup ul.dropdown-menu li {
    cursor: pointer; }
  .--inputGroup ul.dropdown-menu li.active a {
    background-color: #7a35ff;
    color: #fff;
    text-decoration: none;
    outline: 0; }
  .--inputGroup ul.dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: rgba(14, 14, 15, 0.8);
    white-space: normal;
    text-decoration: none; }
    .--inputGroup ul.dropdown-menu li a:hover, .--inputGroup ul.dropdown-menu li a:focus {
      text-decoration: none;
      background-color: var(--L2_bg, #f5f5f5);
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup ._label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    grid-template-areas: 'feedback .';
    cursor: pointer;
    grid-area: label;
    margin: 0 0 4px;
    display: grid;
    align-items: baseline;
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal; }
  .--inputGroup ._label:first-letter {
    text-transform: capitalize; }
  .--inputGroup ._label:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    grid-area: feedback;
    font-size: 1em; }
  .--inputGroup ._slots {
    grid-area: slots;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'slot1 input slot2';
    position: relative;
    background: #dddbe1;
    -o-transition: 0.33s background ease;
    transition: 0.33s background ease;
    border-radius: 4px;
    min-height: 40px;
    font-size: inherit; }
  .--inputGroup ._slots ._slotInput {
    grid-area: input; }
  .--inputGroup ._slots ._slot1 {
    grid-area: slot1; }
  .--inputGroup ._slots ._slot2 {
    grid-area: slot2; }
  .--inputGroup ._slots > span.icon {
    cursor: default; }
  .--inputGroup ._slots > .icon {
    aspect-ratio: 1;
    padding: 0;
    min-height: 40px;
    font-size: inherit; }
  .--inputGroup ._slots > .icon:before, .--inputGroup ._slots > .icon:after {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: subpixel-antialiased; }
  .--inputGroup ._slots > .icon.prepend:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .--inputGroup ._slots > .icon.append:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .--inputGroup ._slots > span, .--inputGroup ._slots > select.lang, .--inputGroup ._slots > button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .--inputGroup ._slots > span.prepend, .--inputGroup ._slots > select.lang.prepend, .--inputGroup ._slots > button.prepend {
    grid-area: slot1; }
  .--inputGroup ._slots > span.append, .--inputGroup ._slots > select.lang.append, .--inputGroup ._slots > button.append {
    grid-area: slot2; }
  .--inputGroup ._slots select.lang {
    cursor: pointer;
    color: rgba(14, 14, 15, 0.8);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: normal;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.33s background ease; }
  .--inputGroup ._slots select.lang:hover, .--inputGroup ._slots select.lang:active, .--inputGroup ._slots select.lang:focus, .--inputGroup ._slots select.lang:focus-within {
    background: rgba(14, 14, 15, 0.05); }
  .--inputGroup ._slots > select.lang {
    width: 40px;
    height: 100%;
    line-height: 40px;
    align-items: start;
    white-space: normal;
    font-size: inherit; }
  .--inputGroup ._slots > * {
    margin: 0;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .--inputGroup ._slots > label > * {
    padding: inherit;
    width: 100%;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .--inputGroup ._slots input, .--inputGroup ._slots select:not(.lang), .--inputGroup ._slots textarea {
    grid-area: input;
    height: 100%;
    width: 100%;
    padding: 4px;
    font-size: inherit; }
  .--inputGroup ._slots input:not([disabled]), .--inputGroup ._slots select:not(.lang):not([disabled]), .--inputGroup ._slots textarea:not([disabled]) {
    cursor: pointer; }
  .--inputGroup ._slots input::placeholder, .--inputGroup ._slots select:not(.lang)::placeholder, .--inputGroup ._slots textarea::placeholder, .--inputGroup ._slots input ::placeholder, .--inputGroup ._slots select:not(.lang) ::placeholder, .--inputGroup ._slots textarea ::placeholder {
    color: rgba(14, 14, 15, 0.5);
    font-size: inherit; }
  .--inputGroup ._slots input:first-child, .--inputGroup ._slots select:not(.lang):first-child, .--inputGroup ._slots textarea:first-child {
    padding-left: 8px; }
  .--inputGroup ._slots textarea {
    min-height: 5ch;
    resize: vertical;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .--inputGroup ._slots option, .--inputGroup ._slots optgroup {
    background: #dddbe1;
    color: rgba(14, 14, 15, 0.8); }
  .--inputGroup ._slots .iti__search-input {
    min-height: 40px; }
  .--inputGroup .--message {
    grid-area: msg; }
  .--inputGroup.fieldset-parent + fieldset[disabled] {
    position: relative;
    cursor: not-allowed; }
    .--inputGroup.fieldset-parent + fieldset[disabled]:after {
      content: '';
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: not-allowed;
      display: block;
      -webkit-backdrop-filter: grayscale(1);
      backdrop-filter: grayscale(1);
      background: rgba(221, 219, 225, 0.2); }
  .--inputGroup._otp {
    width: min-content;
    max-width: 100%; }
  .--inputGroup._otp .label {
    display: block;
    width: 100%;
    flex: 1 0 auto; }
  .--inputGroup._otp input[inputmode='numeric'] {
    border-radius: 4px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(122, 53, 255, 0.1), rgba(122, 53, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #7a35ff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-family: monospace;
    letter-spacing: 2.5ch;
    padding: unset;
    padding-inline: unset;
    padding-block: unset;
    height: auto;
    min-height: 4ch;
    padding-inline-start: 1ch;
    transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
  .--inputGroup._otp input[inputmode='numeric']::placeholder {
    color: rgba(122, 53, 255, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']::placeholder {
    padding: unset !important;
    transition: 0.33s color ease-in-out; }
  .--inputGroup._otp input[inputmode='numeric'][size='3'] {
    width: calc((3 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='4'] {
    width: calc((4 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='5'] {
    width: calc((5 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='6'] {
    width: calc((6 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='7'] {
    width: calc((7 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='8'] {
    width: calc((8 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='9'] {
    width: calc((9 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='10'] {
    width: calc((10 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric']:hover, .--inputGroup._otp input[inputmode='numeric']:active, .--inputGroup._otp input[inputmode='numeric']:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(14, 14, 15, 0.1), rgba(14, 14, 15, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: rgba(14, 14, 15, 0.8); }
    .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, .--inputGroup._otp input[inputmode='numeric']:active::placeholder, .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
      color: rgba(14, 14, 15, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']:focus {
    outline: 2px solid;
    outline-offset: 4px; }
  .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
      color: rgba(211, 40, 51, 0.5); }
    .--inputGroup._otp input[inputmode='numeric']:invalid:hover, .--inputGroup._otp input[inputmode='numeric']:invalid:active, .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(45, 112, 38, 0.1), rgba(45, 112, 38, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #2d7026; }
    .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
      color: rgba(45, 112, 38, 0.5); }
  .--inputGroup._otp.--hasError input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(177, 96, 33, 0.1), rgba(177, 96, 33, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #b16021; }
    .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
      color: rgba(177, 96, 33, 0.5); }
  .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(45, 112, 231, 0.1), rgba(45, 112, 231, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #2d70e7; }
    .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
      color: rgba(45, 112, 231, 0.5); }
  .--inputGroup._toggle, .--inputGroup._switch {
    grid-template-areas: 'slots' 'msg'; }
  .--inputGroup._toggle:has(._label), .--inputGroup._switch:has(._label) {
    grid-template-areas: 'slots label' 'msg msg'; }
  .--inputGroup._toggle:not(:has(._label)), .--inputGroup._switch:not(:has(._label)) {
    width: max-content; }
  .--inputGroup._toggle ._slots, .--inputGroup._switch ._slots {
    min-height: unset;
    transition: unset;
    align-items: center; }
  .--inputGroup._toggle ._slots .icon, .--inputGroup._switch ._slots .icon {
    width: unset;
    min-width: unset;
    height: unset;
    min-height: unset;
    aspect-ratio: unset; }
  .--inputGroup._toggle {
    display: grid;
    grid-template-columns: auto;
    column-gap: 0;
    row-gap: 4px; }
  .--inputGroup._toggle:has(._label) {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0;
    row-gap: 4px; }
  .--inputGroup._toggle ._label {
    margin: unset; }
  .--inputGroup._toggle ._slots {
    background: unset;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
    grid-gap: 8px; }
  .--inputGroup._toggle ._slots:before {
    content: unset; }
  .--inputGroup._toggle ._slots .icon {
    width: unset;
    min-width: unset;
    height: unset;
    min-height: unset;
    aspect-ratio: unset; }
    .--inputGroup._toggle ._slots .icon.append {
      margin-right: 8px; }
    .--inputGroup._toggle ._slots .icon:before {
      margin-top: 0.225em; }
  .--inputGroup._toggle ._slots > input {
    accent-color: #7a35ff;
    width: 0.9rem;
    height: 0.9rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
    align-self: baseline;
    margin-top: 0.225em; }
    .--inputGroup._toggle ._slots > input[type='radio'], .--inputGroup._toggle ._slots > input[type='checkbox'] {
      padding: 0; }
  .--inputGroup._toggle input:before, .--inputGroup._toggle input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
  .--inputGroup._toggle input:before {
    width: 200%;
    height: 200%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%);
    -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
    transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
  .--inputGroup._toggle input:focus-visible:before {
    transform: translate(-50%, -50%) scale(1);
    outline: 2px solid rgba(122, 53, 255, 0.35);
    outline-offset: 2px; }
  .--inputGroup._toggle:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  .--inputGroup._toggle:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
  .--inputGroup._switch {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 8px;
    row-gap: 4px; }
  .--inputGroup._switch ._label {
    line-height: calc(1.3em + 4px + 2px); }
  .--inputGroup._switch ._slots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 0;
    grid-template-areas: 'slot1 slot2';
    justify-items: center;
    min-width: calc((1.3em * 2) + 4px);
    height: calc(1.3em + (2px * 2));
    border-radius: 8px;
    background: #dddbe1;
    padding: 2px;
    border-radius: 40px; }
  .--inputGroup._switch ._slots:before {
    top: 0;
    left: 0;
    background: inherit;
    border-radius: inherit; }
  .--inputGroup._switch ._slots .icon {
    position: relative;
    height: 1.3em;
    width: 1.3em;
    z-index: 2; }
    .--inputGroup._switch ._slots .icon:before {
      font-size: 0.7em;
      font-size: clamp(12px, 0.7em, 14px); }
  .--inputGroup._switch ._slots input[type='checkbox'] {
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
    -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
    transition: 0.33s transform linear, 0.33s background ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-color: #dddbe1;
    padding: 0;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset; }
    .--inputGroup._switch ._slots input[type='checkbox']:checked {
      transform: translate(100%, -50%);
      background: #7a35ff; }
    .--inputGroup._switch ._slots input[type='checkbox']:hover, .--inputGroup._switch ._slots input[type='checkbox']:active, .--inputGroup._switch ._slots input[type='checkbox']:focus {
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
  .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
    opacity: 0; }
  .--inputGroup._switch ._slots:has(input:checked) {
    background: #dddbe1; }
    .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
      color: #0e0e0f; }
    .--inputGroup._switch ._slots:has(input:checked) .icon.append {
      opacity: 1;
      color: #fff; }
    .--inputGroup._switch ._slots:has(input:checked):before {
      outline-color: #7a35ff; }
    .--inputGroup._switch ._slots:has(input:checked) .prepend {
      opacity: 0; }
  .--inputGroup._switch input:before, .--inputGroup._switch input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
  .--inputGroup._switch input:before {
    width: 200%;
    height: 200%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%);
    -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
    transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
  .--inputGroup._switch input:focus-visible:before {
    transform: translate(-50%, -50%) scale(1);
    outline: 2px solid rgba(122, 53, 255, 0.35);
    outline-offset: 2px; }
  .--inputGroup._switch:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  .--inputGroup._switch:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
  .--inputGroup._range ._slots:before {
    content: unset; }
  .--inputGroup._range ._slots:not(:has(.prepend)) {
    padding-left: 8px; }
  .--inputGroup._range ._slots:not(:has(.append)) {
    padding-right: 8px; }
  .--inputGroup._range ._slots input[type='range'] {
    position: relative;
    z-index: 1;
    padding: 0;
    cursor: grab;
    min-height: unset !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: inherit;
    height: 8px;
    align-self: center; }
    .--inputGroup._range ._slots input[type='range']:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      display: block;
      border-radius: inherit; }
    .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      height: inherit;
      border-radius: inherit; }
    .--inputGroup._range ._slots input[type='range']:active {
      cursor: grabbing; }
    .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
      opacity: 0; }
    .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
      opacity: 0; }
    .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      transform: translate(-50%, -50%) scale(1);
      outline-offset: 2px; }
  .--inputGroup._range ._slots .thumb {
    position: absolute;
    z-index: 2;
    transform: translateX(-0.65em);
    align-self: center;
    pointer-events: none;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset; }
    .--inputGroup._range ._slots .thumb:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 0;
      font-size: 1em;
      width: 2.6em;
      height: 2.6em;
      z-index: -1;
      border-radius: 50%;
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    .--inputGroup._range ._slots .thumb output {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      font-weight: bolder;
      z-index: 1;
      display: flex;
      aspect-ratio: 1;
      line-height: 0;
      align-items: center;
      justify-content: center;
      padding: 4px; }
    .--inputGroup._range ._slots .thumb output:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      border-radius: 50% 50% 50% 0;
      width: 100%;
      height: 100%;
      display: block;
      transform: rotate(-45deg);
      -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
      box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
  .--inputGroup._range._double ._slots input[type='range'].max {
    opacity: 0; }
    .--inputGroup._range._double ._slots input[type='range'].min {
      background-size: 100%; }
  .--inputGroup._range ._slots input[type='range'] {
    accent-color: #7a35ff;
    background: linear-gradient(90deg, #7a35ff 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup._range ._slots input[type='range']:after {
      background: rgba(171, 136, 240, 0.5); }
    .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(171, 136, 240, 0.5); }
    .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%); }
    .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
    .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(122, 53, 255, 0.35); }
  .--inputGroup._range ._slots .thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-color: #7a35ff;
    padding: 0;
    border-radius: inherit; }
    .--inputGroup._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%); }
    .--inputGroup._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  @-moz-document url-prefix() {
  .--inputGroup input[type='date'], .--inputGroup input[type='month'] {
    clip-path: inset(0 30px 0 0); } }
  .--inputGroup input[type='date'], .--inputGroup input[type='month'] {
    border-radius: inherit; }
  .--inputGroup input[type='date'][data-formatted-date-output], .--inputGroup input[type='month'][data-formatted-date-output] {
    position: relative; }
  .--inputGroup input[type='date'][data-formatted-date-output]:after, .--inputGroup input[type='month'][data-formatted-date-output]:after {
    content: attr(data-formatted-date-output);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: #dddbe1;
    color: inherit;
    padding: inherit;
    font-size: inherit;
    font-family: inherit;
    display: grid;
    align-items: center;
    border-radius: inherit; }
  .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
    opacity: 0; }
  .--inputGroup input[type='date']::-webkit-inner-spin-button, .--inputGroup input[type='month']::-webkit-inner-spin-button, .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  .--inputGroup .meter {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0 8px 8px;
    grid-row: -1; }
  .--inputGroup .meter:before {
    content: '\f7b9';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    line-height: 0;
    color: #da3a45;
    opacity: 1; }
  .--inputGroup .meter[data-attr-value='0']:before {
    opacity: 0; }
  .--inputGroup .meter[data-attr-value='2']:before {
    content: '\f071';
    color: #da5d40; }
  .--inputGroup .meter[data-attr-value='3']:before {
    content: '\f12a';
    color: #da803a; }
  .--inputGroup .meter[data-attr-value='4']:before {
    content: '\f00c';
    color: #2d7026; }
  .--inputGroup .meter[data-attr-value='5']:before {
    content: '\f560';
    color: #2d7026; }
  .--inputGroup meter {
    width: 100%;
    height: 16px;
    border-radius: 4px; }
  .--inputGroup meter::-moz-meter-bar {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  .--inputGroup meter::-webkit-meter-bar {
    border-radius: 4px; }
  .--inputGroup meter::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  .--inputGroup meter[value='2']::-moz-meter-bar {
    background: #da5d40; }
  .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
    background: #da5d40; }
  .--inputGroup meter[value='3']::-moz-meter-bar {
    background: #da803a; }
  .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
    background: #da803a; }
  .--inputGroup meter[value='4']::-moz-meter-bar {
    background: #2d7026; }
  .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
    background: #2d7026; }
  .--inputGroup meter[value='5']::-moz-meter-bar {
    background: #2d7026; }
  .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
    background: #2d7026; }
  @-moz-document url-prefix() {
  .--inputGroup meter {
    height: 8px; } }
  .--inputGroup .--message + .meter {
    padding-top: 0; }
  .--inputGroup .--iti_loading {
    min-height: 40px; }
  .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
    z-index: 2; }
  .--inputGroup._tags {
    grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
  .--inputGroup._tags .--filterChips {
    grid-area: tags;
    margin-top: 4px; }
  .--inputGroup._tags .--filterChips .selected .chip {
    background: #d32833;
    color: #fff; }
  .--inputGroup.--hasInfo ._label {
    color: #2d70e7; }
  .--inputGroup.--hasInfo ._label:before {
    content: "\f129"; }
  .--inputGroup.--hasInfo ._slots {
    background: #cbd0e1; }
  .--inputGroup.--hasInfo .--message {
    color: #2d70e7; }
  .--inputGroup.--hasInfo._range ._slots input[type='range'] {
    accent-color: #2d70e7;
    background: linear-gradient(90deg, #2d70e7 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
      background: rgba(133, 165, 228, 0.5); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(133, 165, 228, 0.5); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(45, 112, 231, 0.35); }
    .--inputGroup.--hasInfo._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #2d70e7;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasInfo._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.--hasSuccess ._label {
    color: #2d7026; }
  .--inputGroup.--hasSuccess ._label:before {
    content: "\f00c"; }
  .--inputGroup.--hasSuccess ._slots {
    background: #cbd0ce; }
  .--inputGroup.--hasSuccess .--message {
    color: #2d7026; }
  .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
    accent-color: #2d7026;
    background: linear-gradient(90deg, #2d7026 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
      background: rgba(133, 166, 131, 0.5); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(133, 166, 131, 0.5); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(45, 112, 38, 0.35); }
    .--inputGroup.--hasSuccess._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #2d7026;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasSuccess._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.--hasWarning ._label {
    color: #b16021; }
  .--inputGroup.--hasWarning ._label:before {
    content: "\f12a"; }
  .--inputGroup.--hasWarning ._slots {
    background: #d8cfcd; }
  .--inputGroup.--hasWarning .--message {
    color: #b16021; }
  .--inputGroup.--hasWarning._range ._slots input[type='range'] {
    accent-color: #b16021;
    background: linear-gradient(90deg, #b16021 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
      background: rgba(199, 158, 129, 0.5); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(199, 158, 129, 0.5); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(177, 96, 33, 0.35); }
    .--inputGroup.--hasWarning._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #b16021;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasWarning._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup:has(input:invalid) ._label, .--inputGroup.--hasError ._label {
    color: #d32833; }
  .--inputGroup:has(input:invalid) ._label:before, .--inputGroup.--hasError ._label:before {
    content: "\f071"; }
  .--inputGroup:has(input:invalid) ._slots, .--inputGroup.--hasError ._slots {
    background: #dcc9cf; }
  .--inputGroup:has(input:invalid) .--message, .--inputGroup.--hasError .--message {
    color: #d32833; }
  .--inputGroup:has(input:invalid)._range ._slots input[type='range'], .--inputGroup.--hasError._range ._slots input[type='range'] {
    accent-color: #d32833;
    background: linear-gradient(90deg, #d32833 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, .--inputGroup.--hasError._range ._slots input[type='range']:after {
      background: rgba(216, 129, 138, 0.5); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(216, 129, 138, 0.5); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.15) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.35) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(211, 40, 51, 0.35); }
    .--inputGroup:has(input:invalid)._range ._slots .thumb, .--inputGroup.--hasError._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #d32833;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup:has(input:invalid)._range ._slots .thumb:before, .--inputGroup.--hasError._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.15) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, .--inputGroup.--hasError._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.disabled, .--inputGroup:has(.slots [disabled]), .--inputGroup:has(.slots [readonly]) {
    cursor: not-allowed; }
  .--inputGroup.disabled ._label, .--inputGroup:has(.slots [disabled]) ._label, .--inputGroup:has(.slots [readonly]) ._label, .--inputGroup.disabled input, .--inputGroup:has(.slots [disabled]) input, .--inputGroup:has(.slots [readonly]) input, .--inputGroup.disabled select, .--inputGroup:has(.slots [disabled]) select, .--inputGroup:has(.slots [readonly]) select, .--inputGroup.disabled textarea, .--inputGroup:has(.slots [disabled]) textarea, .--inputGroup:has(.slots [readonly]) textarea {
    cursor: not-allowed; }
  .--inputGroup.disabled, .--inputGroup:has(.slots [disabled]) {
    filter: grayscale(1); }
  .--inputGroup ._slots:has(textarea) > .icon {
    max-width: 40px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 24px;
    min-height: 24px;
    line-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 24px;
    padding: 0 4px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 24px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 32px;
    min-height: 32px;
    line-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 32px;
    padding: 0 4px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 32px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 48px;
    min-height: 48px;
    line-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2rem; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(1.1rem, 1.08rem, 22px); }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 56px;
    min-height: 56px;
    line-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2.2rem; }

:has(.ty-calendar):focus-within > .ty-calendar {
  display: grid; }

.ty-calendar {
  width: 100%;
  max-width: 100%;
  margin: 8px 0;
  display: none; }
  .ty-calendar.visible, .ty-calendar:hover, .ty-calendar:active, .ty-calendar:focus, .ty-calendar:focus-within {
    display: grid; }
  @media (max-width: 575px) {
  .ty-calendar {
    position: fixed;
    z-index: 999;
    top: 40px;
    left: 0;
    width: 100%;
    max-width: 100vw; }
    .ty-calendar:before {
      content: '';
      position: fixed;
      width: 100vw;
      height: 100vh;
      z-index: -1;
      background: rgba(14, 14, 15, 0.6);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block; } }
  .ty-calendar .ty-calendar__layout {
    border-radius: 4px;
    background: #f2f1f3;
    color: rgba(14, 14, 15, 0.8);
    -webkit-box-shadow: 0 0 0 1px rgba(57, 30, 111, 0.25), 0 6px 12px -2px rgba(57, 30, 111, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    box-shadow: 0 0 0 1px rgba(57, 30, 111, 0.25), 0 6px 12px -2px rgba(57, 30, 111, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start; }
  .ty-calendar .ty-calendar__layout.--wide {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 8px; }
  .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
    border-top: none;
    border-left: 1px solid rgba(122, 53, 255, 0.3);
    border-radius: 0 4px 4px 0;
    height: 100%; }
  .ty-calendar .ty-calendar__timeSelector {
    background: rgba(122, 53, 255, 0.08);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid rgba(122, 53, 255, 0.3); }
  .ty-calendar .ty-calendar__timeSelector ._label {
    background: #7a35ff;
    color: #fff;
    padding: 2.6666666667px 4px;
    border-radius: 4px;
    font-weight: 600; }
  .ty-calendar .ty-calendar__timeList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap: 4px;
    max-height: 320px;
    overflow-y: auto; }
  .ty-calendar .ty-calendar__timeList button {
    text-align: center;
    padding: 2.6666666667px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent;
    color: inherit; }
  .ty-calendar .ty-calendar__timeList button.selected {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar .ty-calendar__timeList button:hover, .ty-calendar .ty-calendar__timeList button:focus-visible {
    background: rgba(122, 53, 255, 0.2);
    color: #7a35ff; }
  .ty-calendar .ty-calendar__actions {
    margin: 8px 0 0 0;
    border-top: 1px solid rgba(122, 53, 255, 0.15);
    background: #7a35ff;
    color: #fff;
    border-radius: 0 0 4px 4px; }
  .ty-calendar .ty-calendar__actions button:last-child {
    justify-self: end; }
  .ty-calendar .ty-calendar__actions button {
    color: #fff; }
  .ty-calendar button {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ty-calendar button:hover, .ty-calendar button:active, .ty-calendar button:focus {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ty-calendar .grid.--menu {
    min-height: 40px;
    padding: 4px; }
  .ty-calendar .grid.--menu._top {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
    grid-gap: 4px;
    grid-template-areas: 'prev year month next';
    align-items: center; }
  .ty-calendar .grid.--menu._bottom {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 4px;
    justify-items: start; }
  .ty-calendar .grid.--menu._bottom button:last-child {
    grid-column-start: -1; }
  .ty-calendar .grid.--menu label, .ty-calendar .grid.--menu label select {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar .grid.--menu option {
    background: #f2f1f3;
    color: rgba(14, 14, 15, 0.8); }
  .ty-calendar .grid.--menu button.btn-prev {
    grid-area: prev; }
  .ty-calendar .grid.--menu button.btn-next {
    grid-area: next; }
  .ty-calendar .grid.--menu label select {
    width: 100%;
    text-align: center; }
  .ty-calendar table {
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    width: 100%;
    background: transparent;
    color: inherit; }
  .ty-calendar table th {
    text-align: center; }
  .ty-calendar table td {
    border: none; }
  .ty-calendar table thead, .ty-calendar table tfoot {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar table tfoot {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .ty-calendar table thead tr:last-child th {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar table tbody tr {
    height: 44px;
    vertical-align: middle; }
  .ty-calendar table tbody td {
    text-align: center;
    min-width: 40px; }
    .ty-calendar table tbody td.weekend {
      background: rgba(122, 53, 255, 0.1); }
  .ty-calendar table tbody button {
    position: relative; }
    .ty-calendar table tbody button.today:after {
      content: '';
      width: 4px;
      height: 4px;
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%);
      background: #7a35ff;
      outline: 1px solid #fff;
      outline-offset: 1px;
      border-radius: 50%; }
    .ty-calendar table tbody button.selected > .day {
      pointer-events: none;
      background: #7a35ff;
      color: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }

.--filterChips {
  padding: 8px;
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  list-style: none; }
  .--filterChips .chip {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    white-space: nowrap;
    cursor: pointer; }
  .--filterChips .--inputGroup {
    grid-template-areas: 'slots label';
    row-gap: unset;
    grid-gap: 8px; }
  .--filterChips .--inputGroup ._label {
    font-size: inherit;
    line-height: inherit;
    align-self: center;
    margin: 0; }
  .--filterChips .--inputGroup ._slots {
    position: static;
    gap: unset; }
  .--filterChips .--inputGroup._toggle input:before {
    width: 100%;
    height: 100%;
    border-radius: inherit; }
  .--filterChips .--inputGroup, .--filterChips .chip {
    position: relative;
    font-size: 10px;
    font-size: clamp(10px, 0.6rem, 70%);
    font-weight: bold;
    font-weight: 600;
    line-height: initial;
    -webkit-box-shadow: inset 0 0 0 1px var(--accent_trans1);
    box-shadow: inset 0 0 0 1px var(--accent_trans1);
    padding: 5px;
    width: max-content;
    height: min-content;
    margin: 2px;
    transition: background 0.66s ease; }
  .--filterChips .--inputGroup:hover, .--filterChips .chip:hover, .--filterChips .--inputGroup:active, .--filterChips .chip:active, .--filterChips .--inputGroup:focus, .--filterChips .chip:focus {
    background: rgba(14, 14, 15, 0.15); }
  .--filterChips .--inputGroup._toggler.active, .--filterChips .chip._toggler.active {
    background: var(--accent_trans2);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent_trans3) !important;
    box-shadow: inset 0 0 0 1px var(--accent_trans3) !important; }
  .--filterChips .--inputGroup._toggler:hover, .--filterChips .chip._toggler:hover, .--filterChips .--inputGroup._toggler:active, .--filterChips .chip._toggler:active, .--filterChips .--inputGroup._toggler:focus, .--filterChips .chip._toggler:focus {
    background: var(--accent_trans1);
    outline: none; }
  .--filterChips .--inputGroup:has(input:checked) ._label, .--filterChips .chip:has(input:checked) ._label {
    color: #7a35ff; }
  .--filterChips .--inputGroup input[type='checkbox'], .--filterChips .chip input[type='checkbox'], .--filterChips .--inputGroup input[type='radio'], .--filterChips .chip input[type='radio'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-progress-appearance: unset;
    appearance: none;
    background: none;
    border-radius: inherit;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    margin: 0; }
  .--filterChips .--inputGroup input[type='checkbox']:checked, .--filterChips .chip input[type='checkbox']:checked, .--filterChips .--inputGroup input[type='radio']:checked, .--filterChips .chip input[type='radio']:checked {
    background: var(--accent_trans2);
    -webkit-box-shadow: inset 0 0 0 1px var(--accent_trans3) !important;
    box-shadow: inset 0 0 0 1px var(--accent_trans3) !important; }
    .--filterChips .--inputGroup input[type='checkbox']:checked:after, .--filterChips .chip input[type='checkbox']:checked:after, .--filterChips .--inputGroup input[type='radio']:checked:after, .--filterChips .chip input[type='radio']:checked:after {
      content: none; }
    .--filterChips .--inputGroup input[type='checkbox']:checked:hover, .--filterChips .chip input[type='checkbox']:checked:hover, .--filterChips .--inputGroup input[type='radio']:checked:hover, .--filterChips .chip input[type='radio']:checked:hover, .--filterChips .--inputGroup input[type='checkbox']:checked:active, .--filterChips .chip input[type='checkbox']:checked:active, .--filterChips .--inputGroup input[type='radio']:checked:active, .--filterChips .chip input[type='radio']:checked:active, .--filterChips .--inputGroup input[type='checkbox']:checked:focus, .--filterChips .chip input[type='checkbox']:checked:focus, .--filterChips .--inputGroup input[type='radio']:checked:focus, .--filterChips .chip input[type='radio']:checked:focus {
      background: var(--accent_trans1);
      -webkit-box-shadow: inset 0 0 0 1px var(--accent_trans3) !important;
      box-shadow: inset 0 0 0 1px var(--accent_trans3) !important;
      outline: none; }
    .--filterChips .--inputGroup input[type='checkbox']:checked ~ .label, .--filterChips .chip input[type='checkbox']:checked ~ .label, .--filterChips .--inputGroup input[type='radio']:checked ~ .label, .--filterChips .chip input[type='radio']:checked ~ .label {
      color: var(--accent); }
  .--filterChips .--inputGroup .icon, .--filterChips .chip .icon {
    display: flex;
    justify-content: center;
    align-items: center; }
  .--filterChips .--inputGroup .icon:before, .--filterChips .chip .icon:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300; }
  .--filterChips .--inputGroup .icon.__owned:before, .--filterChips .chip .icon.__owned:before {
    content: '\f13e'; }
  .--filterChips .--inputGroup .icon.__bookmarked:before, .--filterChips .chip .icon.__bookmarked:before {
    content: '\f004'; }
  .--filterChips .--inputGroup .icon.__recent:before, .--filterChips .chip .icon.__recent:before {
    content: '\f2f2'; }
  .--filterChips .--inputGroup .icon.__featured:before, .--filterChips .chip .icon.__featured:before {
    content: '\f675'; }
  .--filterChips .--inputGroup .icon.__sale:before, .--filterChips .chip .icon.__sale:before {
    content: '\f541'; }
  .--filterChips .--inputGroup .icon.__new:before, .--filterChips .chip .icon.__new:before {
    content: '\f890'; }
  .--filterChips .--inputGroup .label, .--filterChips .chip .label {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    padding: 0 5px; }
  .--filterChips .--inputGroup .count, .--filterChips .chip .count {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 3px; }
  .--filterChips .--inputGroup .btn-cancel, .--filterChips .chip .btn-cancel {
    font-size: inherit; }
  .--filterChips .--inputGroup .btn-cancel:hover, .--filterChips .chip .btn-cancel:hover, .--filterChips .--inputGroup .btn-cancel:active, .--filterChips .chip .btn-cancel:active, .--filterChips .--inputGroup .btn-cancel:focus, .--filterChips .chip .btn-cancel:focus {
    -webkit-box-shadow: 0 0 0 1px #fff;
    box-shadow: 0 0 0 1px #fff; }
  .--filterChips .--inputGroup .btn-cancel:before, .--filterChips .chip .btn-cancel:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300; }
  .--filterChips .--inputGroup .btn-cancel:after, .--filterChips .chip .btn-cancel:after {
    content: unset; }
  .--filterChips .--inputGroup:has(.btn-cancel), .--filterChips .chip:has(.btn-cancel) {
    gap: 4px; }
  .--filterChips .--inputGroup._toggle ._slots > .icon, .--filterChips .chip._toggle ._slots > .icon, .--filterChips .--inputGroup .icon, .--filterChips .chip .icon, .--filterChips .--inputGroup .count, .--filterChips .chip .count, .--filterChips .--inputGroup .btn.btn-cancel, .--filterChips .chip .btn.btn-cancel {
    height: 20px;
    min-width: 20px;
    min-height: unset;
    border-radius: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--txt_primary);
    font-weight: lighter;
    font-weight: 300; }
  .--filterChips .--inputGroup._toggle ._slots > .icon, .--filterChips .chip._toggle ._slots > .icon, .--filterChips .--inputGroup .icon, .--filterChips .chip .icon, .--filterChips .--inputGroup .btn.btn-cancel, .--filterChips .chip .btn.btn-cancel {
    width: 20px; }

:root {
  --iti-dialcode-color: #999;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 4px;
  --iti-arrow-color: #555;
  --iti-mobile-popup-margin: 30px; }

:root {
  --iti-path-flags-1x: url('/CSS/intlTelInput/img/flags.webp');
  --iti-path-flags-2x: url('/CSS/intlTelInput/imgflags@2x.webp');
  --iti-path-globe-1x: url('/CSS/intlTelInput/img/globe.webp');
  --iti-path-globe-2x: url('/CSS/intlTelInput/img/globe@2x.webp');
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px; }

.iti__flag {
  --iti-flag-offset: 100px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  border-radius: 1px;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); }

.iti__ac {
  --iti-flag-offset: 0px; }

.iti__ad {
  --iti-flag-offset: -16px; }

.iti__ae {
  --iti-flag-offset: -32px; }

.iti__af {
  --iti-flag-offset: -48px; }

.iti__ag {
  --iti-flag-offset: -64px; }

.iti__ai {
  --iti-flag-offset: -80px; }

.iti__al {
  --iti-flag-offset: -96px; }

.iti__am {
  --iti-flag-offset: -112px; }

.iti__ao {
  --iti-flag-offset: -128px; }

.iti__ar {
  --iti-flag-offset: -144px; }

.iti__as {
  --iti-flag-offset: -160px; }

.iti__at {
  --iti-flag-offset: -176px; }

.iti__au {
  --iti-flag-offset: -192px; }

.iti__aw {
  --iti-flag-offset: -208px; }

.iti__ax {
  --iti-flag-offset: -224px; }

.iti__az {
  --iti-flag-offset: -240px; }

.iti__ba {
  --iti-flag-offset: -256px; }

.iti__bb {
  --iti-flag-offset: -272px; }

.iti__bd {
  --iti-flag-offset: -288px; }

.iti__be {
  --iti-flag-offset: -304px; }

.iti__bf {
  --iti-flag-offset: -320px; }

.iti__bg {
  --iti-flag-offset: -336px; }

.iti__bh {
  --iti-flag-offset: -352px; }

.iti__bi {
  --iti-flag-offset: -368px; }

.iti__bj {
  --iti-flag-offset: -384px; }

.iti__bl {
  --iti-flag-offset: -400px; }

.iti__bm {
  --iti-flag-offset: -416px; }

.iti__bn {
  --iti-flag-offset: -432px; }

.iti__bo {
  --iti-flag-offset: -448px; }

.iti__bq {
  --iti-flag-offset: -464px; }

.iti__br {
  --iti-flag-offset: -480px; }

.iti__bs {
  --iti-flag-offset: -496px; }

.iti__bt {
  --iti-flag-offset: -512px; }

.iti__bw {
  --iti-flag-offset: -528px; }

.iti__by {
  --iti-flag-offset: -544px; }

.iti__bz {
  --iti-flag-offset: -560px; }

.iti__ca {
  --iti-flag-offset: -576px; }

.iti__cc {
  --iti-flag-offset: -592px; }

.iti__cd {
  --iti-flag-offset: -608px; }

.iti__cf {
  --iti-flag-offset: -624px; }

.iti__cg {
  --iti-flag-offset: -640px; }

.iti__ch {
  --iti-flag-offset: -656px; }

.iti__ci {
  --iti-flag-offset: -672px; }

.iti__ck {
  --iti-flag-offset: -688px; }

.iti__cl {
  --iti-flag-offset: -704px; }

.iti__cm {
  --iti-flag-offset: -720px; }

.iti__cn {
  --iti-flag-offset: -736px; }

.iti__co {
  --iti-flag-offset: -752px; }

.iti__cr {
  --iti-flag-offset: -768px; }

.iti__cu {
  --iti-flag-offset: -784px; }

.iti__cv {
  --iti-flag-offset: -800px; }

.iti__cw {
  --iti-flag-offset: -816px; }

.iti__cx {
  --iti-flag-offset: -832px; }

.iti__cy {
  --iti-flag-offset: -848px; }

.iti__cz {
  --iti-flag-offset: -864px; }

.iti__de {
  --iti-flag-offset: -880px; }

.iti__dj {
  --iti-flag-offset: -896px; }

.iti__dk {
  --iti-flag-offset: -912px; }

.iti__dm {
  --iti-flag-offset: -928px; }

.iti__do {
  --iti-flag-offset: -944px; }

.iti__dz {
  --iti-flag-offset: -960px; }

.iti__ec {
  --iti-flag-offset: -976px; }

.iti__ee {
  --iti-flag-offset: -992px; }

.iti__eg {
  --iti-flag-offset: -1008px; }

.iti__eh {
  --iti-flag-offset: -1024px; }

.iti__er {
  --iti-flag-offset: -1040px; }

.iti__es {
  --iti-flag-offset: -1056px; }

.iti__et {
  --iti-flag-offset: -1072px; }

.iti__fi {
  --iti-flag-offset: -1088px; }

.iti__fj {
  --iti-flag-offset: -1104px; }

.iti__fk {
  --iti-flag-offset: -1120px; }

.iti__fm {
  --iti-flag-offset: -1136px; }

.iti__fo {
  --iti-flag-offset: -1152px; }

.iti__fr {
  --iti-flag-offset: -1168px; }

.iti__ga {
  --iti-flag-offset: -1184px; }

.iti__gb {
  --iti-flag-offset: -1200px; }

.iti__gd {
  --iti-flag-offset: -1216px; }

.iti__ge {
  --iti-flag-offset: -1232px; }

.iti__gf {
  --iti-flag-offset: -1248px; }

.iti__gg {
  --iti-flag-offset: -1264px; }

.iti__gh {
  --iti-flag-offset: -1280px; }

.iti__gi {
  --iti-flag-offset: -1296px; }

.iti__gl {
  --iti-flag-offset: -1312px; }

.iti__gm {
  --iti-flag-offset: -1328px; }

.iti__gn {
  --iti-flag-offset: -1344px; }

.iti__gp {
  --iti-flag-offset: -1360px; }

.iti__gq {
  --iti-flag-offset: -1376px; }

.iti__gr {
  --iti-flag-offset: -1392px; }

.iti__gt {
  --iti-flag-offset: -1408px; }

.iti__gu {
  --iti-flag-offset: -1424px; }

.iti__gw {
  --iti-flag-offset: -1440px; }

.iti__gy {
  --iti-flag-offset: -1456px; }

.iti__hk {
  --iti-flag-offset: -1472px; }

.iti__hn {
  --iti-flag-offset: -1488px; }

.iti__hr {
  --iti-flag-offset: -1504px; }

.iti__ht {
  --iti-flag-offset: -1520px; }

.iti__hu {
  --iti-flag-offset: -1536px; }

.iti__id {
  --iti-flag-offset: -1552px; }

.iti__ie {
  --iti-flag-offset: -1568px; }

.iti__il {
  --iti-flag-offset: -1584px; }

.iti__im {
  --iti-flag-offset: -1600px; }

.iti__in {
  --iti-flag-offset: -1616px; }

.iti__io {
  --iti-flag-offset: -1632px; }

.iti__iq {
  --iti-flag-offset: -1648px; }

.iti__ir {
  --iti-flag-offset: -1664px; }

.iti__is {
  --iti-flag-offset: -1680px; }

.iti__it {
  --iti-flag-offset: -1696px; }

.iti__je {
  --iti-flag-offset: -1712px; }

.iti__jm {
  --iti-flag-offset: -1728px; }

.iti__jo {
  --iti-flag-offset: -1744px; }

.iti__jp {
  --iti-flag-offset: -1760px; }

.iti__ke {
  --iti-flag-offset: -1776px; }

.iti__kg {
  --iti-flag-offset: -1792px; }

.iti__kh {
  --iti-flag-offset: -1808px; }

.iti__ki {
  --iti-flag-offset: -1824px; }

.iti__km {
  --iti-flag-offset: -1840px; }

.iti__kn {
  --iti-flag-offset: -1856px; }

.iti__kp {
  --iti-flag-offset: -1872px; }

.iti__kr {
  --iti-flag-offset: -1888px; }

.iti__kw {
  --iti-flag-offset: -1904px; }

.iti__ky {
  --iti-flag-offset: -1920px; }

.iti__kz {
  --iti-flag-offset: -1936px; }

.iti__la {
  --iti-flag-offset: -1952px; }

.iti__lb {
  --iti-flag-offset: -1968px; }

.iti__lc {
  --iti-flag-offset: -1984px; }

.iti__li {
  --iti-flag-offset: -2000px; }

.iti__lk {
  --iti-flag-offset: -2016px; }

.iti__lr {
  --iti-flag-offset: -2032px; }

.iti__ls {
  --iti-flag-offset: -2048px; }

.iti__lt {
  --iti-flag-offset: -2064px; }

.iti__lu {
  --iti-flag-offset: -2080px; }

.iti__lv {
  --iti-flag-offset: -2096px; }

.iti__ly {
  --iti-flag-offset: -2112px; }

.iti__ma {
  --iti-flag-offset: -2128px; }

.iti__mc {
  --iti-flag-offset: -2144px; }

.iti__md {
  --iti-flag-offset: -2160px; }

.iti__me {
  --iti-flag-offset: -2176px; }

.iti__mf {
  --iti-flag-offset: -2192px; }

.iti__mg {
  --iti-flag-offset: -2208px; }

.iti__mh {
  --iti-flag-offset: -2224px; }

.iti__mk {
  --iti-flag-offset: -2240px; }

.iti__ml {
  --iti-flag-offset: -2256px; }

.iti__mm {
  --iti-flag-offset: -2272px; }

.iti__mn {
  --iti-flag-offset: -2288px; }

.iti__mo {
  --iti-flag-offset: -2304px; }

.iti__mp {
  --iti-flag-offset: -2320px; }

.iti__mq {
  --iti-flag-offset: -2336px; }

.iti__mr {
  --iti-flag-offset: -2352px; }

.iti__ms {
  --iti-flag-offset: -2368px; }

.iti__mt {
  --iti-flag-offset: -2384px; }

.iti__mu {
  --iti-flag-offset: -2400px; }

.iti__mv {
  --iti-flag-offset: -2416px; }

.iti__mw {
  --iti-flag-offset: -2432px; }

.iti__mx {
  --iti-flag-offset: -2448px; }

.iti__my {
  --iti-flag-offset: -2464px; }

.iti__mz {
  --iti-flag-offset: -2480px; }

.iti__na {
  --iti-flag-offset: -2496px; }

.iti__nc {
  --iti-flag-offset: -2512px; }

.iti__ne {
  --iti-flag-offset: -2528px; }

.iti__nf {
  --iti-flag-offset: -2544px; }

.iti__ng {
  --iti-flag-offset: -2560px; }

.iti__ni {
  --iti-flag-offset: -2576px; }

.iti__nl {
  --iti-flag-offset: -2592px; }

.iti__no {
  --iti-flag-offset: -2608px; }

.iti__np {
  --iti-flag-offset: -2624px; }

.iti__nr {
  --iti-flag-offset: -2640px; }

.iti__nu {
  --iti-flag-offset: -2656px; }

.iti__nz {
  --iti-flag-offset: -2672px; }

.iti__om {
  --iti-flag-offset: -2688px; }

.iti__pa {
  --iti-flag-offset: -2704px; }

.iti__pe {
  --iti-flag-offset: -2720px; }

.iti__pf {
  --iti-flag-offset: -2736px; }

.iti__pg {
  --iti-flag-offset: -2752px; }

.iti__ph {
  --iti-flag-offset: -2768px; }

.iti__pk {
  --iti-flag-offset: -2784px; }

.iti__pl {
  --iti-flag-offset: -2800px; }

.iti__pm {
  --iti-flag-offset: -2816px; }

.iti__pr {
  --iti-flag-offset: -2832px; }

.iti__ps {
  --iti-flag-offset: -2848px; }

.iti__pt {
  --iti-flag-offset: -2864px; }

.iti__pw {
  --iti-flag-offset: -2880px; }

.iti__py {
  --iti-flag-offset: -2896px; }

.iti__qa {
  --iti-flag-offset: -2912px; }

.iti__re {
  --iti-flag-offset: -2928px; }

.iti__ro {
  --iti-flag-offset: -2944px; }

.iti__rs {
  --iti-flag-offset: -2960px; }

.iti__ru {
  --iti-flag-offset: -2976px; }

.iti__rw {
  --iti-flag-offset: -2992px; }

.iti__sa {
  --iti-flag-offset: -3008px; }

.iti__sb {
  --iti-flag-offset: -3024px; }

.iti__sc {
  --iti-flag-offset: -3040px; }

.iti__sd {
  --iti-flag-offset: -3056px; }

.iti__se {
  --iti-flag-offset: -3072px; }

.iti__sg {
  --iti-flag-offset: -3088px; }

.iti__sh {
  --iti-flag-offset: -3104px; }

.iti__si {
  --iti-flag-offset: -3120px; }

.iti__sj {
  --iti-flag-offset: -3136px; }

.iti__sk {
  --iti-flag-offset: -3152px; }

.iti__sl {
  --iti-flag-offset: -3168px; }

.iti__sm {
  --iti-flag-offset: -3184px; }

.iti__sn {
  --iti-flag-offset: -3200px; }

.iti__so {
  --iti-flag-offset: -3216px; }

.iti__sr {
  --iti-flag-offset: -3232px; }

.iti__ss {
  --iti-flag-offset: -3248px; }

.iti__st {
  --iti-flag-offset: -3264px; }

.iti__sv {
  --iti-flag-offset: -3280px; }

.iti__sx {
  --iti-flag-offset: -3296px; }

.iti__sy {
  --iti-flag-offset: -3312px; }

.iti__sz {
  --iti-flag-offset: -3328px; }

.iti__tc {
  --iti-flag-offset: -3344px; }

.iti__td {
  --iti-flag-offset: -3360px; }

.iti__tg {
  --iti-flag-offset: -3376px; }

.iti__th {
  --iti-flag-offset: -3392px; }

.iti__tj {
  --iti-flag-offset: -3408px; }

.iti__tk {
  --iti-flag-offset: -3424px; }

.iti__tl {
  --iti-flag-offset: -3440px; }

.iti__tm {
  --iti-flag-offset: -3456px; }

.iti__tn {
  --iti-flag-offset: -3472px; }

.iti__to {
  --iti-flag-offset: -3488px; }

.iti__tr {
  --iti-flag-offset: -3504px; }

.iti__tt {
  --iti-flag-offset: -3520px; }

.iti__tv {
  --iti-flag-offset: -3536px; }

.iti__tw {
  --iti-flag-offset: -3552px; }

.iti__tz {
  --iti-flag-offset: -3568px; }

.iti__ua {
  --iti-flag-offset: -3584px; }

.iti__ug {
  --iti-flag-offset: -3600px; }

.iti__us {
  --iti-flag-offset: -3616px; }

.iti__uy {
  --iti-flag-offset: -3632px; }

.iti__uz {
  --iti-flag-offset: -3648px; }

.iti__va {
  --iti-flag-offset: -3664px; }

.iti__vc {
  --iti-flag-offset: -3680px; }

.iti__ve {
  --iti-flag-offset: -3696px; }

.iti__vg {
  --iti-flag-offset: -3712px; }

.iti__vi {
  --iti-flag-offset: -3728px; }

.iti__vn {
  --iti-flag-offset: -3744px; }

.iti__vu {
  --iti-flag-offset: -3760px; }

.iti__wf {
  --iti-flag-offset: -3776px; }

.iti__ws {
  --iti-flag-offset: -3792px; }

.iti__xk {
  --iti-flag-offset: -3808px; }

.iti__ye {
  --iti-flag-offset: -3824px; }

.iti__yt {
  --iti-flag-offset: -3840px; }

.iti__za {
  --iti-flag-offset: -3856px; }

.iti__zm {
  --iti-flag-offset: -3872px; }

.iti__zw {
  --iti-flag-offset: -3888px; }

.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px; }

@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x); }

  .iti__globe {
    background-image: var(--iti-path-globe-2x); } }

.--iti_loading {
  background: repeating-linear-gradient(45deg, #f2f1f3, #f2f1f3 8px, transparent 8px, transparent 16px);
  background-size: 120%;
  pointer-events: none;
  -webkit-animation: 2s linear forwards 1s infinite running bgPos;
  -moz-animation: 2s linear forwards 1s infinite running bgPos;
  -o-animation: 2s linear forwards 1s infinite running bgPos;
  animation: 2s linear forwards 1s infinite running bgPos; }

@-webkit-keyframes bgPos {
    0% {
      background-position: 100% 0; }
    100% {
      background-position: 0 0; } }

@-moz-keyframes bgPos {
    0% {
      background-position: 100% 0; }
    100% {
      background-position: 0 0; } }

@-o-keyframes bgPos {
    0% {
      background-position: 100% 0; }
    100% {
      background-position: 0 0; } }

@keyframes bgPos {
    0% {
      background-position: 100% 0; }
    100% {
      background-position: 0 0; } }

.iti {
  position: relative;
  display: inline-block; }

.iti * {
  box-sizing: border-box; }

.iti__hide {
  display: none; }

.iti__v-hide {
  visibility: hidden; }

.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute; }

.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
  position: relative;
  z-index: 0;
  margin: 0 !important; }

.iti__country-container {
  position: relative;
  top: 0;
  bottom: 0;
  padding: 0;
  grid-area: slot1;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  color: inherit; }

.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: none;
  border: 0;
  margin: 0;
  padding: 0 4px;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: inherit;
  font-weight: inherit;
  line-height: 0;
  text-decoration: none;
  overflow: hidden; }

.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); }

.iti__arrow {
  margin-left: var(--iti-arrow-padding); }
  .iti__arrow:after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    line-height: 0; }

[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0; }

.iti__arrow--up:after {
  content: '\f106'; }

.iti__dropdown-content {
  border-radius: 3px;
  background-color: #f2f1f3;
  color: #0e0e0f; }

.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid #eae9ec;
  box-shadow: 1px 1px 4px rgba(14, 14, 15, 0.2); }

.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  background: transparent; }

.iti__search-input + .iti__country-list {
  border-top: 1px solid #eae9ec; }

.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }

.iti--inline-dropdown .iti__country-list {
  max-height: 185px; }

.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap; }

@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal; } }

.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: none; }

.iti__dial-code {
  color: inherit; }

.iti__country.iti__highlight {
  background-color: #eae9ec;
  color: #0e0e0f; }

.iti__country-list .iti__flag, .iti__country-name {
  margin-right: var(--iti-spacer-horizontal); }

[dir=rtl] .iti__country-list .iti__flag, [dir=rtl] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal); }

.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer; }

.iti .iti__selected-dial-code {
  line-height: normal; }

[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px; }

.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width); }

.iti--container:hover {
  cursor: pointer; }

.iti--fullscreen-popup.iti--container {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start; }

.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative; }

.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

input, select, textarea {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: normal; }
  input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none; }

html[data-browser='Opera'] select {
  appearance: none; }

.--inputGroup {
  margin: 0;
  color: rgba(14, 14, 15, 0.8);
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 'label' 'slots' 'counter' 'msg';
  font-size: 0.9rem;
  position: relative;
  z-index: 1; }
  .--inputGroup:focus-within {
    z-index: 20; }
  .--inputGroup .--counter {
    grid-area: counter; }
  .--inputGroup ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: var(--L1_bg, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  .--inputGroup ul.dropdown-menu li {
    cursor: pointer; }
  .--inputGroup ul.dropdown-menu li.active a {
    background-color: #7a35ff;
    color: #fff;
    text-decoration: none;
    outline: 0; }
  .--inputGroup ul.dropdown-menu li a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: rgba(14, 14, 15, 0.8);
    white-space: normal;
    text-decoration: none; }
    .--inputGroup ul.dropdown-menu li a:hover, .--inputGroup ul.dropdown-menu li a:focus {
      text-decoration: none;
      background-color: var(--L2_bg, #f5f5f5);
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup ._label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    grid-template-areas: 'feedback .';
    cursor: pointer;
    grid-area: label;
    margin: 0 0 4px;
    display: grid;
    align-items: baseline;
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal; }
  .--inputGroup ._label:first-letter {
    text-transform: capitalize; }
  .--inputGroup ._label:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    grid-area: feedback;
    font-size: 1em; }
  .--inputGroup ._slots {
    grid-area: slots;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'slot1 input slot2';
    position: relative;
    background: #dddbe1;
    -o-transition: 0.33s background ease;
    transition: 0.33s background ease;
    border-radius: 4px;
    min-height: 40px;
    font-size: inherit; }
  .--inputGroup ._slots ._slotInput {
    grid-area: input; }
  .--inputGroup ._slots ._slot1 {
    grid-area: slot1; }
  .--inputGroup ._slots ._slot2 {
    grid-area: slot2; }
  .--inputGroup ._slots > span.icon {
    cursor: default; }
  .--inputGroup ._slots > .icon {
    aspect-ratio: 1;
    padding: 0;
    min-height: 40px;
    font-size: inherit; }
  .--inputGroup ._slots > .icon:before, .--inputGroup ._slots > .icon:after {
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: subpixel-antialiased; }
  .--inputGroup ._slots > .icon.prepend:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .--inputGroup ._slots > .icon.append:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .--inputGroup ._slots > span, .--inputGroup ._slots > select.lang, .--inputGroup ._slots > button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
  .--inputGroup ._slots > span.prepend, .--inputGroup ._slots > select.lang.prepend, .--inputGroup ._slots > button.prepend {
    grid-area: slot1; }
  .--inputGroup ._slots > span.append, .--inputGroup ._slots > select.lang.append, .--inputGroup ._slots > button.append {
    grid-area: slot2; }
  .--inputGroup ._slots select.lang {
    cursor: pointer;
    color: rgba(14, 14, 15, 0.8);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: normal;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.33s background ease; }
  .--inputGroup ._slots select.lang:hover, .--inputGroup ._slots select.lang:active, .--inputGroup ._slots select.lang:focus, .--inputGroup ._slots select.lang:focus-within {
    background: rgba(14, 14, 15, 0.05); }
  .--inputGroup ._slots > select.lang {
    width: 40px;
    height: 100%;
    line-height: 40px;
    align-items: start;
    white-space: normal;
    font-size: inherit; }
  .--inputGroup ._slots > * {
    margin: 0;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .--inputGroup ._slots > label > * {
    padding: inherit;
    width: 100%;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .--inputGroup ._slots input, .--inputGroup ._slots select:not(.lang), .--inputGroup ._slots textarea {
    grid-area: input;
    height: 100%;
    width: 100%;
    padding: 4px;
    font-size: inherit; }
  .--inputGroup ._slots input:not([disabled]), .--inputGroup ._slots select:not(.lang):not([disabled]), .--inputGroup ._slots textarea:not([disabled]) {
    cursor: pointer; }
  .--inputGroup ._slots input::placeholder, .--inputGroup ._slots select:not(.lang)::placeholder, .--inputGroup ._slots textarea::placeholder, .--inputGroup ._slots input ::placeholder, .--inputGroup ._slots select:not(.lang) ::placeholder, .--inputGroup ._slots textarea ::placeholder {
    color: rgba(14, 14, 15, 0.5);
    font-size: inherit; }
  .--inputGroup ._slots input:first-child, .--inputGroup ._slots select:not(.lang):first-child, .--inputGroup ._slots textarea:first-child {
    padding-left: 8px; }
  .--inputGroup ._slots textarea {
    min-height: 5ch;
    resize: vertical;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  .--inputGroup ._slots option, .--inputGroup ._slots optgroup {
    background: #dddbe1;
    color: rgba(14, 14, 15, 0.8); }
  .--inputGroup ._slots .iti__search-input {
    min-height: 40px; }
  .--inputGroup .--message {
    grid-area: msg; }
  .--inputGroup.fieldset-parent + fieldset[disabled] {
    position: relative;
    cursor: not-allowed; }
    .--inputGroup.fieldset-parent + fieldset[disabled]:after {
      content: '';
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: not-allowed;
      display: block;
      -webkit-backdrop-filter: grayscale(1);
      backdrop-filter: grayscale(1);
      background: rgba(221, 219, 225, 0.2); }
  .--inputGroup._otp {
    width: min-content;
    max-width: 100%; }
  .--inputGroup._otp .label {
    display: block;
    width: 100%;
    flex: 1 0 auto; }
  .--inputGroup._otp input[inputmode='numeric'] {
    border-radius: 4px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(122, 53, 255, 0.1), rgba(122, 53, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #7a35ff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-family: monospace;
    letter-spacing: 2.5ch;
    padding: unset;
    padding-inline: unset;
    padding-block: unset;
    height: auto;
    min-height: 4ch;
    padding-inline-start: 1ch;
    transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
  .--inputGroup._otp input[inputmode='numeric']::placeholder {
    color: rgba(122, 53, 255, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']::placeholder {
    padding: unset !important;
    transition: 0.33s color ease-in-out; }
  .--inputGroup._otp input[inputmode='numeric'][size='3'] {
    width: calc((3 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='4'] {
    width: calc((4 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='5'] {
    width: calc((5 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='6'] {
    width: calc((6 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='7'] {
    width: calc((7 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='8'] {
    width: calc((8 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='9'] {
    width: calc((9 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric'][size='10'] {
    width: calc((10 * 3.5ch) - .5ch); }
  .--inputGroup._otp input[inputmode='numeric']:hover, .--inputGroup._otp input[inputmode='numeric']:active, .--inputGroup._otp input[inputmode='numeric']:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(14, 14, 15, 0.1), rgba(14, 14, 15, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: rgba(14, 14, 15, 0.8); }
    .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, .--inputGroup._otp input[inputmode='numeric']:active::placeholder, .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
      color: rgba(14, 14, 15, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']:focus {
    outline: 2px solid;
    outline-offset: 4px; }
  .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
      color: rgba(211, 40, 51, 0.5); }
    .--inputGroup._otp input[inputmode='numeric']:invalid:hover, .--inputGroup._otp input[inputmode='numeric']:invalid:active, .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #d32833; }
    .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(45, 112, 38, 0.1), rgba(45, 112, 38, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #2d7026; }
    .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
      color: rgba(45, 112, 38, 0.5); }
  .--inputGroup._otp.--hasError input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(211, 40, 51, 0.1), rgba(211, 40, 51, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #d32833; }
    .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
      color: rgba(211, 40, 51, 0.5); }
  .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(177, 96, 33, 0.1), rgba(177, 96, 33, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #b16021; }
    .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
      color: rgba(177, 96, 33, 0.5); }
  .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(45, 112, 231, 0.1), rgba(45, 112, 231, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #2d70e7; }
    .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
      color: rgba(45, 112, 231, 0.5); }
  .--inputGroup._toggle, .--inputGroup._switch {
    grid-template-areas: 'slots' 'msg'; }
  .--inputGroup._toggle:has(._label), .--inputGroup._switch:has(._label) {
    grid-template-areas: 'slots label' 'msg msg'; }
  .--inputGroup._toggle:not(:has(._label)), .--inputGroup._switch:not(:has(._label)) {
    width: max-content; }
  .--inputGroup._toggle ._slots, .--inputGroup._switch ._slots {
    min-height: unset;
    transition: unset;
    align-items: center; }
  .--inputGroup._toggle ._slots .icon, .--inputGroup._switch ._slots .icon {
    width: unset;
    min-width: unset;
    height: unset;
    min-height: unset;
    aspect-ratio: unset; }
  .--inputGroup._toggle {
    display: grid;
    grid-template-columns: auto;
    column-gap: 0;
    row-gap: 4px; }
  .--inputGroup._toggle:has(._label) {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0;
    row-gap: 4px; }
  .--inputGroup._toggle ._label {
    margin: unset; }
  .--inputGroup._toggle ._slots {
    background: unset;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
    grid-gap: 8px; }
  .--inputGroup._toggle ._slots:before {
    content: unset; }
  .--inputGroup._toggle ._slots .icon {
    width: unset;
    min-width: unset;
    height: unset;
    min-height: unset;
    aspect-ratio: unset; }
    .--inputGroup._toggle ._slots .icon.append {
      margin-right: 8px; }
    .--inputGroup._toggle ._slots .icon:before {
      margin-top: 0.225em; }
  .--inputGroup._toggle ._slots > input {
    accent-color: #7a35ff;
    width: 0.9rem;
    height: 0.9rem;
    cursor: pointer;
    position: relative;
    z-index: 1;
    align-self: baseline;
    margin-top: 0.225em; }
    .--inputGroup._toggle ._slots > input[type='radio'], .--inputGroup._toggle ._slots > input[type='checkbox'] {
      padding: 0; }
  .--inputGroup._toggle input:before, .--inputGroup._toggle input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
  .--inputGroup._toggle input:before {
    width: 200%;
    height: 200%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%);
    -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
    transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
  .--inputGroup._toggle input:focus-visible:before {
    transform: translate(-50%, -50%) scale(1);
    outline: 2px solid rgba(122, 53, 255, 0.35);
    outline-offset: 2px; }
  .--inputGroup._toggle:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  .--inputGroup._toggle:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
  .--inputGroup._switch {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 8px;
    row-gap: 4px; }
  .--inputGroup._switch ._label {
    line-height: calc(1.3em + 4px + 2px); }
  .--inputGroup._switch ._slots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 0;
    grid-template-areas: 'slot1 slot2';
    justify-items: center;
    min-width: calc((1.3em * 2) + 4px);
    height: calc(1.3em + (2px * 2));
    border-radius: 8px;
    background: #dddbe1;
    padding: 2px;
    border-radius: 40px; }
  .--inputGroup._switch ._slots:before {
    top: 0;
    left: 0;
    background: inherit;
    border-radius: inherit; }
  .--inputGroup._switch ._slots .icon {
    position: relative;
    height: 1.3em;
    width: 1.3em;
    z-index: 2; }
    .--inputGroup._switch ._slots .icon:before {
      font-size: 0.7em;
      font-size: clamp(12px, 0.7em, 14px); }
  .--inputGroup._switch ._slots input[type='checkbox'] {
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
    -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
    transition: 0.33s transform linear, 0.33s background ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-color: #dddbe1;
    padding: 0;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset; }
    .--inputGroup._switch ._slots input[type='checkbox']:checked {
      transform: translate(100%, -50%);
      background: #7a35ff; }
    .--inputGroup._switch ._slots input[type='checkbox']:hover, .--inputGroup._switch ._slots input[type='checkbox']:active, .--inputGroup._switch ._slots input[type='checkbox']:focus {
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
  .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
    opacity: 0; }
  .--inputGroup._switch ._slots:has(input:checked) {
    background: #dddbe1; }
    .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
      color: #0e0e0f; }
    .--inputGroup._switch ._slots:has(input:checked) .icon.append {
      opacity: 1;
      color: #fff; }
    .--inputGroup._switch ._slots:has(input:checked):before {
      outline-color: #7a35ff; }
    .--inputGroup._switch ._slots:has(input:checked) .prepend {
      opacity: 0; }
  .--inputGroup._switch input:before, .--inputGroup._switch input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
  .--inputGroup._switch input:before {
    width: 200%;
    height: 200%;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%);
    -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
    transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
  .--inputGroup._switch input:focus-visible:before {
    transform: translate(-50%, -50%) scale(1);
    outline: 2px solid rgba(122, 53, 255, 0.35);
    outline-offset: 2px; }
  .--inputGroup._switch:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  .--inputGroup._switch:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
  .--inputGroup._range ._slots:before {
    content: unset; }
  .--inputGroup._range ._slots:not(:has(.prepend)) {
    padding-left: 8px; }
  .--inputGroup._range ._slots:not(:has(.append)) {
    padding-right: 8px; }
  .--inputGroup._range ._slots input[type='range'] {
    position: relative;
    z-index: 1;
    padding: 0;
    cursor: grab;
    min-height: unset !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: inherit;
    height: 8px;
    align-self: center; }
    .--inputGroup._range ._slots input[type='range']:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      display: block;
      border-radius: inherit; }
    .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      height: inherit;
      border-radius: inherit; }
    .--inputGroup._range ._slots input[type='range']:active {
      cursor: grabbing; }
    .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
      opacity: 0; }
    .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
      opacity: 0; }
    .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      transform: translate(-50%, -50%) scale(1);
      outline-offset: 2px; }
  .--inputGroup._range ._slots .thumb {
    position: absolute;
    z-index: 2;
    transform: translateX(-0.65em);
    align-self: center;
    pointer-events: none;
    -webkit-box-shadow: 0 0 0 1px #fff inset;
    box-shadow: 0 0 0 1px #fff inset; }
    .--inputGroup._range ._slots .thumb:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 0;
      font-size: 1em;
      width: 2.6em;
      height: 2.6em;
      z-index: -1;
      border-radius: 50%;
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    .--inputGroup._range ._slots .thumb output {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      font-weight: bolder;
      z-index: 1;
      display: flex;
      aspect-ratio: 1;
      line-height: 0;
      align-items: center;
      justify-content: center;
      padding: 4px; }
    .--inputGroup._range ._slots .thumb output:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      border-radius: 50% 50% 50% 0;
      width: 100%;
      height: 100%;
      display: block;
      transform: rotate(-45deg);
      -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
      box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
  .--inputGroup._range._double ._slots input[type='range'].max {
    opacity: 0; }
    .--inputGroup._range._double ._slots input[type='range'].min {
      background-size: 100%; }
  .--inputGroup._range ._slots input[type='range'] {
    accent-color: #7a35ff;
    background: linear-gradient(90deg, #7a35ff 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup._range ._slots input[type='range']:after {
      background: rgba(171, 136, 240, 0.5); }
    .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(171, 136, 240, 0.5); }
    .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%); }
    .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.35) 100%, transparent 100%); }
    .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(122, 53, 255, 0.35); }
  .--inputGroup._range ._slots .thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 1.3em;
    height: 1.3em;
    background-color: #7a35ff;
    padding: 0;
    border-radius: inherit; }
    .--inputGroup._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(122, 53, 255, 0.15) 100%, transparent 100%); }
    .--inputGroup._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  @-moz-document url-prefix() {
  .--inputGroup input[type='date'], .--inputGroup input[type='month'] {
    clip-path: inset(0 30px 0 0); } }
  .--inputGroup input[type='date'], .--inputGroup input[type='month'] {
    border-radius: inherit; }
  .--inputGroup input[type='date'][data-formatted-date-output], .--inputGroup input[type='month'][data-formatted-date-output] {
    position: relative; }
  .--inputGroup input[type='date'][data-formatted-date-output]:after, .--inputGroup input[type='month'][data-formatted-date-output]:after {
    content: attr(data-formatted-date-output);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: #dddbe1;
    color: inherit;
    padding: inherit;
    font-size: inherit;
    font-family: inherit;
    display: grid;
    align-items: center;
    border-radius: inherit; }
  .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
    opacity: 0; }
  .--inputGroup input[type='date']::-webkit-inner-spin-button, .--inputGroup input[type='month']::-webkit-inner-spin-button, .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  .--inputGroup .meter {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0 8px 8px;
    grid-row: -1; }
  .--inputGroup .meter:before {
    content: '\f7b9';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    line-height: 0;
    color: #da3a45;
    opacity: 1; }
  .--inputGroup .meter[data-attr-value='0']:before {
    opacity: 0; }
  .--inputGroup .meter[data-attr-value='2']:before {
    content: '\f071';
    color: #da5d40; }
  .--inputGroup .meter[data-attr-value='3']:before {
    content: '\f12a';
    color: #da803a; }
  .--inputGroup .meter[data-attr-value='4']:before {
    content: '\f00c';
    color: #2d7026; }
  .--inputGroup .meter[data-attr-value='5']:before {
    content: '\f560';
    color: #2d7026; }
  .--inputGroup meter {
    width: 100%;
    height: 16px;
    border-radius: 4px; }
  .--inputGroup meter::-moz-meter-bar {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  .--inputGroup meter::-webkit-meter-bar {
    border-radius: 4px; }
  .--inputGroup meter::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  .--inputGroup meter[value='2']::-moz-meter-bar {
    background: #da5d40; }
  .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
    background: #da5d40; }
  .--inputGroup meter[value='3']::-moz-meter-bar {
    background: #da803a; }
  .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
    background: #da803a; }
  .--inputGroup meter[value='4']::-moz-meter-bar {
    background: #2d7026; }
  .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
    background: #2d7026; }
  .--inputGroup meter[value='5']::-moz-meter-bar {
    background: #2d7026; }
  .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
    background: #2d7026; }
  @-moz-document url-prefix() {
  .--inputGroup meter {
    height: 8px; } }
  .--inputGroup .--message + .meter {
    padding-top: 0; }
  .--inputGroup .--iti_loading {
    min-height: 40px; }
  .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
    z-index: 2; }
  .--inputGroup._tags {
    grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
  .--inputGroup._tags .--filterChips {
    grid-area: tags;
    margin-top: 4px; }
  .--inputGroup._tags .--filterChips .selected .chip {
    background: #d32833;
    color: #fff; }
  .--inputGroup.--hasInfo ._label {
    color: #2d70e7; }
  .--inputGroup.--hasInfo ._label:before {
    content: "\f129"; }
  .--inputGroup.--hasInfo ._slots {
    background: #cbd0e1; }
  .--inputGroup.--hasInfo .--message {
    color: #2d70e7; }
  .--inputGroup.--hasInfo._range ._slots input[type='range'] {
    accent-color: #2d70e7;
    background: linear-gradient(90deg, #2d70e7 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
      background: rgba(133, 165, 228, 0.5); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(133, 165, 228, 0.5); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(45, 112, 231, 0.35); }
    .--inputGroup.--hasInfo._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #2d70e7;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasInfo._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 231, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasInfo._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.--hasSuccess ._label {
    color: #2d7026; }
  .--inputGroup.--hasSuccess ._label:before {
    content: "\f00c"; }
  .--inputGroup.--hasSuccess ._slots {
    background: #cbd0ce; }
  .--inputGroup.--hasSuccess .--message {
    color: #2d7026; }
  .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
    accent-color: #2d7026;
    background: linear-gradient(90deg, #2d7026 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
      background: rgba(133, 166, 131, 0.5); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(133, 166, 131, 0.5); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(45, 112, 38, 0.35); }
    .--inputGroup.--hasSuccess._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #2d7026;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasSuccess._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(45, 112, 38, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.--hasWarning ._label {
    color: #b16021; }
  .--inputGroup.--hasWarning ._label:before {
    content: "\f12a"; }
  .--inputGroup.--hasWarning ._slots {
    background: #d8cfcd; }
  .--inputGroup.--hasWarning .--message {
    color: #b16021; }
  .--inputGroup.--hasWarning._range ._slots input[type='range'] {
    accent-color: #b16021;
    background: linear-gradient(90deg, #b16021 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
      background: rgba(199, 158, 129, 0.5); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(199, 158, 129, 0.5); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.35) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(177, 96, 33, 0.35); }
    .--inputGroup.--hasWarning._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #b16021;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup.--hasWarning._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(177, 96, 33, 0.15) 100%, transparent 100%); }
    .--inputGroup.--hasWarning._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup:has(input:invalid) ._label, .--inputGroup.--hasError ._label {
    color: #d32833; }
  .--inputGroup:has(input:invalid) ._label:before, .--inputGroup.--hasError ._label:before {
    content: "\f071"; }
  .--inputGroup:has(input:invalid) ._slots, .--inputGroup.--hasError ._slots {
    background: #dcc9cf; }
  .--inputGroup:has(input:invalid) .--message, .--inputGroup.--hasError .--message {
    color: #d32833; }
  .--inputGroup:has(input:invalid)._range ._slots input[type='range'], .--inputGroup.--hasError._range ._slots input[type='range'] {
    accent-color: #d32833;
    background: linear-gradient(90deg, #d32833 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, .--inputGroup.--hasError._range ._slots input[type='range']:after {
      background: rgba(216, 129, 138, 0.5); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(216, 129, 138, 0.5); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.15) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.35) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(211, 40, 51, 0.35); }
    .--inputGroup:has(input:invalid)._range ._slots .thumb, .--inputGroup.--hasError._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #d32833;
      padding: 0;
      border-radius: inherit; }
    .--inputGroup:has(input:invalid)._range ._slots .thumb:before, .--inputGroup.--hasError._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(211, 40, 51, 0.15) 100%, transparent 100%); }
    .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, .--inputGroup.--hasError._range ._slots .thumb output:before {
      background: #fff;
      color: rgba(14, 14, 15, 0.8); }
  .--inputGroup.disabled, .--inputGroup:has(.slots [disabled]), .--inputGroup:has(.slots [readonly]) {
    cursor: not-allowed; }
  .--inputGroup.disabled ._label, .--inputGroup:has(.slots [disabled]) ._label, .--inputGroup:has(.slots [readonly]) ._label, .--inputGroup.disabled input, .--inputGroup:has(.slots [disabled]) input, .--inputGroup:has(.slots [readonly]) input, .--inputGroup.disabled select, .--inputGroup:has(.slots [disabled]) select, .--inputGroup:has(.slots [readonly]) select, .--inputGroup.disabled textarea, .--inputGroup:has(.slots [disabled]) textarea, .--inputGroup:has(.slots [readonly]) textarea {
    cursor: not-allowed; }
  .--inputGroup.disabled, .--inputGroup:has(.slots [disabled]) {
    filter: grayscale(1); }
  .--inputGroup ._slots:has(textarea) > .icon {
    max-width: 40px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 24px;
    min-height: 24px;
    line-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 24px;
    padding: 0 4px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 24px; }
  .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 24px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 32px;
    min-height: 32px;
    line-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 32px;
    padding: 0 4px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 32px; }
  .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 32px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 48px;
    min-height: 48px;
    line-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 48px; }
  .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2rem; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(1.1rem, 1.08rem, 22px); }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
    max-width: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
    width: 56px;
    min-height: 56px;
    line-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 56px; }
  .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2.2rem; }

:has(.ty-calendar):focus-within > .ty-calendar {
  display: grid; }

.ty-calendar {
  width: 100%;
  max-width: 100%;
  margin: 8px 0;
  display: none; }
  .ty-calendar.visible, .ty-calendar:hover, .ty-calendar:active, .ty-calendar:focus, .ty-calendar:focus-within {
    display: grid; }
  @media (max-width: 575px) {
  .ty-calendar {
    position: fixed;
    z-index: 999;
    top: 40px;
    left: 0;
    width: 100%;
    max-width: 100vw; }
    .ty-calendar:before {
      content: '';
      position: fixed;
      width: 100vw;
      height: 100vh;
      z-index: -1;
      background: rgba(14, 14, 15, 0.6);
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: block; } }
  .ty-calendar .ty-calendar__layout {
    border-radius: 4px;
    background: #f2f1f3;
    color: rgba(14, 14, 15, 0.8);
    -webkit-box-shadow: 0 0 0 1px rgba(57, 30, 111, 0.25), 0 6px 12px -2px rgba(57, 30, 111, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    box-shadow: 0 0 0 1px rgba(57, 30, 111, 0.25), 0 6px 12px -2px rgba(57, 30, 111, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start; }
  .ty-calendar .ty-calendar__layout.--wide {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 8px; }
  .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
    border-top: none;
    border-left: 1px solid rgba(122, 53, 255, 0.3);
    border-radius: 0 4px 4px 0;
    height: 100%; }
  .ty-calendar .ty-calendar__timeSelector {
    background: rgba(122, 53, 255, 0.08);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid rgba(122, 53, 255, 0.3); }
  .ty-calendar .ty-calendar__timeSelector ._label {
    background: #7a35ff;
    color: #fff;
    padding: 2.6666666667px 4px;
    border-radius: 4px;
    font-weight: 600; }
  .ty-calendar .ty-calendar__timeList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap: 4px;
    max-height: 320px;
    overflow-y: auto; }
  .ty-calendar .ty-calendar__timeList button {
    text-align: center;
    padding: 2.6666666667px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent;
    color: inherit; }
  .ty-calendar .ty-calendar__timeList button.selected {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar .ty-calendar__timeList button:hover, .ty-calendar .ty-calendar__timeList button:focus-visible {
    background: rgba(122, 53, 255, 0.2);
    color: #7a35ff; }
  .ty-calendar .ty-calendar__actions {
    margin: 8px 0 0 0;
    border-top: 1px solid rgba(122, 53, 255, 0.15);
    background: #7a35ff;
    color: #fff;
    border-radius: 0 0 4px 4px; }
  .ty-calendar .ty-calendar__actions button:last-child {
    justify-self: end; }
  .ty-calendar .ty-calendar__actions button {
    color: #fff; }
  .ty-calendar button {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ty-calendar button:hover, .ty-calendar button:active, .ty-calendar button:focus {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .ty-calendar .grid.--menu {
    min-height: 40px;
    padding: 4px; }
  .ty-calendar .grid.--menu._top {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
    grid-gap: 4px;
    grid-template-areas: 'prev year month next';
    align-items: center; }
  .ty-calendar .grid.--menu._bottom {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 4px;
    justify-items: start; }
  .ty-calendar .grid.--menu._bottom button:last-child {
    grid-column-start: -1; }
  .ty-calendar .grid.--menu label, .ty-calendar .grid.--menu label select {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar .grid.--menu option {
    background: #f2f1f3;
    color: rgba(14, 14, 15, 0.8); }
  .ty-calendar .grid.--menu button.btn-prev {
    grid-area: prev; }
  .ty-calendar .grid.--menu button.btn-next {
    grid-area: next; }
  .ty-calendar .grid.--menu label select {
    width: 100%;
    text-align: center; }
  .ty-calendar table {
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    width: 100%;
    background: transparent;
    color: inherit; }
  .ty-calendar table th {
    text-align: center; }
  .ty-calendar table td {
    border: none; }
  .ty-calendar table thead, .ty-calendar table tfoot {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar table tfoot {
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .ty-calendar table thead tr:last-child th {
    background: #7a35ff;
    color: #fff; }
  .ty-calendar table tbody tr {
    height: 44px;
    vertical-align: middle; }
  .ty-calendar table tbody td {
    text-align: center;
    min-width: 40px; }
    .ty-calendar table tbody td.weekend {
      background: rgba(122, 53, 255, 0.1); }
  .ty-calendar table tbody button {
    position: relative; }
    .ty-calendar table tbody button.today:after {
      content: '';
      width: 4px;
      height: 4px;
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%);
      background: #7a35ff;
      outline: 1px solid #fff;
      outline-offset: 1px;
      border-radius: 50%; }
    .ty-calendar table tbody button.selected > .day {
      pointer-events: none;
      background: #7a35ff;
      color: #fff;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }

@media (prefers-color-scheme: dark) {
    html:not([data-theme]) {
      --mode: dark;
      --txt_primary: rgba(255, 255, 255, 0.85);
      --txt_secondary: rgba(255, 255, 255, 0.8);
      --L0_bg: #0e0e0f;
      --L1_bg: #131316;
      --L2_bg: #1a1a1e;
      --L3_bg: #26262c;
      --topLevelInteractiveElementBG: #383942;
      --separator: rgba(56, 57, 66, 0.25);
      --accent: #a37fe8;
      --accent_trans1: rgba(163, 127, 232, 0.08);
      --accent_trans2: rgba(163, 127, 232, 0.1);
      --accent_trans3: rgba(163, 127, 232, 0.15);
      --focusRing: rgba(163, 127, 232, 0.5);
      --infoTxt: #6c97e5;
      --infoTxt_trans1: rgba(108, 151, 229, 0.08);
      --infoTxt_trans2: rgba(108, 151, 229, 0.1);
      --infoTxt_trans3: rgba(108, 151, 229, 0.15);
      --successTxt: #4dbe41;
      --successTxt_trans1: rgba(77, 190, 65, 0.08);
      --successTxt_trans2: rgba(77, 190, 65, 0.1);
      --successTxt_trans3: rgba(77, 190, 65, 0.15);
      --warningTxt: #da803a;
      --warningTxt_trans1: rgba(218, 128, 58, 0.08);
      --warningTxt_trans2: rgba(218, 128, 58, 0.1);
      --warningTxt_trans3: rgba(218, 128, 58, 0.15);
      --errorTxt: #e2656e;
      --errorTxt_trans1: rgba(226, 101, 110, 0.08);
      --errorTxt_trans2: rgba(226, 101, 110, 0.1);
      --errorTxt_trans3: rgba(226, 101, 110, 0.15); }
      html:not([data-theme]) :root {
        --iti-dialcode-color: #999;
        --iti-spacer-horizontal: 8px;
        --iti-flag-height: 12px;
        --iti-flag-width: 16px;
        --iti-border-width: 1px;
        --iti-arrow-height: 4px;
        --iti-arrow-width: 6px;
        --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
        --iti-arrow-padding: 4px;
        --iti-arrow-color: #555;
        --iti-mobile-popup-margin: 30px; }
      html:not([data-theme]) :root {
        --iti-path-flags-1x: url('/CSS/intlTelInput/img/flags.webp');
        --iti-path-flags-2x: url('/CSS/intlTelInput/imgflags@2x.webp');
        --iti-path-globe-1x: url('/CSS/intlTelInput/img/globe.webp');
        --iti-path-globe-2x: url('/CSS/intlTelInput/img/globe@2x.webp');
        --iti-flag-sprite-width: 3904px;
        --iti-flag-sprite-height: 12px; }
      html:not([data-theme]) .iti__flag {
        --iti-flag-offset: 100px;
        height: var(--iti-flag-height);
        width: var(--iti-flag-width);
        border-radius: 1px;
        background-image: var(--iti-path-flags-1x);
        background-repeat: no-repeat;
        background-position: var(--iti-flag-offset) 0;
        background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); }
      html:not([data-theme]) .iti__ac {
        --iti-flag-offset: 0px; }
      html:not([data-theme]) .iti__ad {
        --iti-flag-offset: -16px; }
      html:not([data-theme]) .iti__ae {
        --iti-flag-offset: -32px; }
      html:not([data-theme]) .iti__af {
        --iti-flag-offset: -48px; }
      html:not([data-theme]) .iti__ag {
        --iti-flag-offset: -64px; }
      html:not([data-theme]) .iti__ai {
        --iti-flag-offset: -80px; }
      html:not([data-theme]) .iti__al {
        --iti-flag-offset: -96px; }
      html:not([data-theme]) .iti__am {
        --iti-flag-offset: -112px; }
      html:not([data-theme]) .iti__ao {
        --iti-flag-offset: -128px; }
      html:not([data-theme]) .iti__ar {
        --iti-flag-offset: -144px; }
      html:not([data-theme]) .iti__as {
        --iti-flag-offset: -160px; }
      html:not([data-theme]) .iti__at {
        --iti-flag-offset: -176px; }
      html:not([data-theme]) .iti__au {
        --iti-flag-offset: -192px; }
      html:not([data-theme]) .iti__aw {
        --iti-flag-offset: -208px; }
      html:not([data-theme]) .iti__ax {
        --iti-flag-offset: -224px; }
      html:not([data-theme]) .iti__az {
        --iti-flag-offset: -240px; }
      html:not([data-theme]) .iti__ba {
        --iti-flag-offset: -256px; }
      html:not([data-theme]) .iti__bb {
        --iti-flag-offset: -272px; }
      html:not([data-theme]) .iti__bd {
        --iti-flag-offset: -288px; }
      html:not([data-theme]) .iti__be {
        --iti-flag-offset: -304px; }
      html:not([data-theme]) .iti__bf {
        --iti-flag-offset: -320px; }
      html:not([data-theme]) .iti__bg {
        --iti-flag-offset: -336px; }
      html:not([data-theme]) .iti__bh {
        --iti-flag-offset: -352px; }
      html:not([data-theme]) .iti__bi {
        --iti-flag-offset: -368px; }
      html:not([data-theme]) .iti__bj {
        --iti-flag-offset: -384px; }
      html:not([data-theme]) .iti__bl {
        --iti-flag-offset: -400px; }
      html:not([data-theme]) .iti__bm {
        --iti-flag-offset: -416px; }
      html:not([data-theme]) .iti__bn {
        --iti-flag-offset: -432px; }
      html:not([data-theme]) .iti__bo {
        --iti-flag-offset: -448px; }
      html:not([data-theme]) .iti__bq {
        --iti-flag-offset: -464px; }
      html:not([data-theme]) .iti__br {
        --iti-flag-offset: -480px; }
      html:not([data-theme]) .iti__bs {
        --iti-flag-offset: -496px; }
      html:not([data-theme]) .iti__bt {
        --iti-flag-offset: -512px; }
      html:not([data-theme]) .iti__bw {
        --iti-flag-offset: -528px; }
      html:not([data-theme]) .iti__by {
        --iti-flag-offset: -544px; }
      html:not([data-theme]) .iti__bz {
        --iti-flag-offset: -560px; }
      html:not([data-theme]) .iti__ca {
        --iti-flag-offset: -576px; }
      html:not([data-theme]) .iti__cc {
        --iti-flag-offset: -592px; }
      html:not([data-theme]) .iti__cd {
        --iti-flag-offset: -608px; }
      html:not([data-theme]) .iti__cf {
        --iti-flag-offset: -624px; }
      html:not([data-theme]) .iti__cg {
        --iti-flag-offset: -640px; }
      html:not([data-theme]) .iti__ch {
        --iti-flag-offset: -656px; }
      html:not([data-theme]) .iti__ci {
        --iti-flag-offset: -672px; }
      html:not([data-theme]) .iti__ck {
        --iti-flag-offset: -688px; }
      html:not([data-theme]) .iti__cl {
        --iti-flag-offset: -704px; }
      html:not([data-theme]) .iti__cm {
        --iti-flag-offset: -720px; }
      html:not([data-theme]) .iti__cn {
        --iti-flag-offset: -736px; }
      html:not([data-theme]) .iti__co {
        --iti-flag-offset: -752px; }
      html:not([data-theme]) .iti__cr {
        --iti-flag-offset: -768px; }
      html:not([data-theme]) .iti__cu {
        --iti-flag-offset: -784px; }
      html:not([data-theme]) .iti__cv {
        --iti-flag-offset: -800px; }
      html:not([data-theme]) .iti__cw {
        --iti-flag-offset: -816px; }
      html:not([data-theme]) .iti__cx {
        --iti-flag-offset: -832px; }
      html:not([data-theme]) .iti__cy {
        --iti-flag-offset: -848px; }
      html:not([data-theme]) .iti__cz {
        --iti-flag-offset: -864px; }
      html:not([data-theme]) .iti__de {
        --iti-flag-offset: -880px; }
      html:not([data-theme]) .iti__dj {
        --iti-flag-offset: -896px; }
      html:not([data-theme]) .iti__dk {
        --iti-flag-offset: -912px; }
      html:not([data-theme]) .iti__dm {
        --iti-flag-offset: -928px; }
      html:not([data-theme]) .iti__do {
        --iti-flag-offset: -944px; }
      html:not([data-theme]) .iti__dz {
        --iti-flag-offset: -960px; }
      html:not([data-theme]) .iti__ec {
        --iti-flag-offset: -976px; }
      html:not([data-theme]) .iti__ee {
        --iti-flag-offset: -992px; }
      html:not([data-theme]) .iti__eg {
        --iti-flag-offset: -1008px; }
      html:not([data-theme]) .iti__eh {
        --iti-flag-offset: -1024px; }
      html:not([data-theme]) .iti__er {
        --iti-flag-offset: -1040px; }
      html:not([data-theme]) .iti__es {
        --iti-flag-offset: -1056px; }
      html:not([data-theme]) .iti__et {
        --iti-flag-offset: -1072px; }
      html:not([data-theme]) .iti__fi {
        --iti-flag-offset: -1088px; }
      html:not([data-theme]) .iti__fj {
        --iti-flag-offset: -1104px; }
      html:not([data-theme]) .iti__fk {
        --iti-flag-offset: -1120px; }
      html:not([data-theme]) .iti__fm {
        --iti-flag-offset: -1136px; }
      html:not([data-theme]) .iti__fo {
        --iti-flag-offset: -1152px; }
      html:not([data-theme]) .iti__fr {
        --iti-flag-offset: -1168px; }
      html:not([data-theme]) .iti__ga {
        --iti-flag-offset: -1184px; }
      html:not([data-theme]) .iti__gb {
        --iti-flag-offset: -1200px; }
      html:not([data-theme]) .iti__gd {
        --iti-flag-offset: -1216px; }
      html:not([data-theme]) .iti__ge {
        --iti-flag-offset: -1232px; }
      html:not([data-theme]) .iti__gf {
        --iti-flag-offset: -1248px; }
      html:not([data-theme]) .iti__gg {
        --iti-flag-offset: -1264px; }
      html:not([data-theme]) .iti__gh {
        --iti-flag-offset: -1280px; }
      html:not([data-theme]) .iti__gi {
        --iti-flag-offset: -1296px; }
      html:not([data-theme]) .iti__gl {
        --iti-flag-offset: -1312px; }
      html:not([data-theme]) .iti__gm {
        --iti-flag-offset: -1328px; }
      html:not([data-theme]) .iti__gn {
        --iti-flag-offset: -1344px; }
      html:not([data-theme]) .iti__gp {
        --iti-flag-offset: -1360px; }
      html:not([data-theme]) .iti__gq {
        --iti-flag-offset: -1376px; }
      html:not([data-theme]) .iti__gr {
        --iti-flag-offset: -1392px; }
      html:not([data-theme]) .iti__gt {
        --iti-flag-offset: -1408px; }
      html:not([data-theme]) .iti__gu {
        --iti-flag-offset: -1424px; }
      html:not([data-theme]) .iti__gw {
        --iti-flag-offset: -1440px; }
      html:not([data-theme]) .iti__gy {
        --iti-flag-offset: -1456px; }
      html:not([data-theme]) .iti__hk {
        --iti-flag-offset: -1472px; }
      html:not([data-theme]) .iti__hn {
        --iti-flag-offset: -1488px; }
      html:not([data-theme]) .iti__hr {
        --iti-flag-offset: -1504px; }
      html:not([data-theme]) .iti__ht {
        --iti-flag-offset: -1520px; }
      html:not([data-theme]) .iti__hu {
        --iti-flag-offset: -1536px; }
      html:not([data-theme]) .iti__id {
        --iti-flag-offset: -1552px; }
      html:not([data-theme]) .iti__ie {
        --iti-flag-offset: -1568px; }
      html:not([data-theme]) .iti__il {
        --iti-flag-offset: -1584px; }
      html:not([data-theme]) .iti__im {
        --iti-flag-offset: -1600px; }
      html:not([data-theme]) .iti__in {
        --iti-flag-offset: -1616px; }
      html:not([data-theme]) .iti__io {
        --iti-flag-offset: -1632px; }
      html:not([data-theme]) .iti__iq {
        --iti-flag-offset: -1648px; }
      html:not([data-theme]) .iti__ir {
        --iti-flag-offset: -1664px; }
      html:not([data-theme]) .iti__is {
        --iti-flag-offset: -1680px; }
      html:not([data-theme]) .iti__it {
        --iti-flag-offset: -1696px; }
      html:not([data-theme]) .iti__je {
        --iti-flag-offset: -1712px; }
      html:not([data-theme]) .iti__jm {
        --iti-flag-offset: -1728px; }
      html:not([data-theme]) .iti__jo {
        --iti-flag-offset: -1744px; }
      html:not([data-theme]) .iti__jp {
        --iti-flag-offset: -1760px; }
      html:not([data-theme]) .iti__ke {
        --iti-flag-offset: -1776px; }
      html:not([data-theme]) .iti__kg {
        --iti-flag-offset: -1792px; }
      html:not([data-theme]) .iti__kh {
        --iti-flag-offset: -1808px; }
      html:not([data-theme]) .iti__ki {
        --iti-flag-offset: -1824px; }
      html:not([data-theme]) .iti__km {
        --iti-flag-offset: -1840px; }
      html:not([data-theme]) .iti__kn {
        --iti-flag-offset: -1856px; }
      html:not([data-theme]) .iti__kp {
        --iti-flag-offset: -1872px; }
      html:not([data-theme]) .iti__kr {
        --iti-flag-offset: -1888px; }
      html:not([data-theme]) .iti__kw {
        --iti-flag-offset: -1904px; }
      html:not([data-theme]) .iti__ky {
        --iti-flag-offset: -1920px; }
      html:not([data-theme]) .iti__kz {
        --iti-flag-offset: -1936px; }
      html:not([data-theme]) .iti__la {
        --iti-flag-offset: -1952px; }
      html:not([data-theme]) .iti__lb {
        --iti-flag-offset: -1968px; }
      html:not([data-theme]) .iti__lc {
        --iti-flag-offset: -1984px; }
      html:not([data-theme]) .iti__li {
        --iti-flag-offset: -2000px; }
      html:not([data-theme]) .iti__lk {
        --iti-flag-offset: -2016px; }
      html:not([data-theme]) .iti__lr {
        --iti-flag-offset: -2032px; }
      html:not([data-theme]) .iti__ls {
        --iti-flag-offset: -2048px; }
      html:not([data-theme]) .iti__lt {
        --iti-flag-offset: -2064px; }
      html:not([data-theme]) .iti__lu {
        --iti-flag-offset: -2080px; }
      html:not([data-theme]) .iti__lv {
        --iti-flag-offset: -2096px; }
      html:not([data-theme]) .iti__ly {
        --iti-flag-offset: -2112px; }
      html:not([data-theme]) .iti__ma {
        --iti-flag-offset: -2128px; }
      html:not([data-theme]) .iti__mc {
        --iti-flag-offset: -2144px; }
      html:not([data-theme]) .iti__md {
        --iti-flag-offset: -2160px; }
      html:not([data-theme]) .iti__me {
        --iti-flag-offset: -2176px; }
      html:not([data-theme]) .iti__mf {
        --iti-flag-offset: -2192px; }
      html:not([data-theme]) .iti__mg {
        --iti-flag-offset: -2208px; }
      html:not([data-theme]) .iti__mh {
        --iti-flag-offset: -2224px; }
      html:not([data-theme]) .iti__mk {
        --iti-flag-offset: -2240px; }
      html:not([data-theme]) .iti__ml {
        --iti-flag-offset: -2256px; }
      html:not([data-theme]) .iti__mm {
        --iti-flag-offset: -2272px; }
      html:not([data-theme]) .iti__mn {
        --iti-flag-offset: -2288px; }
      html:not([data-theme]) .iti__mo {
        --iti-flag-offset: -2304px; }
      html:not([data-theme]) .iti__mp {
        --iti-flag-offset: -2320px; }
      html:not([data-theme]) .iti__mq {
        --iti-flag-offset: -2336px; }
      html:not([data-theme]) .iti__mr {
        --iti-flag-offset: -2352px; }
      html:not([data-theme]) .iti__ms {
        --iti-flag-offset: -2368px; }
      html:not([data-theme]) .iti__mt {
        --iti-flag-offset: -2384px; }
      html:not([data-theme]) .iti__mu {
        --iti-flag-offset: -2400px; }
      html:not([data-theme]) .iti__mv {
        --iti-flag-offset: -2416px; }
      html:not([data-theme]) .iti__mw {
        --iti-flag-offset: -2432px; }
      html:not([data-theme]) .iti__mx {
        --iti-flag-offset: -2448px; }
      html:not([data-theme]) .iti__my {
        --iti-flag-offset: -2464px; }
      html:not([data-theme]) .iti__mz {
        --iti-flag-offset: -2480px; }
      html:not([data-theme]) .iti__na {
        --iti-flag-offset: -2496px; }
      html:not([data-theme]) .iti__nc {
        --iti-flag-offset: -2512px; }
      html:not([data-theme]) .iti__ne {
        --iti-flag-offset: -2528px; }
      html:not([data-theme]) .iti__nf {
        --iti-flag-offset: -2544px; }
      html:not([data-theme]) .iti__ng {
        --iti-flag-offset: -2560px; }
      html:not([data-theme]) .iti__ni {
        --iti-flag-offset: -2576px; }
      html:not([data-theme]) .iti__nl {
        --iti-flag-offset: -2592px; }
      html:not([data-theme]) .iti__no {
        --iti-flag-offset: -2608px; }
      html:not([data-theme]) .iti__np {
        --iti-flag-offset: -2624px; }
      html:not([data-theme]) .iti__nr {
        --iti-flag-offset: -2640px; }
      html:not([data-theme]) .iti__nu {
        --iti-flag-offset: -2656px; }
      html:not([data-theme]) .iti__nz {
        --iti-flag-offset: -2672px; }
      html:not([data-theme]) .iti__om {
        --iti-flag-offset: -2688px; }
      html:not([data-theme]) .iti__pa {
        --iti-flag-offset: -2704px; }
      html:not([data-theme]) .iti__pe {
        --iti-flag-offset: -2720px; }
      html:not([data-theme]) .iti__pf {
        --iti-flag-offset: -2736px; }
      html:not([data-theme]) .iti__pg {
        --iti-flag-offset: -2752px; }
      html:not([data-theme]) .iti__ph {
        --iti-flag-offset: -2768px; }
      html:not([data-theme]) .iti__pk {
        --iti-flag-offset: -2784px; }
      html:not([data-theme]) .iti__pl {
        --iti-flag-offset: -2800px; }
      html:not([data-theme]) .iti__pm {
        --iti-flag-offset: -2816px; }
      html:not([data-theme]) .iti__pr {
        --iti-flag-offset: -2832px; }
      html:not([data-theme]) .iti__ps {
        --iti-flag-offset: -2848px; }
      html:not([data-theme]) .iti__pt {
        --iti-flag-offset: -2864px; }
      html:not([data-theme]) .iti__pw {
        --iti-flag-offset: -2880px; }
      html:not([data-theme]) .iti__py {
        --iti-flag-offset: -2896px; }
      html:not([data-theme]) .iti__qa {
        --iti-flag-offset: -2912px; }
      html:not([data-theme]) .iti__re {
        --iti-flag-offset: -2928px; }
      html:not([data-theme]) .iti__ro {
        --iti-flag-offset: -2944px; }
      html:not([data-theme]) .iti__rs {
        --iti-flag-offset: -2960px; }
      html:not([data-theme]) .iti__ru {
        --iti-flag-offset: -2976px; }
      html:not([data-theme]) .iti__rw {
        --iti-flag-offset: -2992px; }
      html:not([data-theme]) .iti__sa {
        --iti-flag-offset: -3008px; }
      html:not([data-theme]) .iti__sb {
        --iti-flag-offset: -3024px; }
      html:not([data-theme]) .iti__sc {
        --iti-flag-offset: -3040px; }
      html:not([data-theme]) .iti__sd {
        --iti-flag-offset: -3056px; }
      html:not([data-theme]) .iti__se {
        --iti-flag-offset: -3072px; }
      html:not([data-theme]) .iti__sg {
        --iti-flag-offset: -3088px; }
      html:not([data-theme]) .iti__sh {
        --iti-flag-offset: -3104px; }
      html:not([data-theme]) .iti__si {
        --iti-flag-offset: -3120px; }
      html:not([data-theme]) .iti__sj {
        --iti-flag-offset: -3136px; }
      html:not([data-theme]) .iti__sk {
        --iti-flag-offset: -3152px; }
      html:not([data-theme]) .iti__sl {
        --iti-flag-offset: -3168px; }
      html:not([data-theme]) .iti__sm {
        --iti-flag-offset: -3184px; }
      html:not([data-theme]) .iti__sn {
        --iti-flag-offset: -3200px; }
      html:not([data-theme]) .iti__so {
        --iti-flag-offset: -3216px; }
      html:not([data-theme]) .iti__sr {
        --iti-flag-offset: -3232px; }
      html:not([data-theme]) .iti__ss {
        --iti-flag-offset: -3248px; }
      html:not([data-theme]) .iti__st {
        --iti-flag-offset: -3264px; }
      html:not([data-theme]) .iti__sv {
        --iti-flag-offset: -3280px; }
      html:not([data-theme]) .iti__sx {
        --iti-flag-offset: -3296px; }
      html:not([data-theme]) .iti__sy {
        --iti-flag-offset: -3312px; }
      html:not([data-theme]) .iti__sz {
        --iti-flag-offset: -3328px; }
      html:not([data-theme]) .iti__tc {
        --iti-flag-offset: -3344px; }
      html:not([data-theme]) .iti__td {
        --iti-flag-offset: -3360px; }
      html:not([data-theme]) .iti__tg {
        --iti-flag-offset: -3376px; }
      html:not([data-theme]) .iti__th {
        --iti-flag-offset: -3392px; }
      html:not([data-theme]) .iti__tj {
        --iti-flag-offset: -3408px; }
      html:not([data-theme]) .iti__tk {
        --iti-flag-offset: -3424px; }
      html:not([data-theme]) .iti__tl {
        --iti-flag-offset: -3440px; }
      html:not([data-theme]) .iti__tm {
        --iti-flag-offset: -3456px; }
      html:not([data-theme]) .iti__tn {
        --iti-flag-offset: -3472px; }
      html:not([data-theme]) .iti__to {
        --iti-flag-offset: -3488px; }
      html:not([data-theme]) .iti__tr {
        --iti-flag-offset: -3504px; }
      html:not([data-theme]) .iti__tt {
        --iti-flag-offset: -3520px; }
      html:not([data-theme]) .iti__tv {
        --iti-flag-offset: -3536px; }
      html:not([data-theme]) .iti__tw {
        --iti-flag-offset: -3552px; }
      html:not([data-theme]) .iti__tz {
        --iti-flag-offset: -3568px; }
      html:not([data-theme]) .iti__ua {
        --iti-flag-offset: -3584px; }
      html:not([data-theme]) .iti__ug {
        --iti-flag-offset: -3600px; }
      html:not([data-theme]) .iti__us {
        --iti-flag-offset: -3616px; }
      html:not([data-theme]) .iti__uy {
        --iti-flag-offset: -3632px; }
      html:not([data-theme]) .iti__uz {
        --iti-flag-offset: -3648px; }
      html:not([data-theme]) .iti__va {
        --iti-flag-offset: -3664px; }
      html:not([data-theme]) .iti__vc {
        --iti-flag-offset: -3680px; }
      html:not([data-theme]) .iti__ve {
        --iti-flag-offset: -3696px; }
      html:not([data-theme]) .iti__vg {
        --iti-flag-offset: -3712px; }
      html:not([data-theme]) .iti__vi {
        --iti-flag-offset: -3728px; }
      html:not([data-theme]) .iti__vn {
        --iti-flag-offset: -3744px; }
      html:not([data-theme]) .iti__vu {
        --iti-flag-offset: -3760px; }
      html:not([data-theme]) .iti__wf {
        --iti-flag-offset: -3776px; }
      html:not([data-theme]) .iti__ws {
        --iti-flag-offset: -3792px; }
      html:not([data-theme]) .iti__xk {
        --iti-flag-offset: -3808px; }
      html:not([data-theme]) .iti__ye {
        --iti-flag-offset: -3824px; }
      html:not([data-theme]) .iti__yt {
        --iti-flag-offset: -3840px; }
      html:not([data-theme]) .iti__za {
        --iti-flag-offset: -3856px; }
      html:not([data-theme]) .iti__zm {
        --iti-flag-offset: -3872px; }
      html:not([data-theme]) .iti__zw {
        --iti-flag-offset: -3888px; }
      html:not([data-theme]) .iti__globe {
        background-image: var(--iti-path-globe-1x);
        background-size: contain;
        background-position: right;
        box-shadow: none;
        height: 19px; }
      html:not([data-theme]) .--iti_loading {
        background: repeating-linear-gradient(45deg, #1a1a1e, #1a1a1e 8px, transparent 8px, transparent 16px);
        background-size: 120%;
        pointer-events: none;
        -webkit-animation: 2s linear forwards 1s infinite running bgPos;
        -moz-animation: 2s linear forwards 1s infinite running bgPos;
        -o-animation: 2s linear forwards 1s infinite running bgPos;
        animation: 2s linear forwards 1s infinite running bgPos; }
@-webkit-keyframes bgPos {
            0% {
              background-position: 100% 0; }
            100% {
              background-position: 0 0; } }
@-moz-keyframes bgPos {
            0% {
              background-position: 100% 0; }
            100% {
              background-position: 0 0; } }
@-o-keyframes bgPos {
            0% {
              background-position: 100% 0; }
            100% {
              background-position: 0 0; } }
@keyframes bgPos {
            0% {
              background-position: 100% 0; }
            100% {
              background-position: 0 0; } }
  html:not([data-theme]) .iti {
    position: relative;
    display: inline-block; }

  html:not([data-theme]) .iti * {
    box-sizing: border-box; }

  html:not([data-theme]) .iti__hide {
    display: none; }

  html:not([data-theme]) .iti__v-hide {
    visibility: hidden; }

  html:not([data-theme]) .iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute; }

  html:not([data-theme]) .iti input.iti__tel-input, html:not([data-theme]) .iti input.iti__tel-input[type=text], html:not([data-theme]) .iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin: 0 !important; }

  html:not([data-theme]) .iti__country-container {
    position: relative;
    top: 0;
    bottom: 0;
    padding: 0;
    grid-area: slot1;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    color: inherit; }

  html:not([data-theme]) .iti__selected-country {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: none;
    border: 0;
    margin: 0;
    padding: 0 4px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: inherit;
    font-weight: inherit;
    line-height: 0;
    text-decoration: none;
    overflow: hidden; }

  html:not([data-theme]) .iti__selected-country-primary {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); }

  html:not([data-theme]) .iti__arrow {
    margin-left: var(--iti-arrow-padding); }
    html:not([data-theme]) .iti__arrow:after {
      content: '\f107';
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      line-height: 0; }

  html:not([data-theme]) [dir=rtl] .iti__arrow {
    margin-right: var(--iti-arrow-padding);
    margin-left: 0; }

  html:not([data-theme]) .iti__arrow--up:after {
    content: '\f106'; }

  html:not([data-theme]) .iti__dropdown-content {
    border-radius: 3px;
    background-color: #1a1a1e;
    color: #fff; }

  html:not([data-theme]) .iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: var(--iti-border-width) solid #26262c;
    box-shadow: 1px 1px 4px rgba(14, 14, 15, 0.2); }

  html:not([data-theme]) .iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px;
    background: transparent; }

  html:not([data-theme]) .iti__search-input + .iti__country-list {
    border-top: 1px solid #26262c; }

  html:not([data-theme]) .iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }

  html:not([data-theme]) .iti--inline-dropdown .iti__country-list {
    max-height: 185px; }

  html:not([data-theme]) .iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap; }

  html:not([data-theme]) .iti__country {
    display: flex;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: none; }

  html:not([data-theme]) .iti__dial-code {
    color: inherit; }

  html:not([data-theme]) .iti__country.iti__highlight {
    background-color: #26262c;
    color: #fff; }

  html:not([data-theme]) .iti__country-list .iti__flag, html:not([data-theme]) .iti__country-name {
    margin-right: var(--iti-spacer-horizontal); }

  html:not([data-theme]) [dir=rtl] .iti__country-list .iti__flag, html:not([data-theme]) [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal); }

  html:not([data-theme]) .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, html:not([data-theme]) .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
    cursor: pointer; }

  html:not([data-theme]) .iti .iti__selected-dial-code {
    line-height: normal; }

  html:not([data-theme]) [dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px; }

  html:not([data-theme]) .iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width); }

  html:not([data-theme]) .iti--container:hover {
    cursor: pointer; }

  html:not([data-theme]) .iti--fullscreen-popup.iti--container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }

  html:not([data-theme]) .iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative; }

  html:not([data-theme]) .iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em; }

  html:not([data-theme]) input, html:not([data-theme]) select, html:not([data-theme]) textarea {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: normal; }
    html:not([data-theme]) input:focus-visible, html:not([data-theme]) select:focus-visible, html:not([data-theme]) textarea:focus-visible {
      outline: none; }

  html:not([data-theme]) html[data-browser='Opera'] select {
    appearance: none; }

  html:not([data-theme]) .--inputGroup {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'slots' 'counter' 'msg';
    font-size: 0.9rem;
    position: relative;
    z-index: 1; }
    html:not([data-theme]) .--inputGroup:focus-within {
      z-index: 20; }
    html:not([data-theme]) .--inputGroup .--counter {
      grid-area: counter; }
    html:not([data-theme]) .--inputGroup ul.dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1050;
      display: none;
      float: left;
      width: 100%;
      max-height: 300px;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      background-color: var(--L1_bg, #fff);
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      html:not([data-theme]) .--inputGroup ul.dropdown-menu li {
        cursor: pointer; }
        html:not([data-theme]) .--inputGroup ul.dropdown-menu li.active a {
          background-color: #7a35ff;
          color: #fff;
          text-decoration: none;
          outline: 0; }
        html:not([data-theme]) .--inputGroup ul.dropdown-menu li a {
          display: block;
          padding: 3px 20px;
          clear: both;
          font-weight: 400;
          line-height: 1.42857143;
          color: rgba(255, 255, 255, 0.8);
          white-space: normal;
          text-decoration: none; }
          html:not([data-theme]) .--inputGroup ul.dropdown-menu li a:hover, html:not([data-theme]) .--inputGroup ul.dropdown-menu li a:focus {
            text-decoration: none;
            background-color: var(--L2_bg, #f5f5f5);
            color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup ._label {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 8px;
      grid-template-areas: 'feedback .';
      cursor: pointer;
      grid-area: label;
      margin: 0 0 4px;
      display: grid;
      align-items: baseline;
      font-family: 'Open Sans', sans-serif;
      font-size: inherit;
      font-weight: 500;
      font-weight: 600;
      font-weight: bold;
      letter-spacing: normal;
      line-height: normal; }
      html:not([data-theme]) .--inputGroup ._label:first-letter {
        text-transform: capitalize; }
      html:not([data-theme]) .--inputGroup ._label:before {
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        grid-area: feedback;
        font-size: 1em; }
    html:not([data-theme]) .--inputGroup ._slots {
      grid-area: slots;
      display: grid;
      grid-template-columns: auto 1fr auto;
      grid-template-areas: 'slot1 input slot2';
      position: relative;
      background: #dddbe1;
      -o-transition: 0.33s background ease;
      transition: 0.33s background ease;
      border-radius: 4px;
      min-height: 40px;
      font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots ._slotInput {
        grid-area: input; }
      html:not([data-theme]) .--inputGroup ._slots ._slot1 {
        grid-area: slot1; }
      html:not([data-theme]) .--inputGroup ._slots ._slot2 {
        grid-area: slot2; }
      html:not([data-theme]) .--inputGroup ._slots > span.icon {
        cursor: default; }
      html:not([data-theme]) .--inputGroup ._slots > .icon {
        aspect-ratio: 1;
        padding: 0;
        min-height: 40px;
        font-size: inherit; }
        html:not([data-theme]) .--inputGroup ._slots > .icon:before, html:not([data-theme]) .--inputGroup ._slots > .icon:after {
          text-rendering: optimizeLegibility;
          text-rendering: geometricPrecision;
          -webkit-font-smoothing: subpixel-antialiased; }
        html:not([data-theme]) .--inputGroup ._slots > .icon.prepend:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
        html:not([data-theme]) .--inputGroup ._slots > .icon.append:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
      html:not([data-theme]) .--inputGroup ._slots > span, html:not([data-theme]) .--inputGroup ._slots > select.lang, html:not([data-theme]) .--inputGroup ._slots > button {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center; }
        html:not([data-theme]) .--inputGroup ._slots > span.prepend, html:not([data-theme]) .--inputGroup ._slots > select.lang.prepend, html:not([data-theme]) .--inputGroup ._slots > button.prepend {
          grid-area: slot1; }
        html:not([data-theme]) .--inputGroup ._slots > span.append, html:not([data-theme]) .--inputGroup ._slots > select.lang.append, html:not([data-theme]) .--inputGroup ._slots > button.append {
          grid-area: slot2; }
      html:not([data-theme]) .--inputGroup ._slots select.lang {
        cursor: pointer;
        color: rgba(255, 255, 255, 0.8);
        font-family: 'Open Sans', sans-serif;
        font-size: 0.9rem;
        font-weight: 500;
        font-weight: 600;
        font-weight: bold;
        letter-spacing: normal;
        text-transform: uppercase;
        line-height: normal;
        -o-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: 0.33s background ease; }
        html:not([data-theme]) .--inputGroup ._slots select.lang:hover, html:not([data-theme]) .--inputGroup ._slots select.lang:active, html:not([data-theme]) .--inputGroup ._slots select.lang:focus, html:not([data-theme]) .--inputGroup ._slots select.lang:focus-within {
          background: rgba(255, 255, 255, 0.05); }
      html:not([data-theme]) .--inputGroup ._slots > select.lang {
        width: 40px;
        height: 100%;
        line-height: 40px;
        align-items: start;
        white-space: normal;
        font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots > * {
        margin: 0;
        background: none;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
      html:not([data-theme]) .--inputGroup ._slots > label > * {
        padding: inherit;
        width: 100%;
        background: none;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
      html:not([data-theme]) .--inputGroup ._slots input, html:not([data-theme]) .--inputGroup ._slots select:not(.lang), html:not([data-theme]) .--inputGroup ._slots textarea {
        grid-area: input;
        height: 100%;
        width: 100%;
        padding: 4px;
        font-size: inherit; }
        html:not([data-theme]) .--inputGroup ._slots input:not([disabled]), html:not([data-theme]) .--inputGroup ._slots select:not(.lang):not([disabled]), html:not([data-theme]) .--inputGroup ._slots textarea:not([disabled]) {
          cursor: pointer; }
        html:not([data-theme]) .--inputGroup ._slots input::placeholder, html:not([data-theme]) .--inputGroup ._slots select:not(.lang)::placeholder, html:not([data-theme]) .--inputGroup ._slots textarea::placeholder, html:not([data-theme]) .--inputGroup ._slots input ::placeholder, html:not([data-theme]) .--inputGroup ._slots select:not(.lang) ::placeholder, html:not([data-theme]) .--inputGroup ._slots textarea ::placeholder {
          color: rgba(255, 255, 255, 0.5);
          font-size: inherit; }
        html:not([data-theme]) .--inputGroup ._slots input:first-child, html:not([data-theme]) .--inputGroup ._slots select:not(.lang):first-child, html:not([data-theme]) .--inputGroup ._slots textarea:first-child {
          padding-left: 8px; }
      html:not([data-theme]) .--inputGroup ._slots textarea {
        min-height: 5ch;
        resize: vertical;
        padding-top: 0.5em;
        padding-bottom: 0.5em; }
      html:not([data-theme]) .--inputGroup ._slots option, html:not([data-theme]) .--inputGroup ._slots optgroup {
        background: #dddbe1;
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .--inputGroup ._slots .iti__search-input {
        min-height: 40px; }
    html:not([data-theme]) .--inputGroup .--message {
      grid-area: msg; }
    html:not([data-theme]) .--inputGroup.fieldset-parent + fieldset[disabled] {
      position: relative;
      cursor: not-allowed; }
      html:not([data-theme]) .--inputGroup.fieldset-parent + fieldset[disabled]:after {
        content: '';
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: not-allowed;
        display: block;
        -webkit-backdrop-filter: grayscale(1);
        backdrop-filter: grayscale(1);
        background: rgba(221, 219, 225, 0.2); }
    html:not([data-theme]) .--inputGroup._otp {
      width: min-content;
      max-width: 100%; }
      html:not([data-theme]) .--inputGroup._otp .label {
        display: block;
        width: 100%;
        flex: 1 0 auto; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'] {
        border-radius: 4px;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(163, 127, 232, 0.1), rgba(163, 127, 232, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #a37fe8;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        font-family: monospace;
        letter-spacing: 2.5ch;
        padding: unset;
        padding-inline: unset;
        padding-block: unset;
        height: auto;
        min-height: 4ch;
        padding-inline-start: 1ch;
        transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']::placeholder {
        color: rgba(163, 127, 232, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']::placeholder {
        padding: unset !important;
        transition: 0.33s color ease-in-out; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='3'] {
        width: calc((3 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='4'] {
        width: calc((4 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='5'] {
        width: calc((5 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='6'] {
        width: calc((6 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='7'] {
        width: calc((7 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='8'] {
        width: calc((8 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='9'] {
        width: calc((9 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='10'] {
        width: calc((10 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
        color: rgba(255, 255, 255, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus {
        outline: 2px solid;
        outline-offset: 4px; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(77, 190, 65, 0.1), rgba(77, 190, 65, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #4dbe41; }
      html:not([data-theme]) .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
        color: rgba(77, 190, 65, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasError input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
      html:not([data-theme]) .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
        color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(218, 128, 58, 0.1), rgba(218, 128, 58, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #da803a; }
      html:not([data-theme]) .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
        color: rgba(218, 128, 58, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(108, 151, 229, 0.1), rgba(108, 151, 229, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #6c97e5; }
      html:not([data-theme]) .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
        color: rgba(108, 151, 229, 0.5); }
    html:not([data-theme]) .--inputGroup._toggle, html:not([data-theme]) .--inputGroup._switch {
      grid-template-areas: 'slots' 'msg'; }
      html:not([data-theme]) .--inputGroup._toggle:has(._label), html:not([data-theme]) .--inputGroup._switch:has(._label) {
        grid-template-areas: 'slots label' 'msg msg'; }
      html:not([data-theme]) .--inputGroup._toggle:not(:has(._label)), html:not([data-theme]) .--inputGroup._switch:not(:has(._label)) {
        width: max-content; }
      html:not([data-theme]) .--inputGroup._toggle ._slots, html:not([data-theme]) .--inputGroup._switch ._slots {
        min-height: unset;
        transition: unset;
        align-items: center; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon, html:not([data-theme]) .--inputGroup._switch ._slots .icon {
        width: unset;
        min-width: unset;
        height: unset;
        min-height: unset;
        aspect-ratio: unset; }
    html:not([data-theme]) .--inputGroup._toggle {
      display: grid;
      grid-template-columns: auto;
      column-gap: 0;
      row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._toggle:has(._label) {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 0;
        row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._toggle ._label {
        margin: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots {
        background: unset;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
        grid-gap: 8px; }
      html:not([data-theme]) .--inputGroup._toggle ._slots:before {
        content: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon {
        width: unset;
        min-width: unset;
        height: unset;
        min-height: unset;
        aspect-ratio: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon.append {
        margin-right: 8px; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon:before {
        margin-top: 0.225em; }
      html:not([data-theme]) .--inputGroup._toggle ._slots > input {
        accent-color: #a37fe8;
        width: 0.9rem;
        height: 0.9rem;
        cursor: pointer;
        position: relative;
        z-index: 1;
        align-self: baseline;
        margin-top: 0.225em; }
      html:not([data-theme]) .--inputGroup._toggle ._slots > input[type='radio'], html:not([data-theme]) .--inputGroup._toggle ._slots > input[type='checkbox'] {
        padding: 0; }
      html:not([data-theme]) .--inputGroup._toggle input:before, html:not([data-theme]) .--inputGroup._toggle input:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em; }
      html:not([data-theme]) .--inputGroup._toggle input:before {
        width: 200%;
        height: 200%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._toggle input:focus-visible:before {
        transform: translate(-50%, -50%) scale(1);
        outline: 2px solid rgba(163, 127, 232, 0.35);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._toggle:hover input:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._toggle:active input:before {
        transform: translate(-50%, -50%) scale(1);
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html:not([data-theme]) .--inputGroup._switch {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 8px;
      row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._switch ._label {
        line-height: calc(1.3em + 4px + 2px); }
      html:not([data-theme]) .--inputGroup._switch ._slots {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0;
        row-gap: 0;
        grid-template-areas: 'slot1 slot2';
        justify-items: center;
        min-width: calc((1.3em * 2) + 4px);
        height: calc(1.3em + (2px * 2));
        border-radius: 8px;
        background: #dddbe1;
        padding: 2px;
        border-radius: 40px; }
      html:not([data-theme]) .--inputGroup._switch ._slots:before {
        top: 0;
        left: 0;
        background: inherit;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._switch ._slots .icon {
        position: relative;
        height: 1.3em;
        width: 1.3em;
        z-index: 2; }
      html:not([data-theme]) .--inputGroup._switch ._slots .icon:before {
        font-size: 0.7em;
        font-size: clamp(12px, 0.7em, 14px); }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox'] {
        position: absolute;
        z-index: 1;
        left: 2px;
        top: 50%;
        transform: translate(0, -50%);
        -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
        transition: 0.33s transform linear, 0.33s background ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #dddbe1;
        padding: 0;
        border-radius: inherit;
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:checked {
        transform: translate(100%, -50%);
        background: #a37fe8; }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:hover, html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:active, html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:focus {
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) {
        background: #dddbe1; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
        color: #0e0e0f; }
        html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .icon.append {
          opacity: 1;
          color: #0e0e0f; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked):before {
        outline-color: #a37fe8; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .prepend {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._switch input:before, html:not([data-theme]) .--inputGroup._switch input:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em; }
      html:not([data-theme]) .--inputGroup._switch input:before {
        width: 200%;
        height: 200%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._switch input:focus-visible:before {
        transform: translate(-50%, -50%) scale(1);
        outline: 2px solid rgba(163, 127, 232, 0.35);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._switch:hover input:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._switch:active input:before {
        transform: translate(-50%, -50%) scale(1);
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html:not([data-theme]) .--inputGroup._range ._slots:before {
      content: unset; }
      html:not([data-theme]) .--inputGroup._range ._slots:not(:has(.prepend)) {
        padding-left: 8px; }
      html:not([data-theme]) .--inputGroup._range ._slots:not(:has(.append)) {
        padding-right: 8px; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range'] {
        position: relative;
        z-index: 1;
        padding: 0;
        cursor: grab;
        min-height: unset !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: inherit;
        height: 8px;
        align-self: center; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        display: block;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-track {
        height: inherit;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active {
        cursor: grabbing; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
        transform: translate(-50%, -50%) scale(1);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb {
        position: absolute;
        z-index: 2;
        transform: translateX(-0.65em);
        align-self: center;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em;
        width: 2.6em;
        height: 2.6em;
        z-index: -1;
        border-radius: 50%;
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb output {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: bolder;
        z-index: 1;
        display: flex;
        aspect-ratio: 1;
        line-height: 0;
        align-items: center;
        justify-content: center;
        padding: 4px; }
        html:not([data-theme]) .--inputGroup._range ._slots .thumb output:before {
          content: '';
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          border-radius: 50% 50% 50% 0;
          width: 100%;
          height: 100%;
          display: block;
          transform: rotate(-45deg);
          -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
          box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
      html:not([data-theme]) .--inputGroup._range._double ._slots input[type='range'].max {
        opacity: 0; }
        html:not([data-theme]) .--inputGroup._range._double ._slots input[type='range'].min {
          background-size: 100%; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range'] {
        accent-color: #a37fe8;
        background: linear-gradient(90deg, #a37fe8 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:after {
        background: rgba(192, 173, 228, 0.5); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-track {
        background-color: rgba(192, 173, 228, 0.5); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
        outline: 2px solid rgba(163, 127, 232, 0.35); }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #a37fe8;
        padding: 0;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb output:before {
        background: #0e0e0f;
        color: rgba(255, 255, 255, 0.8); }
    @-moz-document url-prefix() {
        html:not([data-theme]) .--inputGroup input[type='date'], html:not([data-theme]) .--inputGroup input[type='month'] {
          clip-path: inset(0 30px 0 0); } }
    html:not([data-theme]) .--inputGroup input[type='date'], html:not([data-theme]) .--inputGroup input[type='month'] {
      border-radius: inherit; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output], html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output] {
        position: relative; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output]:after, html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output]:after {
        content: attr(data-formatted-date-output);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: #dddbe1;
        color: inherit;
        padding: inherit;
        font-size: inherit;
        font-family: inherit;
        display: grid;
        align-items: center;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup input[type='date']::-webkit-inner-spin-button, html:not([data-theme]) .--inputGroup input[type='month']::-webkit-inner-spin-button, html:not([data-theme]) .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, html:not([data-theme]) .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none; }
    html:not([data-theme]) .--inputGroup .meter {
      width: 100%;
      display: flex;
      gap: 8px;
      align-items: center;
      padding: 8px 0 8px 8px;
      grid-row: -1; }
      html:not([data-theme]) .--inputGroup .meter:before {
        content: '\f7b9';
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        font-size: 1em;
        line-height: 0;
        color: #da3a45;
        opacity: 1; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='0']:before {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='2']:before {
        content: '\f071';
        color: #da5d40; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='3']:before {
        content: '\f12a';
        color: #da803a; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='4']:before {
        content: '\f00c';
        color: #2d7026; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='5']:before {
        content: '\f560';
        color: #2d7026; }
    html:not([data-theme]) .--inputGroup meter {
      width: 100%;
      height: 16px;
      border-radius: 4px; }
      html:not([data-theme]) .--inputGroup meter::-moz-meter-bar {
        box-shadow: 0 5px 5px -5px #dddbe1 inset;
        background: #da3a45; }
      html:not([data-theme]) .--inputGroup meter::-webkit-meter-bar {
        border-radius: 4px; }
      html:not([data-theme]) .--inputGroup meter::-webkit-meter-optimum-value {
        box-shadow: 0 5px 5px -5px #dddbe1 inset;
        background: #da3a45; }
      html:not([data-theme]) .--inputGroup meter[value='2']::-moz-meter-bar {
        background: #da5d40; }
      html:not([data-theme]) .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
        background: #da5d40; }
      html:not([data-theme]) .--inputGroup meter[value='3']::-moz-meter-bar {
        background: #da803a; }
      html:not([data-theme]) .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
        background: #da803a; }
      html:not([data-theme]) .--inputGroup meter[value='4']::-moz-meter-bar {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='5']::-moz-meter-bar {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
        background: #2d7026; }
    @-moz-document url-prefix() {
        html:not([data-theme]) .--inputGroup meter {
          height: 8px; } }
    html:not([data-theme]) .--inputGroup .--message + .meter {
      padding-top: 0; }
    html:not([data-theme]) .--inputGroup .--iti_loading {
      min-height: 40px; }
    html:not([data-theme]) .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
      z-index: 2; }
    html:not([data-theme]) .--inputGroup._tags {
      grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
      html:not([data-theme]) .--inputGroup._tags .--filterChips {
        grid-area: tags;
        margin-top: 4px; }
      html:not([data-theme]) .--inputGroup._tags .--filterChips .selected .chip {
        background: #e2656e;
        color: #0e0e0f; }
    html:not([data-theme]) .--inputGroup.--hasInfo ._label {
      color: #6c97e5; }
      html:not([data-theme]) .--inputGroup.--hasInfo ._label:before {
        content: "\f129"; }
      html:not([data-theme]) .--inputGroup.--hasInfo ._slots {
        background: #d1d4e1; }
      html:not([data-theme]) .--inputGroup.--hasInfo .--message {
        color: #6c97e5; }
      html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range'] {
        accent-color: #6c97e5;
        background: linear-gradient(90deg, #6c97e5 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
          background: rgba(164, 185, 227, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(164, 185, 227, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(108, 151, 229, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #6c97e5;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.--hasSuccess ._label {
      color: #4dbe41; }
      html:not([data-theme]) .--inputGroup.--hasSuccess ._label:before {
        content: "\f00c"; }
      html:not([data-theme]) .--inputGroup.--hasSuccess ._slots {
        background: #ced8d1; }
      html:not([data-theme]) .--inputGroup.--hasSuccess .--message {
        color: #4dbe41; }
      html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
        accent-color: #4dbe41;
        background: linear-gradient(90deg, #4dbe41 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
          background: rgba(149, 205, 145, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(149, 205, 145, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(77, 190, 65, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #4dbe41;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.--hasWarning ._label {
      color: #da803a; }
      html:not([data-theme]) .--inputGroup.--hasWarning ._label:before {
        content: "\f12a"; }
      html:not([data-theme]) .--inputGroup.--hasWarning ._slots {
        background: #dcd2d0; }
      html:not([data-theme]) .--inputGroup.--hasWarning .--message {
        color: #da803a; }
      html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range'] {
        accent-color: #da803a;
        background: linear-gradient(90deg, #da803a 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
          background: rgba(219, 174, 141, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(219, 174, 141, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(218, 128, 58, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #da803a;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup:has(input:invalid) ._label, html:not([data-theme]) .--inputGroup.--hasError ._label {
      color: #e2656e; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) ._label:before, html:not([data-theme]) .--inputGroup.--hasError ._label:before {
        content: "\f071"; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) ._slots, html:not([data-theme]) .--inputGroup.--hasError ._slots {
        background: #ddcfd5; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) .--message, html:not([data-theme]) .--inputGroup.--hasError .--message {
        color: #e2656e; }
      html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range'], html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range'] {
        accent-color: #e2656e;
        background: linear-gradient(90deg, #e2656e 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:after {
          background: rgba(223, 160, 167, 0.5); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(223, 160, 167, 0.5); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(226, 101, 110, 0.35); }
      html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #e2656e;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.disabled, html:not([data-theme]) .--inputGroup:has(.slots [disabled]), html:not([data-theme]) .--inputGroup:has(.slots [readonly]) {
      cursor: not-allowed; }
      html:not([data-theme]) .--inputGroup.disabled ._label, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) ._label, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) ._label, html:not([data-theme]) .--inputGroup.disabled input, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) input, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) input, html:not([data-theme]) .--inputGroup.disabled select, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) select, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) select, html:not([data-theme]) .--inputGroup.disabled textarea, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) textarea, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) textarea {
        cursor: not-allowed; }
    html:not([data-theme]) .--inputGroup.disabled, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) {
      filter: grayscale(1); }
    html:not([data-theme]) .--inputGroup ._slots:has(textarea) > .icon {
      max-width: 40px; }
    html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(12px, 0.72rem, 0.8rem); }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 24px;
        min-height: 24px;
        line-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 24px;
        padding: 0 4px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 24px; }
    html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(12px, 0.72rem, 0.8rem); }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 32px;
        min-height: 32px;
        line-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 32px;
        padding: 0 4px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 32px; }
    html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
      min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 48px;
        min-height: 48px;
        line-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
        font-size: 2rem; }
    html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(1.1rem, 1.08rem, 22px); }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 56px;
        min-height: 56px;
        line-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
        font-size: 2.2rem; }

  html:not([data-theme]):has(.ty-calendar):focus-within > .ty-calendar {
    display: grid; }

  html:not([data-theme]) .ty-calendar {
    width: 100%;
    max-width: 100%;
    margin: 8px 0;
    display: none; }
    html:not([data-theme]) .ty-calendar.visible, html:not([data-theme]) .ty-calendar:hover, html:not([data-theme]) .ty-calendar:active, html:not([data-theme]) .ty-calendar:focus, html:not([data-theme]) .ty-calendar:focus-within {
      display: grid; }
    html:not([data-theme]) .ty-calendar .ty-calendar__layout {
      border-radius: 4px;
      background: #1a1a1e;
      color: rgba(255, 255, 255, 0.8);
      -webkit-box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
      box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      align-items: start; }
      html:not([data-theme]) .ty-calendar .ty-calendar__layout.--wide {
        grid-template-columns: minmax(0, 1fr) 200px;
        gap: 8px; }
      html:not([data-theme]) .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
        border-top: none;
        border-left: 1px solid rgba(163, 127, 232, 0.3);
        border-radius: 0 4px 4px 0;
        height: 100%; }
    html:not([data-theme]) .ty-calendar .ty-calendar__timeSelector {
      background: rgba(163, 127, 232, 0.08);
      padding: 8px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      border-radius: 0 0 4px 4px;
      border-top: 1px solid rgba(163, 127, 232, 0.3); }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeSelector ._label {
        background: #a37fe8;
        color: #0e0e0f;
        padding: 2.6666666667px 4px;
        border-radius: 4px;
        font-weight: 600; }
    html:not([data-theme]) .ty-calendar .ty-calendar__timeList {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
      gap: 4px;
      max-height: 320px;
      overflow-y: auto; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button {
        text-align: center;
        padding: 2.6666666667px;
        border-radius: 4px;
        border: none;
        cursor: pointer;
        transition: background 0.2s ease, color 0.2s ease;
        background: transparent;
        color: inherit; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button.selected {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button:hover, html:not([data-theme]) .ty-calendar .ty-calendar__timeList button:focus-visible {
        background: rgba(163, 127, 232, 0.2);
        color: #a37fe8; }
    html:not([data-theme]) .ty-calendar .ty-calendar__actions {
      margin: 8px 0 0 0;
      border-top: 1px solid rgba(163, 127, 232, 0.15);
      background: #a37fe8;
      color: #0e0e0f;
      border-radius: 0 0 4px 4px; }
      html:not([data-theme]) .ty-calendar .ty-calendar__actions button:last-child {
        justify-self: end; }
      html:not([data-theme]) .ty-calendar .ty-calendar__actions button {
        color: #0e0e0f; }
    html:not([data-theme]) .ty-calendar button {
      background: transparent;
      color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none; }
      html:not([data-theme]) .ty-calendar button:hover, html:not([data-theme]) .ty-calendar button:active, html:not([data-theme]) .ty-calendar button:focus {
        background: transparent;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
    html:not([data-theme]) .ty-calendar .grid.--menu {
      min-height: 40px;
      padding: 4px; }
      html:not([data-theme]) .ty-calendar .grid.--menu._top {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        display: grid;
        grid-template-columns: auto 1fr 1fr auto;
        grid-gap: 4px;
        grid-template-areas: 'prev year month next';
        align-items: center; }
      html:not([data-theme]) .ty-calendar .grid.--menu._bottom {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 4px;
        justify-items: start; }
      html:not([data-theme]) .ty-calendar .grid.--menu._bottom button:last-child {
        grid-column-start: -1; }
      html:not([data-theme]) .ty-calendar .grid.--menu label, html:not([data-theme]) .ty-calendar .grid.--menu label select {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar .grid.--menu option {
        background: #1a1a1e;
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .ty-calendar .grid.--menu button.btn-prev {
        grid-area: prev; }
      html:not([data-theme]) .ty-calendar .grid.--menu button.btn-next {
        grid-area: next; }
      html:not([data-theme]) .ty-calendar .grid.--menu label select {
        width: 100%;
        text-align: center; }
    html:not([data-theme]) .ty-calendar table {
      border-collapse: collapse;
      -webkit-border-horizontal-spacing: 0;
      -webkit-border-vertical-spacing: 0;
      width: 100%;
      background: transparent;
      color: inherit; }
      html:not([data-theme]) .ty-calendar table th {
        text-align: center; }
      html:not([data-theme]) .ty-calendar table td {
        border: none; }
      html:not([data-theme]) .ty-calendar table thead, html:not([data-theme]) .ty-calendar table tfoot {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar table tfoot {
        border-top: 1px solid rgba(14, 14, 15, 0.1); }
      html:not([data-theme]) .ty-calendar table thead tr:last-child th {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar table tbody tr {
        height: 44px;
        vertical-align: middle; }
      html:not([data-theme]) .ty-calendar table tbody td {
        text-align: center;
        min-width: 40px; }
      html:not([data-theme]) .ty-calendar table tbody td.weekend {
        background: rgba(163, 127, 232, 0.1); }
      html:not([data-theme]) .ty-calendar table tbody button {
        position: relative; }
      html:not([data-theme]) .ty-calendar table tbody button.today:after {
        content: '';
        width: 4px;
        height: 4px;
        position: absolute;
        bottom: 4px;
        left: 50%;
        transform: translateX(-50%);
        background: #a37fe8;
        outline: 1px solid #0e0e0f;
        outline-offset: 1px;
        border-radius: 50%; }
      html:not([data-theme]) .ty-calendar table tbody button.selected > .day {
        pointer-events: none;
        background: #a37fe8;
        color: #0e0e0f;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }

  html:not([data-theme]) input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1); }

  html:not([data-theme]) input, html:not([data-theme]) select, html:not([data-theme]) textarea {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: normal; }
    html:not([data-theme]) input:focus-visible, html:not([data-theme]) select:focus-visible, html:not([data-theme]) textarea:focus-visible {
      outline: none; }

  html:not([data-theme]) html[data-browser='Opera'] select {
    appearance: none; }

  html:not([data-theme]) .--inputGroup {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'slots' 'counter' 'msg';
    font-size: 0.9rem;
    position: relative;
    z-index: 1; }
    html:not([data-theme]) .--inputGroup:focus-within {
      z-index: 20; }
    html:not([data-theme]) .--inputGroup .--counter {
      grid-area: counter; }
    html:not([data-theme]) .--inputGroup ul.dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0;
      z-index: 1050;
      display: none;
      float: left;
      width: 100%;
      max-height: 300px;
      overflow-y: auto;
      overflow-x: hidden;
      padding: 5px 0;
      margin: 2px 0 0;
      list-style: none;
      font-size: 14px;
      text-align: left;
      background-color: var(--L1_bg, #fff);
      border: 1px solid #ccc;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
      box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
      html:not([data-theme]) .--inputGroup ul.dropdown-menu li {
        cursor: pointer; }
      html:not([data-theme]) .--inputGroup ul.dropdown-menu li.active a {
        background-color: #7a35ff;
        color: #fff;
        text-decoration: none;
        outline: 0; }
      html:not([data-theme]) .--inputGroup ul.dropdown-menu li a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: rgba(255, 255, 255, 0.8);
        white-space: normal;
        text-decoration: none; }
      html:not([data-theme]) .--inputGroup ul.dropdown-menu li a:hover, html:not([data-theme]) .--inputGroup ul.dropdown-menu li a:focus {
        text-decoration: none;
        background-color: var(--L2_bg, #f5f5f5);
        color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup ._label {
      display: grid;
      grid-template-columns: auto 1fr;
      grid-gap: 8px;
      grid-template-areas: 'feedback .';
      cursor: pointer;
      grid-area: label;
      margin: 0 0 4px;
      display: grid;
      align-items: baseline;
      font-family: 'Open Sans', sans-serif;
      font-size: inherit;
      font-weight: 500;
      font-weight: 600;
      font-weight: bold;
      letter-spacing: normal;
      line-height: normal; }
      html:not([data-theme]) .--inputGroup ._label:first-letter {
        text-transform: capitalize; }
      html:not([data-theme]) .--inputGroup ._label:before {
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        grid-area: feedback;
        font-size: 1em; }
    html:not([data-theme]) .--inputGroup ._slots {
      grid-area: slots;
      display: grid;
      grid-template-columns: auto 1fr auto;
      grid-template-areas: 'slot1 input slot2';
      position: relative;
      background: #383942;
      -o-transition: 0.33s background ease;
      transition: 0.33s background ease;
      border-radius: unset;
      min-height: 40px;
      font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots ._slotInput {
        grid-area: input; }
      html:not([data-theme]) .--inputGroup ._slots ._slot1 {
        grid-area: slot1; }
      html:not([data-theme]) .--inputGroup ._slots ._slot2 {
        grid-area: slot2; }
      html:not([data-theme]) .--inputGroup ._slots > span.icon {
        cursor: default; }
      html:not([data-theme]) .--inputGroup ._slots > .icon {
        aspect-ratio: 1;
        padding: 0;
        min-height: 40px;
        font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots > .icon:before, html:not([data-theme]) .--inputGroup ._slots > .icon:after {
        text-rendering: optimizeLegibility;
        text-rendering: geometricPrecision;
        -webkit-font-smoothing: subpixel-antialiased; }
      html:not([data-theme]) .--inputGroup ._slots > .icon.prepend:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      html:not([data-theme]) .--inputGroup ._slots > .icon.append:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
      html:not([data-theme]) .--inputGroup ._slots > span, html:not([data-theme]) .--inputGroup ._slots > select.lang, html:not([data-theme]) .--inputGroup ._slots > button {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center; }
      html:not([data-theme]) .--inputGroup ._slots > span.prepend, html:not([data-theme]) .--inputGroup ._slots > select.lang.prepend, html:not([data-theme]) .--inputGroup ._slots > button.prepend {
        grid-area: slot1; }
      html:not([data-theme]) .--inputGroup ._slots > span.append, html:not([data-theme]) .--inputGroup ._slots > select.lang.append, html:not([data-theme]) .--inputGroup ._slots > button.append {
        grid-area: slot2; }
      html:not([data-theme]) .--inputGroup ._slots select.lang {
        cursor: pointer;
        color: rgba(255, 255, 255, 0.8);
        font-family: 'Open Sans', sans-serif;
        font-size: 0.9rem;
        font-weight: 500;
        font-weight: 600;
        font-weight: bold;
        letter-spacing: normal;
        text-transform: uppercase;
        line-height: normal;
        -o-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        transition: 0.33s background ease; }
      html:not([data-theme]) .--inputGroup ._slots select.lang:hover, html:not([data-theme]) .--inputGroup ._slots select.lang:active, html:not([data-theme]) .--inputGroup ._slots select.lang:focus, html:not([data-theme]) .--inputGroup ._slots select.lang:focus-within {
        background: rgba(255, 255, 255, 0.05); }
      html:not([data-theme]) .--inputGroup ._slots > select.lang {
        width: 40px;
        height: 100%;
        line-height: 40px;
        align-items: start;
        white-space: normal;
        font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots > * {
        margin: 0;
        background: none;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
      html:not([data-theme]) .--inputGroup ._slots > label > * {
        padding: inherit;
        width: 100%;
        background: none;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
      html:not([data-theme]) .--inputGroup ._slots input, html:not([data-theme]) .--inputGroup ._slots select:not(.lang), html:not([data-theme]) .--inputGroup ._slots textarea {
        grid-area: input;
        height: 100%;
        width: 100%;
        padding: 4px;
        font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots input:not([disabled]), html:not([data-theme]) .--inputGroup ._slots select:not(.lang):not([disabled]), html:not([data-theme]) .--inputGroup ._slots textarea:not([disabled]) {
        cursor: pointer; }
      html:not([data-theme]) .--inputGroup ._slots input::placeholder, html:not([data-theme]) .--inputGroup ._slots select:not(.lang)::placeholder, html:not([data-theme]) .--inputGroup ._slots textarea::placeholder, html:not([data-theme]) .--inputGroup ._slots input ::placeholder, html:not([data-theme]) .--inputGroup ._slots select:not(.lang) ::placeholder, html:not([data-theme]) .--inputGroup ._slots textarea ::placeholder {
        color: rgba(255, 255, 255, 0.5);
        font-size: inherit; }
      html:not([data-theme]) .--inputGroup ._slots input:first-child, html:not([data-theme]) .--inputGroup ._slots select:not(.lang):first-child, html:not([data-theme]) .--inputGroup ._slots textarea:first-child {
        padding-left: 8px; }
      html:not([data-theme]) .--inputGroup ._slots textarea {
        min-height: 5ch;
        resize: vertical;
        padding-top: 0.5em;
        padding-bottom: 0.5em; }
      html:not([data-theme]) .--inputGroup ._slots option, html:not([data-theme]) .--inputGroup ._slots optgroup {
        background: #383942;
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .--inputGroup ._slots .iti__search-input {
        min-height: 40px; }
    html:not([data-theme]) .--inputGroup .--message {
      grid-area: msg; }
    html:not([data-theme]) .--inputGroup.fieldset-parent + fieldset[disabled] {
      position: relative;
      cursor: not-allowed; }
      html:not([data-theme]) .--inputGroup.fieldset-parent + fieldset[disabled]:after {
        content: '';
        position: absolute;
        z-index: 9;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        cursor: not-allowed;
        display: block;
        -webkit-backdrop-filter: grayscale(1);
        backdrop-filter: grayscale(1);
        background: rgba(56, 57, 66, 0.2); }
    html:not([data-theme]) .--inputGroup._otp {
      width: min-content;
      max-width: 100%; }
      html:not([data-theme]) .--inputGroup._otp .label {
        display: block;
        width: 100%;
        flex: 1 0 auto; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'] {
        border-radius: unset;
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(163, 127, 232, 0.1), rgba(163, 127, 232, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #a37fe8;
        -webkit-box-shadow: unset;
        box-shadow: unset;
        font-family: monospace;
        letter-spacing: 2.5ch;
        padding: unset;
        padding-inline: unset;
        padding-block: unset;
        height: auto;
        min-height: 4ch;
        padding-inline-start: 1ch;
        transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']::placeholder {
        color: rgba(163, 127, 232, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']::placeholder {
        padding: unset !important;
        transition: 0.33s color ease-in-out; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='3'] {
        width: calc((3 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='4'] {
        width: calc((4 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='5'] {
        width: calc((5 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='6'] {
        width: calc((6 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='7'] {
        width: calc((7 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='8'] {
        width: calc((8 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='9'] {
        width: calc((9 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][size='10'] {
        width: calc((10 * 3.5ch) - .5ch); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
        color: rgba(255, 255, 255, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:focus {
        outline: 2px solid;
        outline-offset: 4px; }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:hover, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:active, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
        html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, html:not([data-theme]) .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
          color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(77, 190, 65, 0.1), rgba(77, 190, 65, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #4dbe41; }
      html:not([data-theme]) .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
        color: rgba(77, 190, 65, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasError input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #e2656e; }
      html:not([data-theme]) .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
        color: rgba(226, 101, 110, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(218, 128, 58, 0.1), rgba(218, 128, 58, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #da803a; }
      html:not([data-theme]) .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
        color: rgba(218, 128, 58, 0.5); }
      html:not([data-theme]) .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
        -webkit-box-shadow: unset !important;
        box-shadow: unset !important;
        background: repeating-linear-gradient(90deg, rgba(108, 151, 229, 0.1), rgba(108, 151, 229, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
        color: #6c97e5; }
      html:not([data-theme]) .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
        color: rgba(108, 151, 229, 0.5); }
    html:not([data-theme]) .--inputGroup._toggle, html:not([data-theme]) .--inputGroup._switch {
      grid-template-areas: 'slots' 'msg'; }
      html:not([data-theme]) .--inputGroup._toggle:has(._label), html:not([data-theme]) .--inputGroup._switch:has(._label) {
        grid-template-areas: 'slots label' 'msg msg'; }
      html:not([data-theme]) .--inputGroup._toggle:not(:has(._label)), html:not([data-theme]) .--inputGroup._switch:not(:has(._label)) {
        width: max-content; }
      html:not([data-theme]) .--inputGroup._toggle ._slots, html:not([data-theme]) .--inputGroup._switch ._slots {
        min-height: unset;
        transition: unset;
        align-items: center; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon, html:not([data-theme]) .--inputGroup._switch ._slots .icon {
        width: unset;
        min-width: unset;
        height: unset;
        min-height: unset;
        aspect-ratio: unset; }
    html:not([data-theme]) .--inputGroup._toggle {
      display: grid;
      grid-template-columns: auto;
      column-gap: 0;
      row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._toggle:has(._label) {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 0;
        row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._toggle ._label {
        margin: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots {
        background: unset;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
        grid-gap: 8px; }
      html:not([data-theme]) .--inputGroup._toggle ._slots:before {
        content: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon {
        width: unset;
        min-width: unset;
        height: unset;
        min-height: unset;
        aspect-ratio: unset; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon.append {
        margin-right: 8px; }
      html:not([data-theme]) .--inputGroup._toggle ._slots .icon:before {
        margin-top: 0.225em; }
      html:not([data-theme]) .--inputGroup._toggle ._slots > input {
        accent-color: #a37fe8;
        width: 0.9rem;
        height: 0.9rem;
        cursor: pointer;
        position: relative;
        z-index: 1;
        align-self: baseline;
        margin-top: 0.225em; }
      html:not([data-theme]) .--inputGroup._toggle ._slots > input[type='radio'], html:not([data-theme]) .--inputGroup._toggle ._slots > input[type='checkbox'] {
        padding: 0; }
      html:not([data-theme]) .--inputGroup._toggle input:before, html:not([data-theme]) .--inputGroup._toggle input:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em; }
      html:not([data-theme]) .--inputGroup._toggle input:before {
        width: 200%;
        height: 200%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._toggle input:focus-visible:before {
        transform: translate(-50%, -50%) scale(1);
        outline: 2px solid rgba(163, 127, 232, 0.35);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._toggle:hover input:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._toggle:active input:before {
        transform: translate(-50%, -50%) scale(1);
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html:not([data-theme]) .--inputGroup._switch {
      display: grid;
      grid-template-columns: auto 1fr;
      column-gap: 8px;
      row-gap: 4px; }
      html:not([data-theme]) .--inputGroup._switch ._label {
        line-height: calc(1.3em + 4px + 2px); }
      html:not([data-theme]) .--inputGroup._switch ._slots {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 0;
        row-gap: 0;
        grid-template-areas: 'slot1 slot2';
        justify-items: center;
        min-width: calc((1.3em * 2) + 4px);
        height: calc(1.3em + (2px * 2));
        border-radius: unset * 2;
        background: #383942;
        padding: 2px;
        border-radius: unset * 10; }
      html:not([data-theme]) .--inputGroup._switch ._slots:before {
        top: 0;
        left: 0;
        background: inherit;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._switch ._slots .icon {
        position: relative;
        height: 1.3em;
        width: 1.3em;
        z-index: 2; }
      html:not([data-theme]) .--inputGroup._switch ._slots .icon:before {
        font-size: 0.7em;
        font-size: clamp(12px, 0.7em, 14px); }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox'] {
        position: absolute;
        z-index: 1;
        left: 2px;
        top: 50%;
        transform: translate(0, -50%);
        -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
        transition: 0.33s transform linear, 0.33s background ease-in-out;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #383942;
        padding: 0;
        border-radius: inherit;
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:checked {
        transform: translate(100%, -50%);
        background: #a37fe8; }
      html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:hover, html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:active, html:not([data-theme]) .--inputGroup._switch ._slots input[type='checkbox']:focus {
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) {
        background: #383942; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
        color: #fff; }
        html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .icon.append {
          opacity: 1;
          color: #0e0e0f; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked):before {
        outline-color: #a37fe8; }
      html:not([data-theme]) .--inputGroup._switch ._slots:has(input:checked) .prepend {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._switch input:before, html:not([data-theme]) .--inputGroup._switch input:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em; }
      html:not([data-theme]) .--inputGroup._switch input:before {
        width: 200%;
        height: 200%;
        z-index: -1;
        border-radius: 50%;
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._switch input:focus-visible:before {
        transform: translate(-50%, -50%) scale(1);
        outline: 2px solid rgba(163, 127, 232, 0.35);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._switch:hover input:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._switch:active input:before {
        transform: translate(-50%, -50%) scale(1);
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html:not([data-theme]) .--inputGroup._range ._slots:before {
      content: unset; }
      html:not([data-theme]) .--inputGroup._range ._slots:not(:has(.prepend)) {
        padding-left: 8px; }
      html:not([data-theme]) .--inputGroup._range ._slots:not(:has(.append)) {
        padding-right: 8px; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range'] {
        position: relative;
        z-index: 1;
        padding: 0;
        cursor: grab;
        min-height: unset !important;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: inherit;
        height: 8px;
        align-self: center; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:after {
        content: '';
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        display: block;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-track {
        height: inherit;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active {
        cursor: grabbing; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
        transform: translate(-50%, -50%) scale(1); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
        transform: translate(-50%, -50%) scale(1);
        outline-offset: 2px; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb {
        position: absolute;
        z-index: 2;
        transform: translateX(-0.65em);
        align-self: center;
        pointer-events: none;
        -webkit-box-shadow: 0 0 0 1px #fff inset;
        box-shadow: 0 0 0 1px #fff inset; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        pointer-events: none;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        line-height: 0;
        font-size: 1em;
        width: 2.6em;
        height: 2.6em;
        z-index: -1;
        border-radius: 50%;
        -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
        transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb output {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        font-size: 12px;
        font-weight: bolder;
        z-index: 1;
        display: flex;
        aspect-ratio: 1;
        line-height: 0;
        align-items: center;
        justify-content: center;
        padding: 4px; }
        html:not([data-theme]) .--inputGroup._range ._slots .thumb output:before {
          content: '';
          position: absolute;
          z-index: -1;
          top: 0;
          left: 0;
          border-radius: 50% 50% 50% 0;
          width: 100%;
          height: 100%;
          display: block;
          transform: rotate(-45deg);
          -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
          box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
      html:not([data-theme]) .--inputGroup._range._double ._slots input[type='range'].max {
        opacity: 0; }
        html:not([data-theme]) .--inputGroup._range._double ._slots input[type='range'].min {
          background-size: 100%; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range'] {
        accent-color: #a37fe8;
        background: linear-gradient(90deg, #a37fe8 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:after {
        background: rgba(110, 92, 149, 0.5); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']::-moz-range-track {
        background-color: rgba(110, 92, 149, 0.5); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
        outline: 2px solid rgba(163, 127, 232, 0.35); }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #a37fe8;
        padding: 0;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb:before {
        background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
      html:not([data-theme]) .--inputGroup._range ._slots .thumb output:before {
        background: #0e0e0f;
        color: rgba(255, 255, 255, 0.8); }
    @-moz-document url-prefix() {
        html:not([data-theme]) .--inputGroup input[type='date'], html:not([data-theme]) .--inputGroup input[type='month'] {
          clip-path: inset(0 30px 0 0); } }
    html:not([data-theme]) .--inputGroup input[type='date'], html:not([data-theme]) .--inputGroup input[type='month'] {
      border-radius: inherit; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output], html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output] {
        position: relative; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output]:after, html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output]:after {
        content: attr(data-formatted-date-output);
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1;
        background: #383942;
        color: inherit;
        padding: inherit;
        font-size: inherit;
        font-family: inherit;
        display: grid;
        align-items: center;
        border-radius: inherit; }
      html:not([data-theme]) .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, html:not([data-theme]) .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup input[type='date']::-webkit-inner-spin-button, html:not([data-theme]) .--inputGroup input[type='month']::-webkit-inner-spin-button, html:not([data-theme]) .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, html:not([data-theme]) .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
        display: none;
        -webkit-appearance: none; }
    html:not([data-theme]) .--inputGroup ._slots:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 2px;
      left: 0;
      width: 100%;
      height: 100%;
      display: block;
      pointer-events: none;
      background: linear-gradient(90deg, #a37fe8 50%, transparent 50%);
      background-repeat: no-repeat;
      background-position: 101% 0;
      background-size: 200%;
      border-radius: inherit;
      -o-transition: 0.33s background-position ease-in-out;
      transition: 0.33s background-position ease-in-out; }
      html:not([data-theme]) .--inputGroup ._slots:focus-within:before {
        background-position: 0 0; }
    html:not([data-theme]) .--inputGroup:hover ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html:not([data-theme]) .--inputGroup:active ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html:not([data-theme]) .--inputGroup:focus ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html:not([data-theme]) .--inputGroup:focus-within ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])) {
      background: #444550;
      color: #fff; }
    html:not([data-theme]) .--inputGroup._toggle ._slots {
      background: transparent !important; }
      html:not([data-theme]) .--inputGroup._toggle ._slots:before {
        content: unset; }
      html:not([data-theme]) .--inputGroup._toggle:hover ._slots, html:not([data-theme]) .--inputGroup._toggle:active ._slots, html:not([data-theme]) .--inputGroup._toggle:focus ._slots, html:not([data-theme]) .--inputGroup._toggle:focus-within ._slots {
        background: transparent !important; }
    html:not([data-theme]) .--inputGroup.--hasSuccess ._slots:before {
      background: linear-gradient(90deg, #4dbe41 50%, transparent 50%);
      background-repeat: no-repeat;
      background-position: 101% 0;
      background-size: 200%; }
      html:not([data-theme]) .--inputGroup.--hasSuccess ._slots:focus-within:before {
        background-position: 0 0; }
      html:not([data-theme]) .--inputGroup.--hasSuccess .--message {
        color: #4dbe41; }
    html:not([data-theme]) .--inputGroup.--hasInfo ._slots:before {
      background: linear-gradient(90deg, #6c97e5 50%, transparent 50%);
      background-repeat: no-repeat;
      background-position: 101% 0;
      background-size: 200%; }
      html:not([data-theme]) .--inputGroup.--hasInfo ._slots:focus-within:before {
        background-position: 0 0; }
      html:not([data-theme]) .--inputGroup.--hasInfo .--message {
        color: #6c97e5; }
    html:not([data-theme]) .--inputGroup.--hasWarning ._slots:before {
      background: linear-gradient(90deg, #da803a 50%, transparent 50%);
      background-repeat: no-repeat;
      background-position: 101% 0;
      background-size: 200%; }
      html:not([data-theme]) .--inputGroup.--hasWarning ._slots:focus-within:before {
        background-position: 0 0; }
      html:not([data-theme]) .--inputGroup.--hasWarning .--message {
        color: #da803a; }
    html:not([data-theme]) .--inputGroup:has(input:invalid) ._slots:before, html:not([data-theme]) .--inputGroup.--hasError ._slots:before {
      background: linear-gradient(90deg, #e2656e 50%, transparent 50%);
      background-repeat: no-repeat;
      background-position: 101% 0;
      background-size: 200%; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) ._slots:focus-within:before, html:not([data-theme]) .--inputGroup.--hasError ._slots:focus-within:before {
        background-position: 0 0; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) .--message, html:not([data-theme]) .--inputGroup.--hasError .--message {
        color: #e2656e; }
    html:not([data-theme]) .--inputGroup .meter {
      width: 100%;
      display: flex;
      gap: 8px;
      align-items: center;
      padding: 8px 0 8px 8px;
      grid-row: -1; }
      html:not([data-theme]) .--inputGroup .meter:before {
        content: '\f7b9';
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
        font-weight: 300;
        font-size: 1em;
        line-height: 0;
        color: #da3a45;
        opacity: 1; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='0']:before {
        opacity: 0; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='2']:before {
        content: '\f071';
        color: #da5d40; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='3']:before {
        content: '\f12a';
        color: #da803a; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='4']:before {
        content: '\f00c';
        color: #2d7026; }
      html:not([data-theme]) .--inputGroup .meter[data-attr-value='5']:before {
        content: '\f560';
        color: #2d7026; }
    html:not([data-theme]) .--inputGroup meter {
      width: 100%;
      height: 16px;
      border-radius: unset; }
      html:not([data-theme]) .--inputGroup meter::-moz-meter-bar {
        box-shadow: 0 5px 5px -5px #dddbe1 inset;
        background: #da3a45; }
      html:not([data-theme]) .--inputGroup meter::-webkit-meter-bar {
        border-radius: unset; }
      html:not([data-theme]) .--inputGroup meter::-webkit-meter-optimum-value {
        box-shadow: 0 5px 5px -5px #dddbe1 inset;
        background: #da3a45; }
      html:not([data-theme]) .--inputGroup meter[value='2']::-moz-meter-bar {
        background: #da5d40; }
      html:not([data-theme]) .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
        background: #da5d40; }
      html:not([data-theme]) .--inputGroup meter[value='3']::-moz-meter-bar {
        background: #da803a; }
      html:not([data-theme]) .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
        background: #da803a; }
      html:not([data-theme]) .--inputGroup meter[value='4']::-moz-meter-bar {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='5']::-moz-meter-bar {
        background: #2d7026; }
      html:not([data-theme]) .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
        background: #2d7026; }
    @-moz-document url-prefix() {
        html:not([data-theme]) .--inputGroup meter {
          height: 8px; } }
    html:not([data-theme]) .--inputGroup .--message + .meter {
      padding-top: 0; }
    html:not([data-theme]) .--inputGroup .--iti_loading {
      min-height: 40px; }
    html:not([data-theme]) .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
      z-index: 2; }
    html:not([data-theme]) .--inputGroup._tags {
      grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
      html:not([data-theme]) .--inputGroup._tags .--filterChips {
        grid-area: tags;
        margin-top: 4px; }
      html:not([data-theme]) .--inputGroup._tags .--filterChips .selected .chip {
        background: #e2656e;
        color: #0e0e0f; }
    html:not([data-theme]) .--inputGroup.--hasInfo ._label {
      color: #6c97e5; }
      html:not([data-theme]) .--inputGroup.--hasInfo ._label:before {
        content: "\f129"; }
      html:not([data-theme]) .--inputGroup.--hasInfo ._slots {
        background: #3d4352; }
      html:not([data-theme]) .--inputGroup.--hasInfo .--message {
        color: #6c97e5; }
      html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range'] {
        accent-color: #6c97e5;
        background: linear-gradient(90deg, #6c97e5 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
          background: rgba(82, 104, 148, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(82, 104, 148, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(108, 151, 229, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #6c97e5;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasInfo._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.--hasSuccess ._label {
      color: #4dbe41; }
      html:not([data-theme]) .--inputGroup.--hasSuccess ._label:before {
        content: "\f00c"; }
      html:not([data-theme]) .--inputGroup.--hasSuccess ._slots {
        background: #3a4642; }
      html:not([data-theme]) .--inputGroup.--hasSuccess .--message {
        color: #4dbe41; }
      html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
        accent-color: #4dbe41;
        background: linear-gradient(90deg, #4dbe41 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
          background: rgba(66, 124, 65, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(66, 124, 65, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(77, 190, 65, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #4dbe41;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.--hasWarning ._label {
      color: #da803a; }
      html:not([data-theme]) .--inputGroup.--hasWarning ._label:before {
        content: "\f12a"; }
      html:not([data-theme]) .--inputGroup.--hasWarning ._slots {
        background: #484041; }
      html:not([data-theme]) .--inputGroup.--hasWarning .--message {
        color: #da803a; }
      html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range'] {
        accent-color: #da803a;
        background: linear-gradient(90deg, #da803a 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
          background: rgba(137, 93, 62, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(137, 93, 62, 0.5); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(218, 128, 58, 0.35); }
      html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #da803a;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup.--hasWarning._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup:has(input:invalid) ._label, html:not([data-theme]) .--inputGroup.--hasError ._label {
      color: #e2656e; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) ._label:before, html:not([data-theme]) .--inputGroup.--hasError ._label:before {
        content: "\f071"; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) ._slots, html:not([data-theme]) .--inputGroup.--hasError ._slots {
        background: #493e46; }
      html:not([data-theme]) .--inputGroup:has(input:invalid) .--message, html:not([data-theme]) .--inputGroup.--hasError .--message {
        color: #e2656e; }
      html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range'], html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range'] {
        accent-color: #e2656e;
        background: linear-gradient(90deg, #e2656e 100%, transparent 100%);
        background-repeat: no-repeat;
        background-size: 0; }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:after {
          background: rgba(141, 79, 88, 0.5); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
          background-color: rgba(141, 79, 88, 0.5); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.35) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
          outline: 2px solid rgba(226, 101, 110, 0.35); }
      html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        display: block;
        width: 1.3em;
        height: 1.3em;
        background-color: #e2656e;
        padding: 0;
        border-radius: inherit; }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb:before {
          background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
        html:not([data-theme]) .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, html:not([data-theme]) .--inputGroup.--hasError._range ._slots .thumb output:before {
          background: #0e0e0f;
          color: rgba(255, 255, 255, 0.8); }
    html:not([data-theme]) .--inputGroup.disabled, html:not([data-theme]) .--inputGroup:has(.slots [disabled]), html:not([data-theme]) .--inputGroup:has(.slots [readonly]) {
      cursor: not-allowed; }
      html:not([data-theme]) .--inputGroup.disabled ._label, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) ._label, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) ._label, html:not([data-theme]) .--inputGroup.disabled input, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) input, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) input, html:not([data-theme]) .--inputGroup.disabled select, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) select, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) select, html:not([data-theme]) .--inputGroup.disabled textarea, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) textarea, html:not([data-theme]) .--inputGroup:has(.slots [readonly]) textarea {
        cursor: not-allowed; }
    html:not([data-theme]) .--inputGroup.disabled, html:not([data-theme]) .--inputGroup:has(.slots [disabled]) {
      filter: grayscale(1); }
    html:not([data-theme]) .--inputGroup ._slots:has(textarea) > .icon {
      max-width: 40px; }
    html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(12px, 0.72rem, 0.8rem); }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 24px;
        min-height: 24px;
        line-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 24px;
        padding: 0 4px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 24px; }
      html:not([data-theme]) .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 24px; }
    html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(12px, 0.72rem, 0.8rem); }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 32px;
        min-height: 32px;
        line-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 32px;
        padding: 0 4px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 32px; }
      html:not([data-theme]) .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 32px; }
    html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
      min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 48px;
        min-height: 48px;
        line-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 48px; }
      html:not([data-theme]) .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
        font-size: 2rem; }
    html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
      font-size: clamp(1.1rem, 1.08rem, 22px); }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
        max-width: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
        width: 56px;
        min-height: 56px;
        line-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
        min-height: 56px; }
      html:not([data-theme]) .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
        font-size: 2.2rem; }

  html:not([data-theme]):has(.ty-calendar):focus-within > .ty-calendar {
    display: grid; }

  html:not([data-theme]) .ty-calendar {
    width: 100%;
    max-width: 100%;
    margin: 8px 0;
    display: none; }
    html:not([data-theme]) .ty-calendar.visible, html:not([data-theme]) .ty-calendar:hover, html:not([data-theme]) .ty-calendar:active, html:not([data-theme]) .ty-calendar:focus, html:not([data-theme]) .ty-calendar:focus-within {
      display: grid; }
    html:not([data-theme]) .ty-calendar .ty-calendar__layout {
      border-radius: unset;
      background: #1a1a1e;
      color: rgba(255, 255, 255, 0.8);
      -webkit-box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
      box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      align-items: start; }
      html:not([data-theme]) .ty-calendar .ty-calendar__layout.--wide {
        grid-template-columns: minmax(0, 1fr) 200px;
        gap: 8px; }
      html:not([data-theme]) .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
        border-top: none;
        border-left: 1px solid rgba(163, 127, 232, 0.3);
        border-radius: 0 unset unset 0;
        height: 100%; }
    html:not([data-theme]) .ty-calendar .ty-calendar__timeSelector {
      background: rgba(163, 127, 232, 0.08);
      padding: 8px;
      display: flex;
      flex-direction: column;
      gap: 4px;
      border-radius: 0 0 unset unset;
      border-top: 1px solid rgba(163, 127, 232, 0.3); }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeSelector ._label {
        background: #a37fe8;
        color: #0e0e0f;
        padding: 2.6666666667px 4px;
        border-radius: unset;
        font-weight: 600; }
    html:not([data-theme]) .ty-calendar .ty-calendar__timeList {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
      gap: 4px;
      max-height: 320px;
      overflow-y: auto; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button {
        text-align: center;
        padding: 2.6666666667px;
        border-radius: unset;
        border: none;
        cursor: pointer;
        transition: background 0.2s ease, color 0.2s ease;
        background: transparent;
        color: inherit; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button.selected {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar .ty-calendar__timeList button:hover, html:not([data-theme]) .ty-calendar .ty-calendar__timeList button:focus-visible {
        background: rgba(163, 127, 232, 0.2);
        color: #a37fe8; }
    html:not([data-theme]) .ty-calendar .ty-calendar__actions {
      margin: 8px 0 0 0;
      border-top: 1px solid rgba(163, 127, 232, 0.15);
      background: #a37fe8;
      color: #0e0e0f;
      border-radius: 0 0 unset unset; }
      html:not([data-theme]) .ty-calendar .ty-calendar__actions button:last-child {
        justify-self: end; }
      html:not([data-theme]) .ty-calendar .ty-calendar__actions button {
        color: #0e0e0f; }
    html:not([data-theme]) .ty-calendar button {
      background: transparent;
      color: inherit;
      -webkit-box-shadow: none;
      box-shadow: none; }
      html:not([data-theme]) .ty-calendar button:hover, html:not([data-theme]) .ty-calendar button:active, html:not([data-theme]) .ty-calendar button:focus {
        background: transparent;
        color: inherit;
        -webkit-box-shadow: none;
        box-shadow: none; }
    html:not([data-theme]) .ty-calendar .grid.--menu {
      min-height: 40px;
      padding: 4px; }
      html:not([data-theme]) .ty-calendar .grid.--menu._top {
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        display: grid;
        grid-template-columns: auto 1fr 1fr auto;
        grid-gap: 4px;
        grid-template-areas: 'prev year month next';
        align-items: center; }
      html:not([data-theme]) .ty-calendar .grid.--menu._bottom {
        border-bottom-left-radius: inherit;
        border-bottom-right-radius: inherit;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 4px;
        justify-items: start; }
      html:not([data-theme]) .ty-calendar .grid.--menu._bottom button:last-child {
        grid-column-start: -1; }
      html:not([data-theme]) .ty-calendar .grid.--menu label, html:not([data-theme]) .ty-calendar .grid.--menu label select {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar .grid.--menu option {
        background: #1a1a1e;
        color: rgba(255, 255, 255, 0.8); }
      html:not([data-theme]) .ty-calendar .grid.--menu button.btn-prev {
        grid-area: prev; }
      html:not([data-theme]) .ty-calendar .grid.--menu button.btn-next {
        grid-area: next; }
      html:not([data-theme]) .ty-calendar .grid.--menu label select {
        width: 100%;
        text-align: center; }
    html:not([data-theme]) .ty-calendar table {
      border-collapse: collapse;
      -webkit-border-horizontal-spacing: 0;
      -webkit-border-vertical-spacing: 0;
      width: 100%;
      background: transparent;
      color: inherit; }
      html:not([data-theme]) .ty-calendar table th {
        text-align: center; }
      html:not([data-theme]) .ty-calendar table td {
        border: none; }
      html:not([data-theme]) .ty-calendar table thead, html:not([data-theme]) .ty-calendar table tfoot {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar table tfoot {
        border-top: 1px solid rgba(14, 14, 15, 0.1); }
      html:not([data-theme]) .ty-calendar table thead tr:last-child th {
        background: #a37fe8;
        color: #0e0e0f; }
      html:not([data-theme]) .ty-calendar table tbody tr {
        height: 44px;
        vertical-align: middle; }
      html:not([data-theme]) .ty-calendar table tbody td {
        text-align: center;
        min-width: 40px; }
      html:not([data-theme]) .ty-calendar table tbody td.weekend {
        background: rgba(163, 127, 232, 0.1); }
      html:not([data-theme]) .ty-calendar table tbody button {
        position: relative; }
      html:not([data-theme]) .ty-calendar table tbody button.today:after {
        content: '';
        width: 4px;
        height: 4px;
        position: absolute;
        bottom: 4px;
        left: 50%;
        transform: translateX(-50%);
        background: #a37fe8;
        outline: 1px solid #0e0e0f;
        outline-offset: 1px;
        border-radius: 50%; }
      html:not([data-theme]) .ty-calendar table tbody button.selected > .day {
        pointer-events: none;
        background: #a37fe8;
        color: #0e0e0f;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; }

  html:not([data-theme]) button, html:not([data-theme]) [class*='btn-'], html:not([data-theme]) .btn {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    min-height: 40px;
    position: relative;
    width: max-content;
    max-width: 100%;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    -webkit-font-smoothing: subpixel-antialiased; }
    html:not([data-theme]) button:after, html:not([data-theme]) [class*='btn-']:after, html:not([data-theme]) .btn:after {
      position: absolute;
      pointer-events: none;
      border-radius: inherit;
      display: block; }
    html:not([data-theme]) button:disabled, html:not([data-theme]) [class*='btn-']:disabled, html:not([data-theme]) .btn:disabled, html:not([data-theme]) button[disabled], html:not([data-theme]) [class*='btn-'][disabled], html:not([data-theme]) .btn[disabled], html:not([data-theme]) button.disabled, html:not([data-theme]) [class*='btn-'].disabled, html:not([data-theme]) .btn.disabled, html:not([data-theme]) button.btn-disabled, html:not([data-theme]) [class*='btn-'].btn-disabled, html:not([data-theme]) .btn.btn-disabled {
      cursor: not-allowed;
      filter: grayscale(1) !important;
      -o-transition: none;
      transition: none; }
    html:not([data-theme]) button .badge, html:not([data-theme]) [class*='btn-'] .badge, html:not([data-theme]) .btn .badge {
      position: absolute;
      z-index: 1;
      top: -1em;
      right: -1ch;
      background: #383942;
      color: #fff;
      color: rgba(255, 255, 255, 0.85);
      font-size: clamp(8px, 0.5em, 80%);
      font-weight: bold;
      letter-spacing: 0.1px;
      padding: 0 4px;
      border-radius: inherit;
      -webkit-box-shadow: 0 0 2px -1px;
      box-shadow: 0 0 2px -1px;
      display: inline-block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    html:not([data-theme]) button .txt, html:not([data-theme]) [class*='btn-'] .txt, html:not([data-theme]) .btn .txt {
      overflow-wrap: break-word;
      word-wrap: break-word;
      -ms-word-break: break-all;
      word-break: break-word;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      -webkit-hyphens: auto;
      hyphens: auto; }

  html:not([data-theme]) a:not([class*='btn'])[prepended-icon-class], html:not([data-theme]) a:not([class*='btn'])[appended-icon-class] {
    display: inline-grid;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 4px;
    align-items: baseline;
    width: auto;
    max-width: 100%; }

  html:not([data-theme]) a[class*='btn-'], html:not([data-theme]) a.btn {
    text-decoration: none; }

  html:not([data-theme]) button:not(._adminPanelTitle), html:not([data-theme]) a.btn:not(._adminPanelTitle), html:not([data-theme]) span.btn:not(._adminPanelTitle), html:not([data-theme]) input.btn:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #383942;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(50, 51, 58, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(50, 51, 58, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) button:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn:not(._adminPanelTitle):hover, html:not([data-theme]) button:not(._adminPanelTitle):active, html:not([data-theme]) a.btn:not(._adminPanelTitle):active, html:not([data-theme]) span.btn:not(._adminPanelTitle):active, html:not([data-theme]) input.btn:not(._adminPanelTitle):active, html:not([data-theme]) button:not(._adminPanelTitle):focus, html:not([data-theme]) a.btn:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn:not(._adminPanelTitle):focus {
      background: #3f404a;
      color: #fff;
      -webkit-box-shadow: 0 10px 15px -3px rgba(50, 51, 58, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(50, 51, 58, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) button:not(._adminPanelTitle):focus-visible, html:not([data-theme]) a.btn:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #3f404a;
      outline-offset: 2px; }
    html:not([data-theme]) button:not(._adminPanelTitle):after, html:not([data-theme]) a.btn:not(._adminPanelTitle):after, html:not([data-theme]) span.btn:not(._adminPanelTitle):after, html:not([data-theme]) input.btn:not(._adminPanelTitle):after {
      content: unset; }

  html:not([data-theme]) a.btn-primary:not(._adminPanelTitle), html:not([data-theme]) button.btn-primary:not(._adminPanelTitle), html:not([data-theme]) span.btn-primary:not(._adminPanelTitle), html:not([data-theme]) input.btn-primary:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #a37fe8;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-primary:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-primary:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-primary:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-primary:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-primary:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-primary:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-primary:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-primary:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-primary:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-primary:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-primary:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-primary:not(._adminPanelTitle):focus {
      background: #9972e6;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-primary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-primary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-primary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-primary:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #9972e6;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-primary:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-primary:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-primary:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-primary:not(._adminPanelTitle):after {
      content: unset; }
    html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle), html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle), html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle), html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle) {
      filter: brightness(1) saturate(1) contrast(1);
      -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      background: transparent;
      color: #a37fe8;
      -webkit-box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
      box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle):focus {
      background: transparent;
      color: #a37fe8;
      -webkit-box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #3f404a;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-secondary:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-secondary:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-secondary:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-secondary:not(._adminPanelTitle):after {
      content: unset; }
    html:not([data-theme]) a.btn-info:not(._adminPanelTitle), html:not([data-theme]) button.btn-info:not(._adminPanelTitle), html:not([data-theme]) span.btn-info:not(._adminPanelTitle), html:not([data-theme]) input.btn-info:not(._adminPanelTitle) {
      filter: brightness(1) saturate(1) contrast(1);
      -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      background: #6c97e5;
      color: #0e0e0f;
      -webkit-box-shadow: 0 1px 3px 0 rgba(94, 131, 197, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
      box-shadow: 0 1px 3px 0 rgba(94, 131, 197, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-info:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-info:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-info:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-info:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-info:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-info:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-info:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-info:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-info:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-info:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-info:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-info:not(._adminPanelTitle):focus {
      background: #5f8ee3;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(94, 131, 197, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(94, 131, 197, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-info:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-info:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-info:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-info:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #5f8ee3;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-info:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-info:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-info:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-info:not(._adminPanelTitle):after {
      content: unset; }
    html:not([data-theme]) a.btn-success:not(._adminPanelTitle), html:not([data-theme]) button.btn-success:not(._adminPanelTitle), html:not([data-theme]) span.btn-success:not(._adminPanelTitle), html:not([data-theme]) input.btn-success:not(._adminPanelTitle) {
      filter: brightness(1) saturate(1) contrast(1);
      -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      background: #4dbe41;
      color: #0e0e0f;
      -webkit-box-shadow: 0 1px 3px 0 rgba(67, 164, 57, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
      box-shadow: 0 1px 3px 0 rgba(67, 164, 57, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-success:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-success:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-success:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-success:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-success:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-success:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-success:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-success:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-success:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-success:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-success:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-success:not(._adminPanelTitle):focus {
      background: #57c24c;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(67, 164, 57, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(67, 164, 57, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-success:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-success:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-success:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-success:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #57c24c;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-success:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-success:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-success:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-success:not(._adminPanelTitle):after {
      content: unset; }
    html:not([data-theme]) a.btn-warning:not(._adminPanelTitle), html:not([data-theme]) button.btn-warning:not(._adminPanelTitle), html:not([data-theme]) span.btn-warning:not(._adminPanelTitle), html:not([data-theme]) input.btn-warning:not(._adminPanelTitle) {
      filter: brightness(1) saturate(1) contrast(1);
      -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      background: #da803a;
      color: #0e0e0f;
      -webkit-box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
      box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-warning:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-warning:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-warning:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-warning:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-warning:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-warning:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-warning:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-warning:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-warning:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-warning:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-warning:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-warning:not(._adminPanelTitle):focus {
      background: #d8782d;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-warning:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-warning:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-warning:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-warning:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #d8782d;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-warning:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-warning:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-warning:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-warning:not(._adminPanelTitle):after {
      content: unset; }
    html:not([data-theme]) a.btn-danger:not(._adminPanelTitle), html:not([data-theme]) button.btn-danger:not(._adminPanelTitle), html:not([data-theme]) span.btn-danger:not(._adminPanelTitle), html:not([data-theme]) input.btn-danger:not(._adminPanelTitle), html:not([data-theme]) a.btn-error:not(._adminPanelTitle), html:not([data-theme]) button.btn-error:not(._adminPanelTitle), html:not([data-theme]) span.btn-error:not(._adminPanelTitle), html:not([data-theme]) input.btn-error:not(._adminPanelTitle) {
      filter: brightness(1) saturate(1) contrast(1);
      -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
      background: #e2656e;
      color: #0e0e0f;
      -webkit-box-shadow: 0 1px 3px 0 rgba(194, 88, 95, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
      box-shadow: 0 1px 3px 0 rgba(194, 88, 95, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html:not([data-theme]) a.btn-danger:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-danger:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-danger:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-danger:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-error:not(._adminPanelTitle):hover, html:not([data-theme]) button.btn-error:not(._adminPanelTitle):hover, html:not([data-theme]) span.btn-error:not(._adminPanelTitle):hover, html:not([data-theme]) input.btn-error:not(._adminPanelTitle):hover, html:not([data-theme]) a.btn-danger:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-danger:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-danger:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-danger:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-error:not(._adminPanelTitle):active, html:not([data-theme]) button.btn-error:not(._adminPanelTitle):active, html:not([data-theme]) span.btn-error:not(._adminPanelTitle):active, html:not([data-theme]) input.btn-error:not(._adminPanelTitle):active, html:not([data-theme]) a.btn-danger:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-danger:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-danger:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-danger:not(._adminPanelTitle):focus, html:not([data-theme]) a.btn-error:not(._adminPanelTitle):focus, html:not([data-theme]) button.btn-error:not(._adminPanelTitle):focus, html:not([data-theme]) span.btn-error:not(._adminPanelTitle):focus, html:not([data-theme]) input.btn-error:not(._adminPanelTitle):focus {
      background: #e05861;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(194, 88, 95, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(194, 88, 95, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html:not([data-theme]) a.btn-danger:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-danger:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-danger:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-danger:not(._adminPanelTitle):focus-visible, html:not([data-theme]) a.btn-error:not(._adminPanelTitle):focus-visible, html:not([data-theme]) button.btn-error:not(._adminPanelTitle):focus-visible, html:not([data-theme]) span.btn-error:not(._adminPanelTitle):focus-visible, html:not([data-theme]) input.btn-error:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #e05861;
      outline-offset: 2px; }
    html:not([data-theme]) a.btn-danger:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-danger:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-danger:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-danger:not(._adminPanelTitle):after, html:not([data-theme]) a.btn-error:not(._adminPanelTitle):after, html:not([data-theme]) button.btn-error:not(._adminPanelTitle):after, html:not([data-theme]) span.btn-error:not(._adminPanelTitle):after, html:not([data-theme]) input.btn-error:not(._adminPanelTitle):after {
      content: unset; }

  html:not([data-theme]) ._tabletBtn {
    display: none; }

  html:not([data-theme]) .btn-xs {
    font-size: 0.8em;
    padding: 2px 8px;
    min-height: 24px; }
    html:not([data-theme]) .btn-xs.btn-icon {
      height: 24px;
      width: 24px; }

  html:not([data-theme]) .btn-sm {
    font-size: 0.8em;
    padding: 2px 8px;
    min-height: 32px; }
    html:not([data-theme]) .btn-sm.btn-icon {
      height: 32px;
      width: 32px; }

  html:not([data-theme]) .btn-lg {
    min-height: 48px;
    gap: 16px; }
    html:not([data-theme]) .btn-lg.btn-icon {
      height: 48px;
      width: 48px; }

  html:not([data-theme]) .btn-xl {
    min-height: 56px;
    font-size: 1.1em;
    padding: 8px 16px;
    gap: 16px; }
    html:not([data-theme]) .btn-xl.btn-icon {
      height: 56px;
      width: 56px; }
    html:not([data-theme]) .btn-addToCart:before {
      content: "\f218";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-calendar:before {
      content: "\f073";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-cancel:before {
      content: "\f00d";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-confirm:before {
      content: "\f00c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-connect:before {
      content: "\f1eb";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-decrease:before {
      content: "\f068";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-delete:before {
      content: "\f1f8";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-download:before {
      content: "\f019";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-edit:before {
      content: "\f044";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-hide:before {
      content: "\f070";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-increase:before {
      content: "\f067";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-key-1:before {
      content: "\f084";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-key-2:before {
      content: "\f6f3";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-lock-1:before {
      content: "\f023";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-lock-2:before {
      content: "\f30d";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-logOut:before {
      content: "\f08b";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-logIn:before {
      content: "\f090";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-next:before {
      content: "\f105";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-prev:before {
      content: "\f104";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-redo:before {
      content: "\f01e";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-save:before {
      content: "\f0c7";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-search:before {
      content: "\f002";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-send:before {
      content: "\f1d8";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-show:before {
      content: "\f06e";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-sync:before {
      content: "\f021";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-undo:before {
      content: "\f0e2";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-unlock-1:before {
      content: "\f09c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-unlock-2:before {
      content: "\f13e";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-email-1:before {
      content: "\f1fa";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-email-2:before {
      content: "\f0e0";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-fax-1:before {
      content: "\f1ac";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-pdf:before {
      content: "\f1c1";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-phone-1:before {
      content: "\f879";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-phone-2:before {
      content: "\f67d";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-phone-3:before {
      content: "\f8d3";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-print:before {
      content: "\f02f";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-mobile:before {
      content: "\f3cf";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-tablet:before {
      content: "\f3fa";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-laptop:before {
      content: "\f109";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-desktop:before {
      content: "\f108";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-facebook-1:before {
      content: "\f39e";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-facebook-2:before {
      content: "\f09a";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-facebook-3:before {
      content: "\f082";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-instagram-1:before {
      content: "\f16d";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-instagram-2:before {
      content: "\e055";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-linkedIn-1:before {
      content: "\f0e1";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-linkedIn-2:before {
      content: "\f08c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-networkShare-1:before {
      content: "\f1e0";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-networkShare-2:before {
      content: "\f1e1";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-pinterest-1:before {
      content: "\f231";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-pinterest-2:before {
      content: "\f0d2";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-pinterest-3:before {
      content: "\f0d3";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-snapchat-1:before {
      content: "\f2ac";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-snapchat-2:before {
      content: "\f2ab";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-snapchat-3:before {
      content: "\f2ad";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-skype-1:before {
      content: "\f17e";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-steam-1:before {
      content: "\f3f6";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-steam-2:before {
      content: "\f1b6";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-steam-3:before {
      content: "\f1b7";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-tiktok:before {
      content: "\e07b";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-twitter-1:before {
      content: "\f099";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-tumblr-1:before {
      content: "\f173";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-tumblr-2:before {
      content: "\f174";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-twitter-2:before {
      content: "\f081";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-viber-1:before {
      content: "\f409";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-vine-1:before {
      content: "\f1ca";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-vimeo-1:before {
      content: "\f27d";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-whatsapp-1:before {
      content: "\f232";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-whatsapp-2:before {
      content: "\f40c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-xing-1:before {
      content: "\f168";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-xing-2:before {
      content: "\f169";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-youtube-1:before {
      content: "\f167";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-youtube-2:before {
      content: "\f431";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shipping-1:before {
      content: "\f0d1";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shipping-2:before {
      content: "\f48c";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shipping-3:before {
      content: "\f48b";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingBag-1:before {
      content: "\f290";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingBag-2:before {
      content: "\f291";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingBag-3:before {
      content: "\f847";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingCart-1:before {
      content: "\f07a";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingCart-2:before {
      content: "\f217";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-shoppingCart-3:before {
      content: "\f218";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-barcode-1:before {
      content: "\f02a";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-barcode-2:before {
      content: "\f463";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-barcode-3:before {
      content: "\f464";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }
    html:not([data-theme]) .btn-qrCode-1:before {
      content: "\f029";
      font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
      font-weight: 300;
      font-size: 1em;
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 0; }

  html:not([data-theme]) .btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    aspect-ratio: 1; }

  html:not([data-theme]) .btn-process:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    transition: transform 0.33s linear; }
@-webkit-keyframes spin {
            0% {
              transform: rotate(0); }
            100% {
              transform: rotate(360deg); } }
@-moz-keyframes spin {
            0% {
              transform: rotate(0); }
            100% {
              transform: rotate(360deg); } }
@-o-keyframes spin {
            0% {
              transform: rotate(0); }
            100% {
              transform: rotate(360deg); } }
@keyframes spin {
            0% {
              transform: rotate(0); }
            100% {
              transform: rotate(360deg); } }
@-webkit-keyframes failshake {
            10%, 90% {
              transform: translate3d(-1px, 0, 0); }
            20%, 80% {
              transform: translate3d(2px, 0, 0); }
            30%, 50%, 70% {
              transform: translate3d(-4px, 0, 0); }
            40%, 60% {
              transform: translate3d(4px, 0, 0); } }
@-moz-keyframes failshake {
            10%, 90% {
              transform: translate3d(-1px, 0, 0); }
            20%, 80% {
              transform: translate3d(2px, 0, 0); }
            30%, 50%, 70% {
              transform: translate3d(-4px, 0, 0); }
            40%, 60% {
              transform: translate3d(4px, 0, 0); } }
@-o-keyframes failshake {
            10%, 90% {
              transform: translate3d(-1px, 0, 0); }
            20%, 80% {
              transform: translate3d(2px, 0, 0); }
            30%, 50%, 70% {
              transform: translate3d(-4px, 0, 0); }
            40%, 60% {
              transform: translate3d(4px, 0, 0); } }
@keyframes failshake {
            10%, 90% {
              transform: translate3d(-1px, 0, 0); }
            20%, 80% {
              transform: translate3d(2px, 0, 0); }
            30%, 50%, 70% {
              transform: translate3d(-4px, 0, 0); }
            40%, 60% {
              transform: translate3d(4px, 0, 0); } }
  html:not([data-theme]) .btn-process.running:before {
    content: '\f3f4';
    animation: spin 2s linear infinite; }

  html:not([data-theme]) .btn-process.failed:before {
    content: '\f00d';
    color: #e2656e;
    animation: failshake 0.68s linear; }

  html:not([data-theme]) .btn-process.success:before {
    content: '\f00c';
    color: #4dbe41; }

  html:not([data-theme]) .btn-process.running > .icon, html:not([data-theme]) .btn-process.failed > .icon, html:not([data-theme]) .btn-process.success > .icon {
    display: none; }

  html:not([data-theme]) .--buttonGroup {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: gainsboro ghostwhite;
    border-radius: 4px;
    list-style: none;
    margin: 0;
    gap: 8px;
    overflow: visible;
    padding: 4px; }

  html:not([data-theme]) .--buttonGroup::-webkit-scrollbar {
    width: 8px;
    height: 8px; }

  html:not([data-theme]) .--buttonGroup::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }

  html:not([data-theme]) .--buttonGroup::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.08); }

  html:not([data-theme]) .--buttonGroup > * {
    border-radius: 0;
    position: relative; }

  html:not([data-theme]) .--buttonGroup > *:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit; }

  html:not([data-theme]) .--buttonGroup > *:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit; } }
  @media (prefers-color-scheme: dark) and (min-resolution: 2x) {
      html:not([data-theme]) .iti__flag {
        background-image: var(--iti-path-flags-2x); }
      html:not([data-theme]) .iti__globe {
        background-image: var(--iti-path-globe-2x); } }
  @media (prefers-color-scheme: dark) and (max-width: 500px) {
      html:not([data-theme]) .iti--flexible-dropdown-width .iti__country-list {
        white-space: normal; } }
    @media (prefers-color-scheme: dark) and (max-width: 575px) {
      html:not([data-theme]) .ty-calendar {
        position: fixed;
        z-index: 999;
        top: 40px;
        left: 0;
        width: 100%;
        max-width: 100vw; }
        html:not([data-theme]) .ty-calendar:before {
          content: '';
          position: fixed;
          width: 100vw;
          height: 100vh;
          z-index: -1;
          background: rgba(14, 14, 15, 0.6);
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block; } }
    @media (prefers-color-scheme: dark) and (max-width: 575px) {
      html:not([data-theme]) .ty-calendar {
        position: fixed;
        z-index: 999;
        top: 40px;
        left: 0;
        width: 100%;
        max-width: 100vw; }
        html:not([data-theme]) .ty-calendar:before {
          content: '';
          position: fixed;
          width: 100vw;
          height: 100vh;
          z-index: -1;
          background: rgba(14, 14, 15, 0.6);
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block; } }
    @media (prefers-color-scheme: dark) and (min-width: 768px) {
      html:not([data-theme]) ._mobileBtn {
        display: none; } }
    @media (prefers-color-scheme: dark) and (min-width: 768px) {
      html:not([data-theme]) ._tabletBtn {
        display: inline-flex; } }

html[data-theme='darkMode'] {
  --mode: dark;
  --txt_primary: rgba(255, 255, 255, 0.85);
  --txt_secondary: rgba(255, 255, 255, 0.8);
  --L0_bg: #0e0e0f;
  --L1_bg: #131316;
  --L2_bg: #1a1a1e;
  --L3_bg: #26262c;
  --topLevelInteractiveElementBG: #383942;
  --separator: rgba(56, 57, 66, 0.25);
  --accent: #a37fe8;
  --accent_trans1: rgba(163, 127, 232, 0.08);
  --accent_trans2: rgba(163, 127, 232, 0.1);
  --accent_trans3: rgba(163, 127, 232, 0.15);
  --focusRing: rgba(163, 127, 232, 0.5);
  --infoTxt: #6c97e5;
  --infoTxt_trans1: rgba(108, 151, 229, 0.08);
  --infoTxt_trans2: rgba(108, 151, 229, 0.1);
  --infoTxt_trans3: rgba(108, 151, 229, 0.15);
  --successTxt: #4dbe41;
  --successTxt_trans1: rgba(77, 190, 65, 0.08);
  --successTxt_trans2: rgba(77, 190, 65, 0.1);
  --successTxt_trans3: rgba(77, 190, 65, 0.15);
  --warningTxt: #da803a;
  --warningTxt_trans1: rgba(218, 128, 58, 0.08);
  --warningTxt_trans2: rgba(218, 128, 58, 0.1);
  --warningTxt_trans3: rgba(218, 128, 58, 0.15);
  --errorTxt: #e2656e;
  --errorTxt_trans1: rgba(226, 101, 110, 0.08);
  --errorTxt_trans2: rgba(226, 101, 110, 0.1);
  --errorTxt_trans3: rgba(226, 101, 110, 0.15); }
  html[data-theme='darkMode'] :root {
    --iti-dialcode-color: #999;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: 6px;
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 4px;
    --iti-arrow-color: #555;
    --iti-mobile-popup-margin: 30px; }
  html[data-theme='darkMode'] :root {
    --iti-path-flags-1x: url('/CSS/intlTelInput/img/flags.webp');
    --iti-path-flags-2x: url('/CSS/intlTelInput/imgflags@2x.webp');
    --iti-path-globe-1x: url('/CSS/intlTelInput/img/globe.webp');
    --iti-path-globe-2x: url('/CSS/intlTelInput/img/globe@2x.webp');
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px; }
  html[data-theme='darkMode'] .iti__flag {
    --iti-flag-offset: 100px;
    height: var(--iti-flag-height);
    width: var(--iti-flag-width);
    border-radius: 1px;
    background-image: var(--iti-path-flags-1x);
    background-repeat: no-repeat;
    background-position: var(--iti-flag-offset) 0;
    background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); }
  html[data-theme='darkMode'] .iti__ac {
    --iti-flag-offset: 0px; }
  html[data-theme='darkMode'] .iti__ad {
    --iti-flag-offset: -16px; }
  html[data-theme='darkMode'] .iti__ae {
    --iti-flag-offset: -32px; }
  html[data-theme='darkMode'] .iti__af {
    --iti-flag-offset: -48px; }
  html[data-theme='darkMode'] .iti__ag {
    --iti-flag-offset: -64px; }
  html[data-theme='darkMode'] .iti__ai {
    --iti-flag-offset: -80px; }
  html[data-theme='darkMode'] .iti__al {
    --iti-flag-offset: -96px; }
  html[data-theme='darkMode'] .iti__am {
    --iti-flag-offset: -112px; }
  html[data-theme='darkMode'] .iti__ao {
    --iti-flag-offset: -128px; }
  html[data-theme='darkMode'] .iti__ar {
    --iti-flag-offset: -144px; }
  html[data-theme='darkMode'] .iti__as {
    --iti-flag-offset: -160px; }
  html[data-theme='darkMode'] .iti__at {
    --iti-flag-offset: -176px; }
  html[data-theme='darkMode'] .iti__au {
    --iti-flag-offset: -192px; }
  html[data-theme='darkMode'] .iti__aw {
    --iti-flag-offset: -208px; }
  html[data-theme='darkMode'] .iti__ax {
    --iti-flag-offset: -224px; }
  html[data-theme='darkMode'] .iti__az {
    --iti-flag-offset: -240px; }
  html[data-theme='darkMode'] .iti__ba {
    --iti-flag-offset: -256px; }
  html[data-theme='darkMode'] .iti__bb {
    --iti-flag-offset: -272px; }
  html[data-theme='darkMode'] .iti__bd {
    --iti-flag-offset: -288px; }
  html[data-theme='darkMode'] .iti__be {
    --iti-flag-offset: -304px; }
  html[data-theme='darkMode'] .iti__bf {
    --iti-flag-offset: -320px; }
  html[data-theme='darkMode'] .iti__bg {
    --iti-flag-offset: -336px; }
  html[data-theme='darkMode'] .iti__bh {
    --iti-flag-offset: -352px; }
  html[data-theme='darkMode'] .iti__bi {
    --iti-flag-offset: -368px; }
  html[data-theme='darkMode'] .iti__bj {
    --iti-flag-offset: -384px; }
  html[data-theme='darkMode'] .iti__bl {
    --iti-flag-offset: -400px; }
  html[data-theme='darkMode'] .iti__bm {
    --iti-flag-offset: -416px; }
  html[data-theme='darkMode'] .iti__bn {
    --iti-flag-offset: -432px; }
  html[data-theme='darkMode'] .iti__bo {
    --iti-flag-offset: -448px; }
  html[data-theme='darkMode'] .iti__bq {
    --iti-flag-offset: -464px; }
  html[data-theme='darkMode'] .iti__br {
    --iti-flag-offset: -480px; }
  html[data-theme='darkMode'] .iti__bs {
    --iti-flag-offset: -496px; }
  html[data-theme='darkMode'] .iti__bt {
    --iti-flag-offset: -512px; }
  html[data-theme='darkMode'] .iti__bw {
    --iti-flag-offset: -528px; }
  html[data-theme='darkMode'] .iti__by {
    --iti-flag-offset: -544px; }
  html[data-theme='darkMode'] .iti__bz {
    --iti-flag-offset: -560px; }
  html[data-theme='darkMode'] .iti__ca {
    --iti-flag-offset: -576px; }
  html[data-theme='darkMode'] .iti__cc {
    --iti-flag-offset: -592px; }
  html[data-theme='darkMode'] .iti__cd {
    --iti-flag-offset: -608px; }
  html[data-theme='darkMode'] .iti__cf {
    --iti-flag-offset: -624px; }
  html[data-theme='darkMode'] .iti__cg {
    --iti-flag-offset: -640px; }
  html[data-theme='darkMode'] .iti__ch {
    --iti-flag-offset: -656px; }
  html[data-theme='darkMode'] .iti__ci {
    --iti-flag-offset: -672px; }
  html[data-theme='darkMode'] .iti__ck {
    --iti-flag-offset: -688px; }
  html[data-theme='darkMode'] .iti__cl {
    --iti-flag-offset: -704px; }
  html[data-theme='darkMode'] .iti__cm {
    --iti-flag-offset: -720px; }
  html[data-theme='darkMode'] .iti__cn {
    --iti-flag-offset: -736px; }
  html[data-theme='darkMode'] .iti__co {
    --iti-flag-offset: -752px; }
  html[data-theme='darkMode'] .iti__cr {
    --iti-flag-offset: -768px; }
  html[data-theme='darkMode'] .iti__cu {
    --iti-flag-offset: -784px; }
  html[data-theme='darkMode'] .iti__cv {
    --iti-flag-offset: -800px; }
  html[data-theme='darkMode'] .iti__cw {
    --iti-flag-offset: -816px; }
  html[data-theme='darkMode'] .iti__cx {
    --iti-flag-offset: -832px; }
  html[data-theme='darkMode'] .iti__cy {
    --iti-flag-offset: -848px; }
  html[data-theme='darkMode'] .iti__cz {
    --iti-flag-offset: -864px; }
  html[data-theme='darkMode'] .iti__de {
    --iti-flag-offset: -880px; }
  html[data-theme='darkMode'] .iti__dj {
    --iti-flag-offset: -896px; }
  html[data-theme='darkMode'] .iti__dk {
    --iti-flag-offset: -912px; }
  html[data-theme='darkMode'] .iti__dm {
    --iti-flag-offset: -928px; }
  html[data-theme='darkMode'] .iti__do {
    --iti-flag-offset: -944px; }
  html[data-theme='darkMode'] .iti__dz {
    --iti-flag-offset: -960px; }
  html[data-theme='darkMode'] .iti__ec {
    --iti-flag-offset: -976px; }
  html[data-theme='darkMode'] .iti__ee {
    --iti-flag-offset: -992px; }
  html[data-theme='darkMode'] .iti__eg {
    --iti-flag-offset: -1008px; }
  html[data-theme='darkMode'] .iti__eh {
    --iti-flag-offset: -1024px; }
  html[data-theme='darkMode'] .iti__er {
    --iti-flag-offset: -1040px; }
  html[data-theme='darkMode'] .iti__es {
    --iti-flag-offset: -1056px; }
  html[data-theme='darkMode'] .iti__et {
    --iti-flag-offset: -1072px; }
  html[data-theme='darkMode'] .iti__fi {
    --iti-flag-offset: -1088px; }
  html[data-theme='darkMode'] .iti__fj {
    --iti-flag-offset: -1104px; }
  html[data-theme='darkMode'] .iti__fk {
    --iti-flag-offset: -1120px; }
  html[data-theme='darkMode'] .iti__fm {
    --iti-flag-offset: -1136px; }
  html[data-theme='darkMode'] .iti__fo {
    --iti-flag-offset: -1152px; }
  html[data-theme='darkMode'] .iti__fr {
    --iti-flag-offset: -1168px; }
  html[data-theme='darkMode'] .iti__ga {
    --iti-flag-offset: -1184px; }
  html[data-theme='darkMode'] .iti__gb {
    --iti-flag-offset: -1200px; }
  html[data-theme='darkMode'] .iti__gd {
    --iti-flag-offset: -1216px; }
  html[data-theme='darkMode'] .iti__ge {
    --iti-flag-offset: -1232px; }
  html[data-theme='darkMode'] .iti__gf {
    --iti-flag-offset: -1248px; }
  html[data-theme='darkMode'] .iti__gg {
    --iti-flag-offset: -1264px; }
  html[data-theme='darkMode'] .iti__gh {
    --iti-flag-offset: -1280px; }
  html[data-theme='darkMode'] .iti__gi {
    --iti-flag-offset: -1296px; }
  html[data-theme='darkMode'] .iti__gl {
    --iti-flag-offset: -1312px; }
  html[data-theme='darkMode'] .iti__gm {
    --iti-flag-offset: -1328px; }
  html[data-theme='darkMode'] .iti__gn {
    --iti-flag-offset: -1344px; }
  html[data-theme='darkMode'] .iti__gp {
    --iti-flag-offset: -1360px; }
  html[data-theme='darkMode'] .iti__gq {
    --iti-flag-offset: -1376px; }
  html[data-theme='darkMode'] .iti__gr {
    --iti-flag-offset: -1392px; }
  html[data-theme='darkMode'] .iti__gt {
    --iti-flag-offset: -1408px; }
  html[data-theme='darkMode'] .iti__gu {
    --iti-flag-offset: -1424px; }
  html[data-theme='darkMode'] .iti__gw {
    --iti-flag-offset: -1440px; }
  html[data-theme='darkMode'] .iti__gy {
    --iti-flag-offset: -1456px; }
  html[data-theme='darkMode'] .iti__hk {
    --iti-flag-offset: -1472px; }
  html[data-theme='darkMode'] .iti__hn {
    --iti-flag-offset: -1488px; }
  html[data-theme='darkMode'] .iti__hr {
    --iti-flag-offset: -1504px; }
  html[data-theme='darkMode'] .iti__ht {
    --iti-flag-offset: -1520px; }
  html[data-theme='darkMode'] .iti__hu {
    --iti-flag-offset: -1536px; }
  html[data-theme='darkMode'] .iti__id {
    --iti-flag-offset: -1552px; }
  html[data-theme='darkMode'] .iti__ie {
    --iti-flag-offset: -1568px; }
  html[data-theme='darkMode'] .iti__il {
    --iti-flag-offset: -1584px; }
  html[data-theme='darkMode'] .iti__im {
    --iti-flag-offset: -1600px; }
  html[data-theme='darkMode'] .iti__in {
    --iti-flag-offset: -1616px; }
  html[data-theme='darkMode'] .iti__io {
    --iti-flag-offset: -1632px; }
  html[data-theme='darkMode'] .iti__iq {
    --iti-flag-offset: -1648px; }
  html[data-theme='darkMode'] .iti__ir {
    --iti-flag-offset: -1664px; }
  html[data-theme='darkMode'] .iti__is {
    --iti-flag-offset: -1680px; }
  html[data-theme='darkMode'] .iti__it {
    --iti-flag-offset: -1696px; }
  html[data-theme='darkMode'] .iti__je {
    --iti-flag-offset: -1712px; }
  html[data-theme='darkMode'] .iti__jm {
    --iti-flag-offset: -1728px; }
  html[data-theme='darkMode'] .iti__jo {
    --iti-flag-offset: -1744px; }
  html[data-theme='darkMode'] .iti__jp {
    --iti-flag-offset: -1760px; }
  html[data-theme='darkMode'] .iti__ke {
    --iti-flag-offset: -1776px; }
  html[data-theme='darkMode'] .iti__kg {
    --iti-flag-offset: -1792px; }
  html[data-theme='darkMode'] .iti__kh {
    --iti-flag-offset: -1808px; }
  html[data-theme='darkMode'] .iti__ki {
    --iti-flag-offset: -1824px; }
  html[data-theme='darkMode'] .iti__km {
    --iti-flag-offset: -1840px; }
  html[data-theme='darkMode'] .iti__kn {
    --iti-flag-offset: -1856px; }
  html[data-theme='darkMode'] .iti__kp {
    --iti-flag-offset: -1872px; }
  html[data-theme='darkMode'] .iti__kr {
    --iti-flag-offset: -1888px; }
  html[data-theme='darkMode'] .iti__kw {
    --iti-flag-offset: -1904px; }
  html[data-theme='darkMode'] .iti__ky {
    --iti-flag-offset: -1920px; }
  html[data-theme='darkMode'] .iti__kz {
    --iti-flag-offset: -1936px; }
  html[data-theme='darkMode'] .iti__la {
    --iti-flag-offset: -1952px; }
  html[data-theme='darkMode'] .iti__lb {
    --iti-flag-offset: -1968px; }
  html[data-theme='darkMode'] .iti__lc {
    --iti-flag-offset: -1984px; }
  html[data-theme='darkMode'] .iti__li {
    --iti-flag-offset: -2000px; }
  html[data-theme='darkMode'] .iti__lk {
    --iti-flag-offset: -2016px; }
  html[data-theme='darkMode'] .iti__lr {
    --iti-flag-offset: -2032px; }
  html[data-theme='darkMode'] .iti__ls {
    --iti-flag-offset: -2048px; }
  html[data-theme='darkMode'] .iti__lt {
    --iti-flag-offset: -2064px; }
  html[data-theme='darkMode'] .iti__lu {
    --iti-flag-offset: -2080px; }
  html[data-theme='darkMode'] .iti__lv {
    --iti-flag-offset: -2096px; }
  html[data-theme='darkMode'] .iti__ly {
    --iti-flag-offset: -2112px; }
  html[data-theme='darkMode'] .iti__ma {
    --iti-flag-offset: -2128px; }
  html[data-theme='darkMode'] .iti__mc {
    --iti-flag-offset: -2144px; }
  html[data-theme='darkMode'] .iti__md {
    --iti-flag-offset: -2160px; }
  html[data-theme='darkMode'] .iti__me {
    --iti-flag-offset: -2176px; }
  html[data-theme='darkMode'] .iti__mf {
    --iti-flag-offset: -2192px; }
  html[data-theme='darkMode'] .iti__mg {
    --iti-flag-offset: -2208px; }
  html[data-theme='darkMode'] .iti__mh {
    --iti-flag-offset: -2224px; }
  html[data-theme='darkMode'] .iti__mk {
    --iti-flag-offset: -2240px; }
  html[data-theme='darkMode'] .iti__ml {
    --iti-flag-offset: -2256px; }
  html[data-theme='darkMode'] .iti__mm {
    --iti-flag-offset: -2272px; }
  html[data-theme='darkMode'] .iti__mn {
    --iti-flag-offset: -2288px; }
  html[data-theme='darkMode'] .iti__mo {
    --iti-flag-offset: -2304px; }
  html[data-theme='darkMode'] .iti__mp {
    --iti-flag-offset: -2320px; }
  html[data-theme='darkMode'] .iti__mq {
    --iti-flag-offset: -2336px; }
  html[data-theme='darkMode'] .iti__mr {
    --iti-flag-offset: -2352px; }
  html[data-theme='darkMode'] .iti__ms {
    --iti-flag-offset: -2368px; }
  html[data-theme='darkMode'] .iti__mt {
    --iti-flag-offset: -2384px; }
  html[data-theme='darkMode'] .iti__mu {
    --iti-flag-offset: -2400px; }
  html[data-theme='darkMode'] .iti__mv {
    --iti-flag-offset: -2416px; }
  html[data-theme='darkMode'] .iti__mw {
    --iti-flag-offset: -2432px; }
  html[data-theme='darkMode'] .iti__mx {
    --iti-flag-offset: -2448px; }
  html[data-theme='darkMode'] .iti__my {
    --iti-flag-offset: -2464px; }
  html[data-theme='darkMode'] .iti__mz {
    --iti-flag-offset: -2480px; }
  html[data-theme='darkMode'] .iti__na {
    --iti-flag-offset: -2496px; }
  html[data-theme='darkMode'] .iti__nc {
    --iti-flag-offset: -2512px; }
  html[data-theme='darkMode'] .iti__ne {
    --iti-flag-offset: -2528px; }
  html[data-theme='darkMode'] .iti__nf {
    --iti-flag-offset: -2544px; }
  html[data-theme='darkMode'] .iti__ng {
    --iti-flag-offset: -2560px; }
  html[data-theme='darkMode'] .iti__ni {
    --iti-flag-offset: -2576px; }
  html[data-theme='darkMode'] .iti__nl {
    --iti-flag-offset: -2592px; }
  html[data-theme='darkMode'] .iti__no {
    --iti-flag-offset: -2608px; }
  html[data-theme='darkMode'] .iti__np {
    --iti-flag-offset: -2624px; }
  html[data-theme='darkMode'] .iti__nr {
    --iti-flag-offset: -2640px; }
  html[data-theme='darkMode'] .iti__nu {
    --iti-flag-offset: -2656px; }
  html[data-theme='darkMode'] .iti__nz {
    --iti-flag-offset: -2672px; }
  html[data-theme='darkMode'] .iti__om {
    --iti-flag-offset: -2688px; }
  html[data-theme='darkMode'] .iti__pa {
    --iti-flag-offset: -2704px; }
  html[data-theme='darkMode'] .iti__pe {
    --iti-flag-offset: -2720px; }
  html[data-theme='darkMode'] .iti__pf {
    --iti-flag-offset: -2736px; }
  html[data-theme='darkMode'] .iti__pg {
    --iti-flag-offset: -2752px; }
  html[data-theme='darkMode'] .iti__ph {
    --iti-flag-offset: -2768px; }
  html[data-theme='darkMode'] .iti__pk {
    --iti-flag-offset: -2784px; }
  html[data-theme='darkMode'] .iti__pl {
    --iti-flag-offset: -2800px; }
  html[data-theme='darkMode'] .iti__pm {
    --iti-flag-offset: -2816px; }
  html[data-theme='darkMode'] .iti__pr {
    --iti-flag-offset: -2832px; }
  html[data-theme='darkMode'] .iti__ps {
    --iti-flag-offset: -2848px; }
  html[data-theme='darkMode'] .iti__pt {
    --iti-flag-offset: -2864px; }
  html[data-theme='darkMode'] .iti__pw {
    --iti-flag-offset: -2880px; }
  html[data-theme='darkMode'] .iti__py {
    --iti-flag-offset: -2896px; }
  html[data-theme='darkMode'] .iti__qa {
    --iti-flag-offset: -2912px; }
  html[data-theme='darkMode'] .iti__re {
    --iti-flag-offset: -2928px; }
  html[data-theme='darkMode'] .iti__ro {
    --iti-flag-offset: -2944px; }
  html[data-theme='darkMode'] .iti__rs {
    --iti-flag-offset: -2960px; }
  html[data-theme='darkMode'] .iti__ru {
    --iti-flag-offset: -2976px; }
  html[data-theme='darkMode'] .iti__rw {
    --iti-flag-offset: -2992px; }
  html[data-theme='darkMode'] .iti__sa {
    --iti-flag-offset: -3008px; }
  html[data-theme='darkMode'] .iti__sb {
    --iti-flag-offset: -3024px; }
  html[data-theme='darkMode'] .iti__sc {
    --iti-flag-offset: -3040px; }
  html[data-theme='darkMode'] .iti__sd {
    --iti-flag-offset: -3056px; }
  html[data-theme='darkMode'] .iti__se {
    --iti-flag-offset: -3072px; }
  html[data-theme='darkMode'] .iti__sg {
    --iti-flag-offset: -3088px; }
  html[data-theme='darkMode'] .iti__sh {
    --iti-flag-offset: -3104px; }
  html[data-theme='darkMode'] .iti__si {
    --iti-flag-offset: -3120px; }
  html[data-theme='darkMode'] .iti__sj {
    --iti-flag-offset: -3136px; }
  html[data-theme='darkMode'] .iti__sk {
    --iti-flag-offset: -3152px; }
  html[data-theme='darkMode'] .iti__sl {
    --iti-flag-offset: -3168px; }
  html[data-theme='darkMode'] .iti__sm {
    --iti-flag-offset: -3184px; }
  html[data-theme='darkMode'] .iti__sn {
    --iti-flag-offset: -3200px; }
  html[data-theme='darkMode'] .iti__so {
    --iti-flag-offset: -3216px; }
  html[data-theme='darkMode'] .iti__sr {
    --iti-flag-offset: -3232px; }
  html[data-theme='darkMode'] .iti__ss {
    --iti-flag-offset: -3248px; }
  html[data-theme='darkMode'] .iti__st {
    --iti-flag-offset: -3264px; }
  html[data-theme='darkMode'] .iti__sv {
    --iti-flag-offset: -3280px; }
  html[data-theme='darkMode'] .iti__sx {
    --iti-flag-offset: -3296px; }
  html[data-theme='darkMode'] .iti__sy {
    --iti-flag-offset: -3312px; }
  html[data-theme='darkMode'] .iti__sz {
    --iti-flag-offset: -3328px; }
  html[data-theme='darkMode'] .iti__tc {
    --iti-flag-offset: -3344px; }
  html[data-theme='darkMode'] .iti__td {
    --iti-flag-offset: -3360px; }
  html[data-theme='darkMode'] .iti__tg {
    --iti-flag-offset: -3376px; }
  html[data-theme='darkMode'] .iti__th {
    --iti-flag-offset: -3392px; }
  html[data-theme='darkMode'] .iti__tj {
    --iti-flag-offset: -3408px; }
  html[data-theme='darkMode'] .iti__tk {
    --iti-flag-offset: -3424px; }
  html[data-theme='darkMode'] .iti__tl {
    --iti-flag-offset: -3440px; }
  html[data-theme='darkMode'] .iti__tm {
    --iti-flag-offset: -3456px; }
  html[data-theme='darkMode'] .iti__tn {
    --iti-flag-offset: -3472px; }
  html[data-theme='darkMode'] .iti__to {
    --iti-flag-offset: -3488px; }
  html[data-theme='darkMode'] .iti__tr {
    --iti-flag-offset: -3504px; }
  html[data-theme='darkMode'] .iti__tt {
    --iti-flag-offset: -3520px; }
  html[data-theme='darkMode'] .iti__tv {
    --iti-flag-offset: -3536px; }
  html[data-theme='darkMode'] .iti__tw {
    --iti-flag-offset: -3552px; }
  html[data-theme='darkMode'] .iti__tz {
    --iti-flag-offset: -3568px; }
  html[data-theme='darkMode'] .iti__ua {
    --iti-flag-offset: -3584px; }
  html[data-theme='darkMode'] .iti__ug {
    --iti-flag-offset: -3600px; }
  html[data-theme='darkMode'] .iti__us {
    --iti-flag-offset: -3616px; }
  html[data-theme='darkMode'] .iti__uy {
    --iti-flag-offset: -3632px; }
  html[data-theme='darkMode'] .iti__uz {
    --iti-flag-offset: -3648px; }
  html[data-theme='darkMode'] .iti__va {
    --iti-flag-offset: -3664px; }
  html[data-theme='darkMode'] .iti__vc {
    --iti-flag-offset: -3680px; }
  html[data-theme='darkMode'] .iti__ve {
    --iti-flag-offset: -3696px; }
  html[data-theme='darkMode'] .iti__vg {
    --iti-flag-offset: -3712px; }
  html[data-theme='darkMode'] .iti__vi {
    --iti-flag-offset: -3728px; }
  html[data-theme='darkMode'] .iti__vn {
    --iti-flag-offset: -3744px; }
  html[data-theme='darkMode'] .iti__vu {
    --iti-flag-offset: -3760px; }
  html[data-theme='darkMode'] .iti__wf {
    --iti-flag-offset: -3776px; }
  html[data-theme='darkMode'] .iti__ws {
    --iti-flag-offset: -3792px; }
  html[data-theme='darkMode'] .iti__xk {
    --iti-flag-offset: -3808px; }
  html[data-theme='darkMode'] .iti__ye {
    --iti-flag-offset: -3824px; }
  html[data-theme='darkMode'] .iti__yt {
    --iti-flag-offset: -3840px; }
  html[data-theme='darkMode'] .iti__za {
    --iti-flag-offset: -3856px; }
  html[data-theme='darkMode'] .iti__zm {
    --iti-flag-offset: -3872px; }
  html[data-theme='darkMode'] .iti__zw {
    --iti-flag-offset: -3888px; }
  html[data-theme='darkMode'] .iti__globe {
    background-image: var(--iti-path-globe-1x);
    background-size: contain;
    background-position: right;
    box-shadow: none;
    height: 19px; }
  @media (min-resolution: 2x) {
  html[data-theme='darkMode'] .iti__flag {
    background-image: var(--iti-path-flags-2x); }
  html[data-theme='darkMode'] .iti__globe {
    background-image: var(--iti-path-globe-2x); } }
  html[data-theme='darkMode'] .--iti_loading {
    background: repeating-linear-gradient(45deg, #1a1a1e, #1a1a1e 8px, transparent 8px, transparent 16px);
    background-size: 120%;
    pointer-events: none;
    -webkit-animation: 2s linear forwards 1s infinite running bgPos;
    -moz-animation: 2s linear forwards 1s infinite running bgPos;
    -o-animation: 2s linear forwards 1s infinite running bgPos;
    animation: 2s linear forwards 1s infinite running bgPos; }

@-webkit-keyframes bgPos {
      0% {
        background-position: 100% 0; }
      100% {
        background-position: 0 0; } }

@-moz-keyframes bgPos {
      0% {
        background-position: 100% 0; }
      100% {
        background-position: 0 0; } }

@-o-keyframes bgPos {
      0% {
        background-position: 100% 0; }
      100% {
        background-position: 0 0; } }

@keyframes bgPos {
      0% {
        background-position: 100% 0; }
      100% {
        background-position: 0 0; } }
  html[data-theme='darkMode'] .iti {
    position: relative;
    display: inline-block; }
  html[data-theme='darkMode'] .iti * {
    box-sizing: border-box; }
  html[data-theme='darkMode'] .iti__hide {
    display: none; }
  html[data-theme='darkMode'] .iti__v-hide {
    visibility: hidden; }
  html[data-theme='darkMode'] .iti__a11y-text {
    width: 1px;
    height: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    position: absolute; }
  html[data-theme='darkMode'] .iti input.iti__tel-input, html[data-theme='darkMode'] .iti input.iti__tel-input[type=text], html[data-theme='darkMode'] .iti input.iti__tel-input[type=tel] {
    position: relative;
    z-index: 0;
    margin: 0 !important; }
  html[data-theme='darkMode'] .iti__country-container {
    position: relative;
    top: 0;
    bottom: 0;
    padding: 0;
    grid-area: slot1;
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit;
    color: inherit; }
  html[data-theme='darkMode'] .iti__selected-country {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background: none;
    border: 0;
    margin: 0;
    padding: 0 4px;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    border-radius: inherit;
    font-weight: inherit;
    line-height: 0;
    text-decoration: none;
    overflow: hidden; }
  html[data-theme='darkMode'] .iti__selected-country-primary {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); }
  html[data-theme='darkMode'] .iti__arrow {
    margin-left: var(--iti-arrow-padding); }
  html[data-theme='darkMode'] .iti__arrow:after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    line-height: 0; }
  html[data-theme='darkMode'] [dir=rtl] .iti__arrow {
    margin-right: var(--iti-arrow-padding);
    margin-left: 0; }
  html[data-theme='darkMode'] .iti__arrow--up:after {
    content: '\f106'; }
  html[data-theme='darkMode'] .iti__dropdown-content {
    border-radius: 3px;
    background-color: #1a1a1e;
    color: #fff; }
  html[data-theme='darkMode'] .iti--inline-dropdown .iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-top: 3px;
    margin-left: calc(var(--iti-border-width) * -1);
    border: var(--iti-border-width) solid #26262c;
    box-shadow: 1px 1px 4px rgba(14, 14, 15, 0.2); }
  html[data-theme='darkMode'] .iti__search-input {
    width: 100%;
    border-width: 0;
    border-radius: 3px;
    background: transparent; }
  html[data-theme='darkMode'] .iti__search-input + .iti__country-list {
    border-top: 1px solid #26262c; }
  html[data-theme='darkMode'] .iti__country-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  html[data-theme='darkMode'] .iti--inline-dropdown .iti__country-list {
    max-height: 185px; }
  html[data-theme='darkMode'] .iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap; }
  @media (max-width: 500px) {
  html[data-theme='darkMode'] .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal; } }
  html[data-theme='darkMode'] .iti__country {
    display: flex;
    align-items: center;
    padding: 8px var(--iti-spacer-horizontal);
    outline: none; }
  html[data-theme='darkMode'] .iti__dial-code {
    color: inherit; }
  html[data-theme='darkMode'] .iti__country.iti__highlight {
    background-color: #26262c;
    color: #fff; }
  html[data-theme='darkMode'] .iti__country-list .iti__flag, html[data-theme='darkMode'] .iti__country-name {
    margin-right: var(--iti-spacer-horizontal); }
  html[data-theme='darkMode'] [dir=rtl] .iti__country-list .iti__flag, html[data-theme='darkMode'] [dir=rtl] .iti__country-name {
    margin-right: 0;
    margin-left: var(--iti-spacer-horizontal); }
  html[data-theme='darkMode'] .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover, html[data-theme='darkMode'] .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
    cursor: pointer; }
  html[data-theme='darkMode'] .iti .iti__selected-dial-code {
    line-height: normal; }
  html[data-theme='darkMode'] [dir=rtl] .iti .iti__selected-dial-code {
    margin-left: 0;
    margin-right: 4px; }
  html[data-theme='darkMode'] .iti--container {
    position: fixed;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: var(--iti-border-width); }
  html[data-theme='darkMode'] .iti--container:hover {
    cursor: pointer; }
  html[data-theme='darkMode'] .iti--fullscreen-popup.iti--container {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: var(--iti-mobile-popup-margin);
    display: flex;
    flex-direction: column;
    justify-content: flex-start; }
  html[data-theme='darkMode'] .iti--fullscreen-popup .iti__dropdown-content {
    display: flex;
    flex-direction: column;
    max-height: 100%;
    position: relative; }
  html[data-theme='darkMode'] .iti--fullscreen-popup .iti__country {
    padding: 10px 10px;
    line-height: 1.5em; }
  html[data-theme='darkMode'] input, html[data-theme='darkMode'] select, html[data-theme='darkMode'] textarea {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: normal; }
  html[data-theme='darkMode'] input:focus-visible, html[data-theme='darkMode'] select:focus-visible, html[data-theme='darkMode'] textarea:focus-visible {
    outline: none; }
  html[data-theme='darkMode'] html[data-browser='Opera'] select {
    appearance: none; }
  html[data-theme='darkMode'] .--inputGroup {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'slots' 'counter' 'msg';
    font-size: 0.9rem;
    position: relative;
    z-index: 1; }
  html[data-theme='darkMode'] .--inputGroup:focus-within {
    z-index: 20; }
  html[data-theme='darkMode'] .--inputGroup .--counter {
    grid-area: counter; }
  html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: var(--L1_bg, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li {
    cursor: pointer; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li.active a {
      background-color: #7a35ff;
      color: #fff;
      text-decoration: none;
      outline: 0; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: rgba(255, 255, 255, 0.8);
      white-space: normal;
      text-decoration: none; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a:hover, html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a:focus {
      text-decoration: none;
      background-color: var(--L2_bg, #f5f5f5);
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup ._label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    grid-template-areas: 'feedback .';
    cursor: pointer;
    grid-area: label;
    margin: 0 0 4px;
    display: grid;
    align-items: baseline;
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal; }
  html[data-theme='darkMode'] .--inputGroup ._label:first-letter {
    text-transform: capitalize; }
  html[data-theme='darkMode'] .--inputGroup ._label:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    grid-area: feedback;
    font-size: 1em; }
  html[data-theme='darkMode'] .--inputGroup ._slots {
    grid-area: slots;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'slot1 input slot2';
    position: relative;
    background: #dddbe1;
    -o-transition: 0.33s background ease;
    transition: 0.33s background ease;
    border-radius: 4px;
    min-height: 40px;
    font-size: inherit; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slotInput {
    grid-area: input; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slot1 {
    grid-area: slot1; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slot2 {
    grid-area: slot2; }
  html[data-theme='darkMode'] .--inputGroup ._slots > span.icon {
    cursor: default; }
  html[data-theme='darkMode'] .--inputGroup ._slots > .icon {
    aspect-ratio: 1;
    padding: 0;
    min-height: 40px;
    font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon:before, html[data-theme='darkMode'] .--inputGroup ._slots > .icon:after {
      text-rendering: optimizeLegibility;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: subpixel-antialiased; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon.prepend:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon.append:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  html[data-theme='darkMode'] .--inputGroup ._slots > span, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang, html[data-theme='darkMode'] .--inputGroup ._slots > button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    html[data-theme='darkMode'] .--inputGroup ._slots > span.prepend, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang.prepend, html[data-theme='darkMode'] .--inputGroup ._slots > button.prepend {
      grid-area: slot1; }
    html[data-theme='darkMode'] .--inputGroup ._slots > span.append, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang.append, html[data-theme='darkMode'] .--inputGroup ._slots > button.append {
      grid-area: slot2; }
  html[data-theme='darkMode'] .--inputGroup ._slots select.lang {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: normal;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.33s background ease; }
    html[data-theme='darkMode'] .--inputGroup ._slots select.lang:hover, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:active, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:focus, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:focus-within {
      background: rgba(255, 255, 255, 0.05); }
  html[data-theme='darkMode'] .--inputGroup ._slots > select.lang {
    width: 40px;
    height: 100%;
    line-height: 40px;
    align-items: start;
    white-space: normal;
    font-size: inherit; }
  html[data-theme='darkMode'] .--inputGroup ._slots > * {
    margin: 0;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .--inputGroup ._slots > label > * {
    padding: inherit;
    width: 100%;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .--inputGroup ._slots input, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup ._slots textarea {
    grid-area: input;
    height: 100%;
    width: 100%;
    padding: 4px;
    font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots input:not([disabled]), html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang):not([disabled]), html[data-theme='darkMode'] .--inputGroup ._slots textarea:not([disabled]) {
      cursor: pointer; }
    html[data-theme='darkMode'] .--inputGroup ._slots input::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang)::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots textarea::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots input ::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang) ::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots textarea ::placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots input:first-child, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang):first-child, html[data-theme='darkMode'] .--inputGroup ._slots textarea:first-child {
      padding-left: 8px; }
  html[data-theme='darkMode'] .--inputGroup ._slots textarea {
    min-height: 5ch;
    resize: vertical;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  html[data-theme='darkMode'] .--inputGroup ._slots option, html[data-theme='darkMode'] .--inputGroup ._slots optgroup {
    background: #dddbe1;
    color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup ._slots .iti__search-input {
    min-height: 40px; }
  html[data-theme='darkMode'] .--inputGroup .--message {
    grid-area: msg; }
  html[data-theme='darkMode'] .--inputGroup.fieldset-parent + fieldset[disabled] {
    position: relative;
    cursor: not-allowed; }
    html[data-theme='darkMode'] .--inputGroup.fieldset-parent + fieldset[disabled]:after {
      content: '';
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: not-allowed;
      display: block;
      -webkit-backdrop-filter: grayscale(1);
      backdrop-filter: grayscale(1);
      background: rgba(221, 219, 225, 0.2); }
  html[data-theme='darkMode'] .--inputGroup._otp {
    width: min-content;
    max-width: 100%; }
  html[data-theme='darkMode'] .--inputGroup._otp .label {
    display: block;
    width: 100%;
    flex: 1 0 auto; }
  html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'] {
    border-radius: 4px;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(163, 127, 232, 0.1), rgba(163, 127, 232, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #a37fe8;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-family: monospace;
    letter-spacing: 2.5ch;
    padding: unset;
    padding-inline: unset;
    padding-block: unset;
    height: auto;
    min-height: 4ch;
    padding-inline-start: 1ch;
    transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']::placeholder {
      color: rgba(163, 127, 232, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']::placeholder {
      padding: unset !important;
      transition: 0.33s color ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='3'] {
      width: calc((3 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='4'] {
      width: calc((4 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='5'] {
      width: calc((5 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='6'] {
      width: calc((6 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='7'] {
      width: calc((7 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='8'] {
      width: calc((8 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='9'] {
      width: calc((9 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='10'] {
      width: calc((10 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: rgba(255, 255, 255, 0.8); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
      color: rgba(255, 255, 255, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus {
      outline: 2px solid;
      outline-offset: 4px; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
      html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
        color: rgba(226, 101, 110, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
      color: rgba(226, 101, 110, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
      color: rgba(226, 101, 110, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(77, 190, 65, 0.1), rgba(77, 190, 65, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #4dbe41; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
      color: rgba(77, 190, 65, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasError input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
      color: rgba(226, 101, 110, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(218, 128, 58, 0.1), rgba(218, 128, 58, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #da803a; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
      color: rgba(218, 128, 58, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(108, 151, 229, 0.1), rgba(108, 151, 229, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #6c97e5; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
      color: rgba(108, 151, 229, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._toggle, html[data-theme='darkMode'] .--inputGroup._switch {
    grid-template-areas: 'slots' 'msg'; }
  html[data-theme='darkMode'] .--inputGroup._toggle:has(._label), html[data-theme='darkMode'] .--inputGroup._switch:has(._label) {
    grid-template-areas: 'slots label' 'msg msg'; }
  html[data-theme='darkMode'] .--inputGroup._toggle:not(:has(._label)), html[data-theme='darkMode'] .--inputGroup._switch:not(:has(._label)) {
    width: max-content; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._slots, html[data-theme='darkMode'] .--inputGroup._switch ._slots {
    min-height: unset;
    transition: unset;
    align-items: center; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon, html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon {
      width: unset;
      min-width: unset;
      height: unset;
      min-height: unset;
      aspect-ratio: unset; }
  html[data-theme='darkMode'] .--inputGroup._toggle {
    display: grid;
    grid-template-columns: auto;
    column-gap: 0;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._toggle:has(._label) {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._label {
    margin: unset; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._slots {
    background: unset;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
    grid-gap: 8px; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots:before {
      content: unset; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon {
      width: unset;
      min-width: unset;
      height: unset;
      min-height: unset;
      aspect-ratio: unset; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon.append {
      margin-right: 8px; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon:before {
      margin-top: 0.225em; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input {
      accent-color: #a37fe8;
      width: 0.9rem;
      height: 0.9rem;
      cursor: pointer;
      position: relative;
      z-index: 1;
      align-self: baseline;
      margin-top: 0.225em; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input[type='radio'], html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input[type='checkbox'] {
      padding: 0; }
  html[data-theme='darkMode'] .--inputGroup._toggle input:before, html[data-theme='darkMode'] .--inputGroup._toggle input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
    html[data-theme='darkMode'] .--inputGroup._toggle input:before {
      width: 200%;
      height: 200%;
      z-index: -1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._toggle input:focus-visible:before {
      transform: translate(-50%, -50%) scale(1);
      outline: 2px solid rgba(163, 127, 232, 0.35);
      outline-offset: 2px; }
  html[data-theme='darkMode'] .--inputGroup._toggle:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  html[data-theme='darkMode'] .--inputGroup._toggle:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
  html[data-theme='darkMode'] .--inputGroup._switch {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 8px;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._switch ._label {
    line-height: calc(1.3em + 4px + 2px); }
  html[data-theme='darkMode'] .--inputGroup._switch ._slots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 0;
    grid-template-areas: 'slot1 slot2';
    justify-items: center;
    min-width: calc((1.3em * 2) + 4px);
    height: calc(1.3em + (2px * 2));
    border-radius: 8px;
    background: #dddbe1;
    padding: 2px;
    border-radius: 40px; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:before {
      top: 0;
      left: 0;
      background: inherit;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon {
      position: relative;
      height: 1.3em;
      width: 1.3em;
      z-index: 2; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon:before {
      font-size: 0.7em;
      font-size: clamp(12px, 0.7em, 14px); }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox'] {
      position: absolute;
      z-index: 1;
      left: 2px;
      top: 50%;
      transform: translate(0, -50%);
      -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
      transition: 0.33s transform linear, 0.33s background ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #dddbe1;
      padding: 0;
      border-radius: inherit;
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:checked {
      transform: translate(100%, -50%);
      background: #a37fe8; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:hover, html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:active, html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:focus {
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) {
      background: #dddbe1; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
      color: #0e0e0f; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .icon.append {
      opacity: 1;
      color: #0e0e0f; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked):before {
      outline-color: #a37fe8; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .prepend {
      opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup._switch input:before, html[data-theme='darkMode'] .--inputGroup._switch input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
    html[data-theme='darkMode'] .--inputGroup._switch input:before {
      width: 200%;
      height: 200%;
      z-index: -1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._switch input:focus-visible:before {
      transform: translate(-50%, -50%) scale(1);
      outline: 2px solid rgba(163, 127, 232, 0.35);
      outline-offset: 2px; }
  html[data-theme='darkMode'] .--inputGroup._switch:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  html[data-theme='darkMode'] .--inputGroup._switch:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
  html[data-theme='darkMode'] .--inputGroup._range ._slots:before {
    content: unset; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots:not(:has(.prepend)) {
      padding-left: 8px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots:not(:has(.append)) {
      padding-right: 8px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range'] {
      position: relative;
      z-index: 1;
      padding: 0;
      cursor: grab;
      min-height: unset !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: inherit;
      height: 8px;
      align-self: center; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      display: block;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      height: inherit;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active {
      cursor: grabbing; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      transform: translate(-50%, -50%) scale(1);
      outline-offset: 2px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb {
      position: absolute;
      z-index: 2;
      transform: translateX(-0.65em);
      align-self: center;
      pointer-events: none;
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 0;
      font-size: 1em;
      width: 2.6em;
      height: 2.6em;
      z-index: -1;
      border-radius: 50%;
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      font-weight: bolder;
      z-index: 1;
      display: flex;
      aspect-ratio: 1;
      line-height: 0;
      align-items: center;
      justify-content: center;
      padding: 4px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      border-radius: 50% 50% 50% 0;
      width: 100%;
      height: 100%;
      display: block;
      transform: rotate(-45deg);
      -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
      box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
  html[data-theme='darkMode'] .--inputGroup._range._double ._slots input[type='range'].max {
    opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range._double ._slots input[type='range'].min {
      background-size: 100%; }
  html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range'] {
    accent-color: #a37fe8;
    background: linear-gradient(90deg, #a37fe8 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:after {
      background: rgba(192, 173, 228, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(192, 173, 228, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(163, 127, 232, 0.35); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #a37fe8;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  @-moz-document url-prefix() {
    html[data-theme='darkMode'] .--inputGroup input[type='date'], html[data-theme='darkMode'] .--inputGroup input[type='month'] {
      clip-path: inset(0 30px 0 0); } }
  html[data-theme='darkMode'] .--inputGroup input[type='date'], html[data-theme='darkMode'] .--inputGroup input[type='month'] {
    border-radius: inherit; }
  html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output], html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output] {
    position: relative; }
    html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output]:after, html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output]:after {
      content: attr(data-formatted-date-output);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      background: #dddbe1;
      color: inherit;
      padding: inherit;
      font-size: inherit;
      font-family: inherit;
      display: grid;
      align-items: center;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
      opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup input[type='date']::-webkit-inner-spin-button, html[data-theme='darkMode'] .--inputGroup input[type='month']::-webkit-inner-spin-button, html[data-theme='darkMode'] .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, html[data-theme='darkMode'] .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  html[data-theme='darkMode'] .--inputGroup .meter {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0 8px 8px;
    grid-row: -1; }
  html[data-theme='darkMode'] .--inputGroup .meter:before {
    content: '\f7b9';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    line-height: 0;
    color: #da3a45;
    opacity: 1; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='0']:before {
    opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='2']:before {
    content: '\f071';
    color: #da5d40; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='3']:before {
    content: '\f12a';
    color: #da803a; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='4']:before {
    content: '\f00c';
    color: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='5']:before {
    content: '\f560';
    color: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup meter {
    width: 100%;
    height: 16px;
    border-radius: 4px; }
  html[data-theme='darkMode'] .--inputGroup meter::-moz-meter-bar {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  html[data-theme='darkMode'] .--inputGroup meter::-webkit-meter-bar {
    border-radius: 4px; }
  html[data-theme='darkMode'] .--inputGroup meter::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  html[data-theme='darkMode'] .--inputGroup meter[value='2']::-moz-meter-bar {
    background: #da5d40; }
    html[data-theme='darkMode'] .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
      background: #da5d40; }
  html[data-theme='darkMode'] .--inputGroup meter[value='3']::-moz-meter-bar {
    background: #da803a; }
    html[data-theme='darkMode'] .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
      background: #da803a; }
  html[data-theme='darkMode'] .--inputGroup meter[value='4']::-moz-meter-bar {
    background: #2d7026; }
    html[data-theme='darkMode'] .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
      background: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup meter[value='5']::-moz-meter-bar {
    background: #2d7026; }
    html[data-theme='darkMode'] .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
      background: #2d7026; }
  @-moz-document url-prefix() {
    html[data-theme='darkMode'] .--inputGroup meter {
      height: 8px; } }
  html[data-theme='darkMode'] .--inputGroup .--message + .meter {
    padding-top: 0; }
  html[data-theme='darkMode'] .--inputGroup .--iti_loading {
    min-height: 40px; }
  html[data-theme='darkMode'] .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
    z-index: 2; }
  html[data-theme='darkMode'] .--inputGroup._tags {
    grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
  html[data-theme='darkMode'] .--inputGroup._tags .--filterChips {
    grid-area: tags;
    margin-top: 4px; }
    html[data-theme='darkMode'] .--inputGroup._tags .--filterChips .selected .chip {
      background: #e2656e;
      color: #0e0e0f; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo ._label {
    color: #6c97e5; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo ._label:before {
      content: "\f129"; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo ._slots {
    background: #d1d4e1; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo .--message {
    color: #6c97e5; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range'] {
    accent-color: #6c97e5;
    background: linear-gradient(90deg, #6c97e5 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
      background: rgba(164, 185, 227, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(164, 185, 227, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(108, 151, 229, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #6c97e5;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._label {
    color: #4dbe41; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._label:before {
      content: "\f00c"; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._slots {
    background: #ced8d1; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess .--message {
    color: #4dbe41; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
    accent-color: #4dbe41;
    background: linear-gradient(90deg, #4dbe41 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
      background: rgba(149, 205, 145, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(149, 205, 145, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(77, 190, 65, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #4dbe41;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning ._label {
    color: #da803a; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning ._label:before {
      content: "\f12a"; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning ._slots {
    background: #dcd2d0; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning .--message {
    color: #da803a; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range'] {
    accent-color: #da803a;
    background: linear-gradient(90deg, #da803a 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
      background: rgba(219, 174, 141, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(219, 174, 141, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(218, 128, 58, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #da803a;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._label, html[data-theme='darkMode'] .--inputGroup.--hasError ._label {
    color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._label:before, html[data-theme='darkMode'] .--inputGroup.--hasError ._label:before {
      content: "\f071"; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._slots, html[data-theme='darkMode'] .--inputGroup.--hasError ._slots {
    background: #ddcfd5; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) .--message, html[data-theme='darkMode'] .--inputGroup.--hasError .--message {
    color: #e2656e; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range'], html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range'] {
    accent-color: #e2656e;
    background: linear-gradient(90deg, #e2656e 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:after {
      background: rgba(223, 160, 167, 0.5); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(223, 160, 167, 0.5); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(226, 101, 110, 0.35); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #e2656e;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.disabled, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]), html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) {
    cursor: not-allowed; }
  html[data-theme='darkMode'] .--inputGroup.disabled ._label, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) ._label, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) ._label, html[data-theme='darkMode'] .--inputGroup.disabled input, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) input, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) input, html[data-theme='darkMode'] .--inputGroup.disabled select, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) select, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) select, html[data-theme='darkMode'] .--inputGroup.disabled textarea, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) textarea, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) textarea {
    cursor: not-allowed; }
  html[data-theme='darkMode'] .--inputGroup.disabled, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) {
    filter: grayscale(1); }
  html[data-theme='darkMode'] .--inputGroup ._slots:has(textarea) > .icon {
    max-width: 40px; }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 24px;
      min-height: 24px;
      line-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 24px;
      padding: 0 4px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 24px; }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 24px; }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 32px;
      min-height: 32px;
      line-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 32px;
      padding: 0 4px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 32px; }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 32px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 48px;
      min-height: 48px;
      line-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 48px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 48px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2rem; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(1.1rem, 1.08rem, 22px); }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 56px;
      min-height: 56px;
      line-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 56px; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 56px; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2.2rem; }
  html[data-theme='darkMode']:has(.ty-calendar):focus-within > .ty-calendar {
    display: grid; }
  html[data-theme='darkMode'] .ty-calendar {
    width: 100%;
    max-width: 100%;
    margin: 8px 0;
    display: none; }
  html[data-theme='darkMode'] .ty-calendar.visible, html[data-theme='darkMode'] .ty-calendar:hover, html[data-theme='darkMode'] .ty-calendar:active, html[data-theme='darkMode'] .ty-calendar:focus, html[data-theme='darkMode'] .ty-calendar:focus-within {
    display: grid; }
  @media (max-width: 575px) {
    html[data-theme='darkMode'] .ty-calendar {
      position: fixed;
      z-index: 999;
      top: 40px;
      left: 0;
      width: 100%;
      max-width: 100vw; }
      html[data-theme='darkMode'] .ty-calendar:before {
        content: '';
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        background: rgba(14, 14, 15, 0.6);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block; } }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout {
    border-radius: 4px;
    background: #1a1a1e;
    color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout.--wide {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 8px; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
      border-top: none;
      border-left: 1px solid rgba(163, 127, 232, 0.3);
      border-radius: 0 4px 4px 0;
      height: 100%; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeSelector {
    background: rgba(163, 127, 232, 0.08);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid rgba(163, 127, 232, 0.3); }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeSelector ._label {
    background: #a37fe8;
    color: #0e0e0f;
    padding: 2.6666666667px 4px;
    border-radius: 4px;
    font-weight: 600; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap: 4px;
    max-height: 320px;
    overflow-y: auto; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button {
    text-align: center;
    padding: 2.6666666667px;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent;
    color: inherit; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button.selected {
      background: #a37fe8;
      color: #0e0e0f; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button:hover, html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button:focus-visible {
      background: rgba(163, 127, 232, 0.2);
      color: #a37fe8; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions {
    margin: 8px 0 0 0;
    border-top: 1px solid rgba(163, 127, 232, 0.15);
    background: #a37fe8;
    color: #0e0e0f;
    border-radius: 0 0 4px 4px; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions button:last-child {
    justify-self: end; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions button {
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar button {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .ty-calendar button:hover, html[data-theme='darkMode'] .ty-calendar button:active, html[data-theme='darkMode'] .ty-calendar button:focus {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu {
    min-height: 40px;
    padding: 4px; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu._top {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
    grid-gap: 4px;
    grid-template-areas: 'prev year month next';
    align-items: center; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu._bottom {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 4px;
    justify-items: start; }
    html[data-theme='darkMode'] .ty-calendar .grid.--menu._bottom button:last-child {
      grid-column-start: -1; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu label, html[data-theme='darkMode'] .ty-calendar .grid.--menu label select {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu option {
    background: #1a1a1e;
    color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu button.btn-prev {
    grid-area: prev; }
    html[data-theme='darkMode'] .ty-calendar .grid.--menu button.btn-next {
      grid-area: next; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu label select {
    width: 100%;
    text-align: center; }
  html[data-theme='darkMode'] .ty-calendar table {
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    width: 100%;
    background: transparent;
    color: inherit; }
  html[data-theme='darkMode'] .ty-calendar table th {
    text-align: center; }
  html[data-theme='darkMode'] .ty-calendar table td {
    border: none; }
  html[data-theme='darkMode'] .ty-calendar table thead, html[data-theme='darkMode'] .ty-calendar table tfoot {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar table tfoot {
    border-top: 1px solid rgba(14, 14, 15, 0.1); }
  html[data-theme='darkMode'] .ty-calendar table thead tr:last-child th {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar table tbody tr {
    height: 44px;
    vertical-align: middle; }
    html[data-theme='darkMode'] .ty-calendar table tbody td {
      text-align: center;
      min-width: 40px; }
    html[data-theme='darkMode'] .ty-calendar table tbody td.weekend {
      background: rgba(163, 127, 232, 0.1); }
    html[data-theme='darkMode'] .ty-calendar table tbody button {
      position: relative; }
    html[data-theme='darkMode'] .ty-calendar table tbody button.today:after {
      content: '';
      width: 4px;
      height: 4px;
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%);
      background: #a37fe8;
      outline: 1px solid #0e0e0f;
      outline-offset: 1px;
      border-radius: 50%; }
    html[data-theme='darkMode'] .ty-calendar table tbody button.selected > .day {
      pointer-events: none;
      background: #a37fe8;
      color: #0e0e0f;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }
  html[data-theme='darkMode'] input[type="time"]::-webkit-calendar-picker-indicator {
    filter: invert(1); }
  html[data-theme='darkMode'] input, html[data-theme='darkMode'] select, html[data-theme='darkMode'] textarea {
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: normal; }
  html[data-theme='darkMode'] input:focus-visible, html[data-theme='darkMode'] select:focus-visible, html[data-theme='darkMode'] textarea:focus-visible {
    outline: none; }
  html[data-theme='darkMode'] html[data-browser='Opera'] select {
    appearance: none; }
  html[data-theme='darkMode'] .--inputGroup {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'slots' 'counter' 'msg';
    font-size: 0.9rem;
    position: relative;
    z-index: 1; }
  html[data-theme='darkMode'] .--inputGroup:focus-within {
    z-index: 20; }
  html[data-theme='darkMode'] .--inputGroup .--counter {
    grid-area: counter; }
  html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1050;
    display: none;
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: var(--L1_bg, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }
  html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li {
    cursor: pointer; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li.active a {
      background-color: #7a35ff;
      color: #fff;
      text-decoration: none;
      outline: 0; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: 400;
      line-height: 1.42857143;
      color: rgba(255, 255, 255, 0.8);
      white-space: normal;
      text-decoration: none; }
    html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a:hover, html[data-theme='darkMode'] .--inputGroup ul.dropdown-menu li a:focus {
      text-decoration: none;
      background-color: var(--L2_bg, #f5f5f5);
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup ._label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 8px;
    grid-template-areas: 'feedback .';
    cursor: pointer;
    grid-area: label;
    margin: 0 0 4px;
    display: grid;
    align-items: baseline;
    font-family: 'Open Sans', sans-serif;
    font-size: inherit;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal; }
  html[data-theme='darkMode'] .--inputGroup ._label:first-letter {
    text-transform: capitalize; }
  html[data-theme='darkMode'] .--inputGroup ._label:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    grid-area: feedback;
    font-size: 1em; }
  html[data-theme='darkMode'] .--inputGroup ._slots {
    grid-area: slots;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: 'slot1 input slot2';
    position: relative;
    background: #383942;
    -o-transition: 0.33s background ease;
    transition: 0.33s background ease;
    border-radius: unset;
    min-height: 40px;
    font-size: inherit; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slotInput {
    grid-area: input; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slot1 {
    grid-area: slot1; }
  html[data-theme='darkMode'] .--inputGroup ._slots ._slot2 {
    grid-area: slot2; }
  html[data-theme='darkMode'] .--inputGroup ._slots > span.icon {
    cursor: default; }
  html[data-theme='darkMode'] .--inputGroup ._slots > .icon {
    aspect-ratio: 1;
    padding: 0;
    min-height: 40px;
    font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon:before, html[data-theme='darkMode'] .--inputGroup ._slots > .icon:after {
      text-rendering: optimizeLegibility;
      text-rendering: geometricPrecision;
      -webkit-font-smoothing: subpixel-antialiased; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon.prepend:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    html[data-theme='darkMode'] .--inputGroup ._slots > .icon.append:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
  html[data-theme='darkMode'] .--inputGroup ._slots > span, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang, html[data-theme='darkMode'] .--inputGroup ._slots > button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center; }
    html[data-theme='darkMode'] .--inputGroup ._slots > span.prepend, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang.prepend, html[data-theme='darkMode'] .--inputGroup ._slots > button.prepend {
      grid-area: slot1; }
    html[data-theme='darkMode'] .--inputGroup ._slots > span.append, html[data-theme='darkMode'] .--inputGroup ._slots > select.lang.append, html[data-theme='darkMode'] .--inputGroup ._slots > button.append {
      grid-area: slot2; }
  html[data-theme='darkMode'] .--inputGroup ._slots select.lang {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.8);
    font-family: 'Open Sans', sans-serif;
    font-size: 0.9rem;
    font-weight: 500;
    font-weight: 600;
    font-weight: bold;
    letter-spacing: normal;
    text-transform: uppercase;
    line-height: normal;
    -o-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.33s background ease; }
    html[data-theme='darkMode'] .--inputGroup ._slots select.lang:hover, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:active, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:focus, html[data-theme='darkMode'] .--inputGroup ._slots select.lang:focus-within {
      background: rgba(255, 255, 255, 0.05); }
  html[data-theme='darkMode'] .--inputGroup ._slots > select.lang {
    width: 40px;
    height: 100%;
    line-height: 40px;
    align-items: start;
    white-space: normal;
    font-size: inherit; }
  html[data-theme='darkMode'] .--inputGroup ._slots > * {
    margin: 0;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .--inputGroup ._slots > label > * {
    padding: inherit;
    width: 100%;
    background: none;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .--inputGroup ._slots input, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup ._slots textarea {
    grid-area: input;
    height: 100%;
    width: 100%;
    padding: 4px;
    font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots input:not([disabled]), html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang):not([disabled]), html[data-theme='darkMode'] .--inputGroup ._slots textarea:not([disabled]) {
      cursor: pointer; }
    html[data-theme='darkMode'] .--inputGroup ._slots input::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang)::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots textarea::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots input ::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang) ::placeholder, html[data-theme='darkMode'] .--inputGroup ._slots textarea ::placeholder {
      color: rgba(255, 255, 255, 0.5);
      font-size: inherit; }
    html[data-theme='darkMode'] .--inputGroup ._slots input:first-child, html[data-theme='darkMode'] .--inputGroup ._slots select:not(.lang):first-child, html[data-theme='darkMode'] .--inputGroup ._slots textarea:first-child {
      padding-left: 8px; }
  html[data-theme='darkMode'] .--inputGroup ._slots textarea {
    min-height: 5ch;
    resize: vertical;
    padding-top: 0.5em;
    padding-bottom: 0.5em; }
  html[data-theme='darkMode'] .--inputGroup ._slots option, html[data-theme='darkMode'] .--inputGroup ._slots optgroup {
    background: #383942;
    color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup ._slots .iti__search-input {
    min-height: 40px; }
  html[data-theme='darkMode'] .--inputGroup .--message {
    grid-area: msg; }
  html[data-theme='darkMode'] .--inputGroup.fieldset-parent + fieldset[disabled] {
    position: relative;
    cursor: not-allowed; }
    html[data-theme='darkMode'] .--inputGroup.fieldset-parent + fieldset[disabled]:after {
      content: '';
      position: absolute;
      z-index: 9;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      cursor: not-allowed;
      display: block;
      -webkit-backdrop-filter: grayscale(1);
      backdrop-filter: grayscale(1);
      background: rgba(56, 57, 66, 0.2); }
  html[data-theme='darkMode'] .--inputGroup._otp {
    width: min-content;
    max-width: 100%; }
  html[data-theme='darkMode'] .--inputGroup._otp .label {
    display: block;
    width: 100%;
    flex: 1 0 auto; }
  html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'] {
    border-radius: unset;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(163, 127, 232, 0.1), rgba(163, 127, 232, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #a37fe8;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    font-family: monospace;
    letter-spacing: 2.5ch;
    padding: unset;
    padding-inline: unset;
    padding-block: unset;
    height: auto;
    min-height: 4ch;
    padding-inline-start: 1ch;
    transition: 0.33s background ease-in-out, 0.33s color ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']::placeholder {
      color: rgba(163, 127, 232, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']::placeholder {
      padding: unset !important;
      transition: 0.33s color ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='3'] {
      width: calc((3 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='4'] {
      width: calc((4 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='5'] {
      width: calc((5 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='6'] {
      width: calc((6 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='7'] {
      width: calc((7 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='8'] {
      width: calc((8 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='9'] {
      width: calc((9 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][size='10'] {
      width: calc((10 * 3.5ch) - .5ch); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: rgba(255, 255, 255, 0.8); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus::placeholder {
      color: rgba(255, 255, 255, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:focus {
      outline: 2px solid;
      outline-offset: 4px; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
      html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric'][required]:placeholder-shown:focus::placeholder {
        color: rgba(226, 101, 110, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown) {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:not(:placeholder-shown)::placeholder {
      color: rgba(226, 101, 110, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:hover, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:active, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:focus {
      -webkit-box-shadow: unset !important;
      box-shadow: unset !important;
      background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
      color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:hover::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:active::placeholder, html[data-theme='darkMode'] .--inputGroup._otp input[inputmode='numeric']:invalid:focus::placeholder {
      color: rgba(226, 101, 110, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasSuccess input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(77, 190, 65, 0.1), rgba(77, 190, 65, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #4dbe41; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasSuccess input[inputmode='numeric']::placeholder {
      color: rgba(77, 190, 65, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasError input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(226, 101, 110, 0.1), rgba(226, 101, 110, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasError input[inputmode='numeric']::placeholder {
      color: rgba(226, 101, 110, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasWarning input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(218, 128, 58, 0.1), rgba(218, 128, 58, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #da803a; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasWarning input[inputmode='numeric']::placeholder {
      color: rgba(218, 128, 58, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._otp.--hasInfo input[inputmode='numeric'] {
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: repeating-linear-gradient(90deg, rgba(108, 151, 229, 0.1), rgba(108, 151, 229, 0.1) 3ch, transparent 3ch, transparent 3.5ch);
    color: #6c97e5; }
    html[data-theme='darkMode'] .--inputGroup._otp.--hasInfo input[inputmode='numeric']::placeholder {
      color: rgba(108, 151, 229, 0.5); }
  html[data-theme='darkMode'] .--inputGroup._toggle, html[data-theme='darkMode'] .--inputGroup._switch {
    grid-template-areas: 'slots' 'msg'; }
  html[data-theme='darkMode'] .--inputGroup._toggle:has(._label), html[data-theme='darkMode'] .--inputGroup._switch:has(._label) {
    grid-template-areas: 'slots label' 'msg msg'; }
  html[data-theme='darkMode'] .--inputGroup._toggle:not(:has(._label)), html[data-theme='darkMode'] .--inputGroup._switch:not(:has(._label)) {
    width: max-content; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._slots, html[data-theme='darkMode'] .--inputGroup._switch ._slots {
    min-height: unset;
    transition: unset;
    align-items: center; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon, html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon {
      width: unset;
      min-width: unset;
      height: unset;
      min-height: unset;
      aspect-ratio: unset; }
  html[data-theme='darkMode'] .--inputGroup._toggle {
    display: grid;
    grid-template-columns: auto;
    column-gap: 0;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._toggle:has(._label) {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 0;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._label {
    margin: unset; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._slots {
    background: unset;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1em, min-content));
    grid-gap: 8px; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots:before {
      content: unset; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon {
      width: unset;
      min-width: unset;
      height: unset;
      min-height: unset;
      aspect-ratio: unset; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon.append {
      margin-right: 8px; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots .icon:before {
      margin-top: 0.225em; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input {
      accent-color: #a37fe8;
      width: 0.9rem;
      height: 0.9rem;
      cursor: pointer;
      position: relative;
      z-index: 1;
      align-self: baseline;
      margin-top: 0.225em; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input[type='radio'], html[data-theme='darkMode'] .--inputGroup._toggle ._slots > input[type='checkbox'] {
      padding: 0; }
  html[data-theme='darkMode'] .--inputGroup._toggle input:before, html[data-theme='darkMode'] .--inputGroup._toggle input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
    html[data-theme='darkMode'] .--inputGroup._toggle input:before {
      width: 200%;
      height: 200%;
      z-index: -1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._toggle input:focus-visible:before {
      transform: translate(-50%, -50%) scale(1);
      outline: 2px solid rgba(163, 127, 232, 0.35);
      outline-offset: 2px; }
  html[data-theme='darkMode'] .--inputGroup._toggle:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  html[data-theme='darkMode'] .--inputGroup._toggle:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
  html[data-theme='darkMode'] .--inputGroup._switch {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 8px;
    row-gap: 4px; }
  html[data-theme='darkMode'] .--inputGroup._switch ._label {
    line-height: calc(1.3em + 4px + 2px); }
  html[data-theme='darkMode'] .--inputGroup._switch ._slots {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 0;
    grid-template-areas: 'slot1 slot2';
    justify-items: center;
    min-width: calc((1.3em * 2) + 4px);
    height: calc(1.3em + (2px * 2));
    border-radius: unset * 2;
    background: #383942;
    padding: 2px;
    border-radius: unset * 10; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:before {
      top: 0;
      left: 0;
      background: inherit;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon {
      position: relative;
      height: 1.3em;
      width: 1.3em;
      z-index: 2; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots .icon:before {
      font-size: 0.7em;
      font-size: clamp(12px, 0.7em, 14px); }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox'] {
      position: absolute;
      z-index: 1;
      left: 2px;
      top: 50%;
      transform: translate(0, -50%);
      -o-transition: 0.33s transform linear, 0.33s background ease-in-out;
      transition: 0.33s transform linear, 0.33s background ease-in-out;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #383942;
      padding: 0;
      border-radius: inherit;
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:checked {
      transform: translate(100%, -50%);
      background: #a37fe8; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:hover, html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:active, html[data-theme='darkMode'] .--inputGroup._switch ._slots input[type='checkbox']:focus {
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(:not(input:checked)) .icon.append {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) {
      background: #383942; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .icon.prepend {
      color: #fff; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .icon.append {
      opacity: 1;
      color: #0e0e0f; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked):before {
      outline-color: #a37fe8; }
    html[data-theme='darkMode'] .--inputGroup._switch ._slots:has(input:checked) .prepend {
      opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup._switch input:before, html[data-theme='darkMode'] .--inputGroup._switch input:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 0;
    font-size: 1em; }
    html[data-theme='darkMode'] .--inputGroup._switch input:before {
      width: 200%;
      height: 200%;
      z-index: -1;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%);
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._switch input:focus-visible:before {
      transform: translate(-50%, -50%) scale(1);
      outline: 2px solid rgba(163, 127, 232, 0.35);
      outline-offset: 2px; }
  html[data-theme='darkMode'] .--inputGroup._switch:hover input:before {
    transform: translate(-50%, -50%) scale(1); }
  html[data-theme='darkMode'] .--inputGroup._switch:active input:before {
    transform: translate(-50%, -50%) scale(1);
    background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
  html[data-theme='darkMode'] .--inputGroup._range ._slots:before {
    content: unset; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots:not(:has(.prepend)) {
      padding-left: 8px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots:not(:has(.append)) {
      padding-right: 8px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range'] {
      position: relative;
      z-index: 1;
      padding: 0;
      cursor: grab;
      min-height: unset !important;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: inherit;
      height: 8px;
      align-self: center; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:after {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      width: inherit;
      height: inherit;
      display: block;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      height: inherit;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active {
      cursor: grabbing; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-webkit-slider-thumb {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-thumb {
      opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      transform: translate(-50%, -50%) scale(1); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      transform: translate(-50%, -50%) scale(1);
      outline-offset: 2px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb {
      position: absolute;
      z-index: 2;
      transform: translateX(-0.65em);
      align-self: center;
      pointer-events: none;
      -webkit-box-shadow: 0 0 0 1px #fff inset;
      box-shadow: 0 0 0 1px #fff inset; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) scale(0);
      pointer-events: none;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      line-height: 0;
      font-size: 1em;
      width: 2.6em;
      height: 2.6em;
      z-index: -1;
      border-radius: 50%;
      -o-transition: 0.33s transform ease-in-out, 0.33s background ease-in-out;
      transition: 0.33s transform ease-in-out, 0.33s background ease-in-out; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output {
      position: absolute;
      bottom: 100%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      font-weight: bolder;
      z-index: 1;
      display: flex;
      aspect-ratio: 1;
      line-height: 0;
      align-items: center;
      justify-content: center;
      padding: 4px; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output:before {
      content: '';
      position: absolute;
      z-index: -1;
      top: 0;
      left: 0;
      border-radius: 50% 50% 50% 0;
      width: 100%;
      height: 100%;
      display: block;
      transform: rotate(-45deg);
      -webkit-box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f;
      box-shadow: 0px 0px 2px -1px, 0 0 8px -4px #0e0e0f; }
  html[data-theme='darkMode'] .--inputGroup._range._double ._slots input[type='range'].max {
    opacity: 0; }
    html[data-theme='darkMode'] .--inputGroup._range._double ._slots input[type='range'].min {
      background-size: 100%; }
  html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range'] {
    accent-color: #a37fe8;
    background: linear-gradient(90deg, #a37fe8 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:after {
      background: rgba(110, 92, 149, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(110, 92, 149, 0.5); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(163, 127, 232, 0.35); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #a37fe8;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(163, 127, 232, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  @-moz-document url-prefix() {
    html[data-theme='darkMode'] .--inputGroup input[type='date'], html[data-theme='darkMode'] .--inputGroup input[type='month'] {
      clip-path: inset(0 30px 0 0); } }
  html[data-theme='darkMode'] .--inputGroup input[type='date'], html[data-theme='darkMode'] .--inputGroup input[type='month'] {
    border-radius: inherit; }
  html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output], html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output] {
    position: relative; }
    html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output]:after, html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output]:after {
      content: attr(data-formatted-date-output);
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 1;
      background: #383942;
      color: inherit;
      padding: inherit;
      font-size: inherit;
      font-family: inherit;
      display: grid;
      align-items: center;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup input[type='date'][data-formatted-date-output]:focus:after, html[data-theme='darkMode'] .--inputGroup input[type='month'][data-formatted-date-output]:focus:after {
      opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup input[type='date']::-webkit-inner-spin-button, html[data-theme='darkMode'] .--inputGroup input[type='month']::-webkit-inner-spin-button, html[data-theme='darkMode'] .--inputGroup input[type='date']::-webkit-calendar-picker-indicator, html[data-theme='darkMode'] .--inputGroup input[type='month']::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none; }
  html[data-theme='darkMode'] .--inputGroup ._slots:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    pointer-events: none;
    background: linear-gradient(90deg, #a37fe8 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: 101% 0;
    background-size: 200%;
    border-radius: inherit;
    -o-transition: 0.33s background-position ease-in-out;
    transition: 0.33s background-position ease-in-out; }
  html[data-theme='darkMode'] .--inputGroup ._slots:focus-within:before {
    background-position: 0 0; }
  html[data-theme='darkMode'] .--inputGroup:hover ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html[data-theme='darkMode'] .--inputGroup:active ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html[data-theme='darkMode'] .--inputGroup:focus ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])), html[data-theme='darkMode'] .--inputGroup:focus-within ._slots:not(:has(input[type='radio'])):not(:has(input[type='checkbox'])) {
    background: #444550;
    color: #fff; }
  html[data-theme='darkMode'] .--inputGroup._toggle ._slots {
    background: transparent !important; }
    html[data-theme='darkMode'] .--inputGroup._toggle ._slots:before {
      content: unset; }
  html[data-theme='darkMode'] .--inputGroup._toggle:hover ._slots, html[data-theme='darkMode'] .--inputGroup._toggle:active ._slots, html[data-theme='darkMode'] .--inputGroup._toggle:focus ._slots, html[data-theme='darkMode'] .--inputGroup._toggle:focus-within ._slots {
    background: transparent !important; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._slots:before {
    background: linear-gradient(90deg, #4dbe41 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: 101% 0;
    background-size: 200%; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._slots:focus-within:before {
      background-position: 0 0; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess .--message {
    color: #4dbe41; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo ._slots:before {
    background: linear-gradient(90deg, #6c97e5 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: 101% 0;
    background-size: 200%; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo ._slots:focus-within:before {
      background-position: 0 0; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo .--message {
    color: #6c97e5; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning ._slots:before {
    background: linear-gradient(90deg, #da803a 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: 101% 0;
    background-size: 200%; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning ._slots:focus-within:before {
      background-position: 0 0; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning .--message {
    color: #da803a; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._slots:before, html[data-theme='darkMode'] .--inputGroup.--hasError ._slots:before {
    background: linear-gradient(90deg, #e2656e 50%, transparent 50%);
    background-repeat: no-repeat;
    background-position: 101% 0;
    background-size: 200%; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._slots:focus-within:before, html[data-theme='darkMode'] .--inputGroup.--hasError ._slots:focus-within:before {
      background-position: 0 0; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) .--message, html[data-theme='darkMode'] .--inputGroup.--hasError .--message {
    color: #e2656e; }
  html[data-theme='darkMode'] .--inputGroup .meter {
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 8px 0 8px 8px;
    grid-row: -1; }
  html[data-theme='darkMode'] .--inputGroup .meter:before {
    content: '\f7b9';
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    line-height: 0;
    color: #da3a45;
    opacity: 1; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='0']:before {
    opacity: 0; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='2']:before {
    content: '\f071';
    color: #da5d40; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='3']:before {
    content: '\f12a';
    color: #da803a; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='4']:before {
    content: '\f00c';
    color: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup .meter[data-attr-value='5']:before {
    content: '\f560';
    color: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup meter {
    width: 100%;
    height: 16px;
    border-radius: unset; }
  html[data-theme='darkMode'] .--inputGroup meter::-moz-meter-bar {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  html[data-theme='darkMode'] .--inputGroup meter::-webkit-meter-bar {
    border-radius: unset; }
  html[data-theme='darkMode'] .--inputGroup meter::-webkit-meter-optimum-value {
    box-shadow: 0 5px 5px -5px #dddbe1 inset;
    background: #da3a45; }
  html[data-theme='darkMode'] .--inputGroup meter[value='2']::-moz-meter-bar {
    background: #da5d40; }
    html[data-theme='darkMode'] .--inputGroup meter[value='2']::-webkit-meter-optimum-value {
      background: #da5d40; }
  html[data-theme='darkMode'] .--inputGroup meter[value='3']::-moz-meter-bar {
    background: #da803a; }
    html[data-theme='darkMode'] .--inputGroup meter[value='3']::-webkit-meter-optimum-value {
      background: #da803a; }
  html[data-theme='darkMode'] .--inputGroup meter[value='4']::-moz-meter-bar {
    background: #2d7026; }
    html[data-theme='darkMode'] .--inputGroup meter[value='4']::-webkit-meter-optimum-value {
      background: #2d7026; }
  html[data-theme='darkMode'] .--inputGroup meter[value='5']::-moz-meter-bar {
    background: #2d7026; }
    html[data-theme='darkMode'] .--inputGroup meter[value='5']::-webkit-meter-optimum-value {
      background: #2d7026; }
  @-moz-document url-prefix() {
    html[data-theme='darkMode'] .--inputGroup meter {
      height: 8px; } }
  html[data-theme='darkMode'] .--inputGroup .--message + .meter {
    padding-top: 0; }
  html[data-theme='darkMode'] .--inputGroup .--iti_loading {
    min-height: 40px; }
  html[data-theme='darkMode'] .--inputGroup:has(.iti__selected-country[aria-expanded='true']) {
    z-index: 2; }
  html[data-theme='darkMode'] .--inputGroup._tags {
    grid-template-areas: 'label' 'slots' 'counter' 'msg' 'tags'; }
  html[data-theme='darkMode'] .--inputGroup._tags .--filterChips {
    grid-area: tags;
    margin-top: 4px; }
    html[data-theme='darkMode'] .--inputGroup._tags .--filterChips .selected .chip {
      background: #e2656e;
      color: #0e0e0f; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo ._label {
    color: #6c97e5; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo ._label:before {
      content: "\f129"; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo ._slots {
    background: #3d4352; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo .--message {
    color: #6c97e5; }
  html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range'] {
    accent-color: #6c97e5;
    background: linear-gradient(90deg, #6c97e5 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:after {
      background: rgba(82, 104, 148, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(82, 104, 148, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(108, 151, 229, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #6c97e5;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(108, 151, 229, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasInfo._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._label {
    color: #4dbe41; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._label:before {
      content: "\f00c"; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess ._slots {
    background: #3a4642; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess .--message {
    color: #4dbe41; }
  html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range'] {
    accent-color: #4dbe41;
    background: linear-gradient(90deg, #4dbe41 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:after {
      background: rgba(66, 124, 65, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(66, 124, 65, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(77, 190, 65, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #4dbe41;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(77, 190, 65, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasSuccess._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning ._label {
    color: #da803a; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning ._label:before {
      content: "\f12a"; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning ._slots {
    background: #484041; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning .--message {
    color: #da803a; }
  html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range'] {
    accent-color: #da803a;
    background: linear-gradient(90deg, #da803a 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:after {
      background: rgba(137, 93, 62, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(137, 93, 62, 0.5); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(218, 128, 58, 0.35); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #da803a;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(218, 128, 58, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup.--hasWarning._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._label, html[data-theme='darkMode'] .--inputGroup.--hasError ._label {
    color: #e2656e; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._label:before, html[data-theme='darkMode'] .--inputGroup.--hasError ._label:before {
      content: "\f071"; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) ._slots, html[data-theme='darkMode'] .--inputGroup.--hasError ._slots {
    background: #493e46; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid) .--message, html[data-theme='darkMode'] .--inputGroup.--hasError .--message {
    color: #e2656e; }
  html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range'], html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range'] {
    accent-color: #e2656e;
    background: linear-gradient(90deg, #e2656e 100%, transparent 100%);
    background-repeat: no-repeat;
    background-size: 0; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:after, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:after {
      background: rgba(141, 79, 88, 0.5); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']::-moz-range-track, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']::-moz-range-track {
      background-color: rgba(141, 79, 88, 0.5); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:hover + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:hover + .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:active + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:active + .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.35) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots input[type='range']:focus-visible + .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots input[type='range']:focus-visible + .thumb:before {
      outline: 2px solid rgba(226, 101, 110, 0.35); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      display: block;
      width: 1.3em;
      height: 1.3em;
      background-color: #e2656e;
      padding: 0;
      border-radius: inherit; }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb:before {
      background: radial-gradient(circle, rgba(226, 101, 110, 0.15) 100%, transparent 100%); }
    html[data-theme='darkMode'] .--inputGroup:has(input:invalid)._range ._slots .thumb output:before, html[data-theme='darkMode'] .--inputGroup.--hasError._range ._slots .thumb output:before {
      background: #0e0e0f;
      color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .--inputGroup.disabled, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]), html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) {
    cursor: not-allowed; }
  html[data-theme='darkMode'] .--inputGroup.disabled ._label, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) ._label, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) ._label, html[data-theme='darkMode'] .--inputGroup.disabled input, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) input, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) input, html[data-theme='darkMode'] .--inputGroup.disabled select, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) select, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) select, html[data-theme='darkMode'] .--inputGroup.disabled textarea, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) textarea, html[data-theme='darkMode'] .--inputGroup:has(.slots [readonly]) textarea {
    cursor: not-allowed; }
  html[data-theme='darkMode'] .--inputGroup.disabled, html[data-theme='darkMode'] .--inputGroup:has(.slots [disabled]) {
    filter: grayscale(1); }
  html[data-theme='darkMode'] .--inputGroup ._slots:has(textarea) > .icon {
    max-width: 40px; }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 24px;
      min-height: 24px;
      line-height: 24px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 24px;
      padding: 0 4px; }
    html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 24px; }
  html[data-theme='darkMode'] .--inputGroup._xs:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 24px; }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(12px, 0.72rem, 0.8rem); }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 32px;
      min-height: 32px;
      line-height: 32px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 32px;
      padding: 0 4px; }
    html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 32px; }
  html[data-theme='darkMode'] .--inputGroup._sm:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 32px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 48px;
      min-height: 48px;
      line-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 48px; }
    html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 48px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 48px; }
  html[data-theme='darkMode'] .--inputGroup._lg:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2rem; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) {
    font-size: clamp(1.1rem, 1.08rem, 22px); }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots {
    min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots:has(textarea) > .icon {
      max-width: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > .icon {
      min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots > select.lang {
      width: 56px;
      min-height: 56px;
      line-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots input, html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots select:not(.lang), html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots textarea {
      min-height: 56px; }
    html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) ._slots .iti__search-input {
      min-height: 56px; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio'])) .--iti_loading {
    min-height: 56px; }
  html[data-theme='darkMode'] .--inputGroup._xl:not(:has(input[type='checkbox'])):not(:has(input[type='radio']))._otp input[inputmode='numeric'] {
    font-size: 2.2rem; }
  html[data-theme='darkMode']:has(.ty-calendar):focus-within > .ty-calendar {
    display: grid; }
  html[data-theme='darkMode'] .ty-calendar {
    width: 100%;
    max-width: 100%;
    margin: 8px 0;
    display: none; }
  html[data-theme='darkMode'] .ty-calendar.visible, html[data-theme='darkMode'] .ty-calendar:hover, html[data-theme='darkMode'] .ty-calendar:active, html[data-theme='darkMode'] .ty-calendar:focus, html[data-theme='darkMode'] .ty-calendar:focus-within {
    display: grid; }
  @media (max-width: 575px) {
    html[data-theme='darkMode'] .ty-calendar {
      position: fixed;
      z-index: 999;
      top: 40px;
      left: 0;
      width: 100%;
      max-width: 100vw; }
      html[data-theme='darkMode'] .ty-calendar:before {
        content: '';
        position: fixed;
        width: 100vw;
        height: 100vh;
        z-index: -1;
        background: rgba(14, 14, 15, 0.6);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block; } }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout {
    border-radius: unset;
    background: #1a1a1e;
    color: rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    box-shadow: 0 0 0 1px rgba(74, 59, 102, 0.25), 0 6px 12px -2px rgba(74, 59, 102, 0.25), 0 3px 7px -3px rgba(14, 14, 15, 0.3);
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    align-items: start; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout.--wide {
    grid-template-columns: minmax(0, 1fr) 200px;
    gap: 8px; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__layout.--wide .ty-calendar__timeSelector {
      border-top: none;
      border-left: 1px solid rgba(163, 127, 232, 0.3);
      border-radius: 0 unset unset 0;
      height: 100%; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeSelector {
    background: rgba(163, 127, 232, 0.08);
    padding: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    border-radius: 0 0 unset unset;
    border-top: 1px solid rgba(163, 127, 232, 0.3); }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeSelector ._label {
    background: #a37fe8;
    color: #0e0e0f;
    padding: 2.6666666667px 4px;
    border-radius: unset;
    font-weight: 600; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    gap: 4px;
    max-height: 320px;
    overflow-y: auto; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button {
    text-align: center;
    padding: 2.6666666667px;
    border-radius: unset;
    border: none;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    background: transparent;
    color: inherit; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button.selected {
      background: #a37fe8;
      color: #0e0e0f; }
    html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button:hover, html[data-theme='darkMode'] .ty-calendar .ty-calendar__timeList button:focus-visible {
      background: rgba(163, 127, 232, 0.2);
      color: #a37fe8; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions {
    margin: 8px 0 0 0;
    border-top: 1px solid rgba(163, 127, 232, 0.15);
    background: #a37fe8;
    color: #0e0e0f;
    border-radius: 0 0 unset unset; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions button:last-child {
    justify-self: end; }
  html[data-theme='darkMode'] .ty-calendar .ty-calendar__actions button {
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar button {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .ty-calendar button:hover, html[data-theme='darkMode'] .ty-calendar button:active, html[data-theme='darkMode'] .ty-calendar button:focus {
    background: transparent;
    color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu {
    min-height: 40px;
    padding: 4px; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu._top {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
    display: grid;
    grid-template-columns: auto 1fr 1fr auto;
    grid-gap: 4px;
    grid-template-areas: 'prev year month next';
    align-items: center; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu._bottom {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 4px;
    justify-items: start; }
    html[data-theme='darkMode'] .ty-calendar .grid.--menu._bottom button:last-child {
      grid-column-start: -1; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu label, html[data-theme='darkMode'] .ty-calendar .grid.--menu label select {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu option {
    background: #1a1a1e;
    color: rgba(255, 255, 255, 0.8); }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu button.btn-prev {
    grid-area: prev; }
    html[data-theme='darkMode'] .ty-calendar .grid.--menu button.btn-next {
      grid-area: next; }
  html[data-theme='darkMode'] .ty-calendar .grid.--menu label select {
    width: 100%;
    text-align: center; }
  html[data-theme='darkMode'] .ty-calendar table {
    border-collapse: collapse;
    -webkit-border-horizontal-spacing: 0;
    -webkit-border-vertical-spacing: 0;
    width: 100%;
    background: transparent;
    color: inherit; }
  html[data-theme='darkMode'] .ty-calendar table th {
    text-align: center; }
  html[data-theme='darkMode'] .ty-calendar table td {
    border: none; }
  html[data-theme='darkMode'] .ty-calendar table thead, html[data-theme='darkMode'] .ty-calendar table tfoot {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar table tfoot {
    border-top: 1px solid rgba(14, 14, 15, 0.1); }
  html[data-theme='darkMode'] .ty-calendar table thead tr:last-child th {
    background: #a37fe8;
    color: #0e0e0f; }
  html[data-theme='darkMode'] .ty-calendar table tbody tr {
    height: 44px;
    vertical-align: middle; }
    html[data-theme='darkMode'] .ty-calendar table tbody td {
      text-align: center;
      min-width: 40px; }
    html[data-theme='darkMode'] .ty-calendar table tbody td.weekend {
      background: rgba(163, 127, 232, 0.1); }
    html[data-theme='darkMode'] .ty-calendar table tbody button {
      position: relative; }
    html[data-theme='darkMode'] .ty-calendar table tbody button.today:after {
      content: '';
      width: 4px;
      height: 4px;
      position: absolute;
      bottom: 4px;
      left: 50%;
      transform: translateX(-50%);
      background: #a37fe8;
      outline: 1px solid #0e0e0f;
      outline-offset: 1px;
      border-radius: 50%; }
    html[data-theme='darkMode'] .ty-calendar table tbody button.selected > .day {
      pointer-events: none;
      background: #a37fe8;
      color: #0e0e0f;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }
  html[data-theme='darkMode'] button, html[data-theme='darkMode'] [class*='btn-'], html[data-theme='darkMode'] .btn {
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    padding: 4px 16px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    min-height: 40px;
    position: relative;
    width: max-content;
    max-width: 100%;
    font-size: 1em;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: normal;
    letter-spacing: normal;
    -webkit-font-smoothing: subpixel-antialiased; }
  html[data-theme='darkMode'] button:after, html[data-theme='darkMode'] [class*='btn-']:after, html[data-theme='darkMode'] .btn:after {
    position: absolute;
    pointer-events: none;
    border-radius: inherit;
    display: block; }
  html[data-theme='darkMode'] button:disabled, html[data-theme='darkMode'] [class*='btn-']:disabled, html[data-theme='darkMode'] .btn:disabled, html[data-theme='darkMode'] button[disabled], html[data-theme='darkMode'] [class*='btn-'][disabled], html[data-theme='darkMode'] .btn[disabled], html[data-theme='darkMode'] button.disabled, html[data-theme='darkMode'] [class*='btn-'].disabled, html[data-theme='darkMode'] .btn.disabled, html[data-theme='darkMode'] button.btn-disabled, html[data-theme='darkMode'] [class*='btn-'].btn-disabled, html[data-theme='darkMode'] .btn.btn-disabled {
    cursor: not-allowed;
    filter: grayscale(1) !important;
    -o-transition: none;
    transition: none; }
  html[data-theme='darkMode'] button .badge, html[data-theme='darkMode'] [class*='btn-'] .badge, html[data-theme='darkMode'] .btn .badge {
    position: absolute;
    z-index: 1;
    top: -1em;
    right: -1ch;
    background: #383942;
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    font-size: clamp(8px, 0.5em, 80%);
    font-weight: bold;
    letter-spacing: 0.1px;
    padding: 0 4px;
    border-radius: inherit;
    -webkit-box-shadow: 0 0 2px -1px;
    box-shadow: 0 0 2px -1px;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html[data-theme='darkMode'] button .txt, html[data-theme='darkMode'] [class*='btn-'] .txt, html[data-theme='darkMode'] .btn .txt {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto; }
  html[data-theme='darkMode'] a:not([class*='btn'])[prepended-icon-class], html[data-theme='darkMode'] a:not([class*='btn'])[appended-icon-class] {
    display: inline-grid;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 4px;
    align-items: baseline;
    width: auto;
    max-width: 100%; }
  html[data-theme='darkMode'] a[class*='btn-'], html[data-theme='darkMode'] a.btn {
    text-decoration: none; }
  html[data-theme='darkMode'] button:not(._adminPanelTitle), html[data-theme='darkMode'] a.btn:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #383942;
    color: #fff;
    -webkit-box-shadow: 0 1px 3px 0 rgba(50, 51, 58, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(50, 51, 58, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
  html[data-theme='darkMode'] button:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn:not(._adminPanelTitle):active, html[data-theme='darkMode'] button:not(._adminPanelTitle):focus, html[data-theme='darkMode'] a.btn:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn:not(._adminPanelTitle):focus {
    background: #3f404a;
    color: #fff;
    -webkit-box-shadow: 0 10px 15px -3px rgba(50, 51, 58, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    box-shadow: 0 10px 15px -3px rgba(50, 51, 58, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
    filter: brightness(1.05) saturate(1.1) contrast(1.1); }
  html[data-theme='darkMode'] button:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] a.btn:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn:not(._adminPanelTitle):focus-visible {
    outline: 2px solid #3f404a;
    outline-offset: 2px; }
  html[data-theme='darkMode'] button:not(._adminPanelTitle):after, html[data-theme='darkMode'] a.btn:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn:not(._adminPanelTitle):after {
    content: unset; }
  html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #a37fe8;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle):focus {
      background: #9972e6;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #9972e6;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-primary:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-primary:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-primary:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-primary:not(._adminPanelTitle):after {
      content: unset; }
  html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: transparent;
    color: #a37fe8;
    -webkit-box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(140, 110, 200, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle):focus {
      background: transparent;
      color: #a37fe8;
      -webkit-box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(140, 110, 200, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #3f404a;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-secondary:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-secondary:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-secondary:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-secondary:not(._adminPanelTitle):after {
      content: unset; }
  html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #6c97e5;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(94, 131, 197, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(94, 131, 197, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle):focus {
      background: #5f8ee3;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(94, 131, 197, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(94, 131, 197, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #5f8ee3;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-info:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-info:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-info:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-info:not(._adminPanelTitle):after {
      content: unset; }
  html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #4dbe41;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(67, 164, 57, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(67, 164, 57, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle):focus {
      background: #57c24c;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(67, 164, 57, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(67, 164, 57, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #57c24c;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-success:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-success:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-success:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-success:not(._adminPanelTitle):after {
      content: unset; }
  html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #da803a;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(187, 111, 52, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle):focus {
      background: #d8782d;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(187, 111, 52, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #d8782d;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-warning:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-warning:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-warning:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-warning:not(._adminPanelTitle):after {
      content: unset; }
  html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle), html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle), html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle), html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle), html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle) {
    filter: brightness(1) saturate(1) contrast(1);
    -o-transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    transition: 0.33s background ease, 0.33s box-shadow ease, 0.33s color ease, 0.33s filter ease;
    background: #e2656e;
    color: #0e0e0f;
    -webkit-box-shadow: 0 1px 3px 0 rgba(194, 88, 95, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2);
    box-shadow: 0 1px 3px 0 rgba(194, 88, 95, 0.3), 0 1px 2px 0 rgba(14, 14, 15, 0.2); }
    html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle):hover, html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle):hover, html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle):hover, html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle):hover, html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle):active, html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle):active, html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle):active, html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle):active, html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle):focus, html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle):focus, html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle):focus, html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle):focus, html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle):focus {
      background: #e05861;
      color: #0e0e0f;
      -webkit-box-shadow: 0 10px 15px -3px rgba(194, 88, 95, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      box-shadow: 0 10px 15px -3px rgba(194, 88, 95, 0.3), 0 4px 6px -2px rgba(14, 14, 15, 0.2);
      filter: brightness(1.05) saturate(1.1) contrast(1.1); }
    html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle):focus-visible, html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle):focus-visible {
      outline: 2px solid #e05861;
      outline-offset: 2px; }
    html[data-theme='darkMode'] a.btn-danger:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-danger:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-danger:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-danger:not(._adminPanelTitle):after, html[data-theme='darkMode'] a.btn-error:not(._adminPanelTitle):after, html[data-theme='darkMode'] button.btn-error:not(._adminPanelTitle):after, html[data-theme='darkMode'] span.btn-error:not(._adminPanelTitle):after, html[data-theme='darkMode'] input.btn-error:not(._adminPanelTitle):after {
      content: unset; }
  @media (min-width: 768px) {
    html[data-theme='darkMode'] ._mobileBtn {
      display: none; } }
  html[data-theme='darkMode'] ._tabletBtn {
    display: none; }
  @media (min-width: 768px) {
    html[data-theme='darkMode'] ._tabletBtn {
      display: inline-flex; } }
  html[data-theme='darkMode'] .btn-xs {
    font-size: 0.8em;
    padding: 2px 8px;
    min-height: 24px; }
  html[data-theme='darkMode'] .btn-xs.btn-icon {
    height: 24px;
    width: 24px; }
  html[data-theme='darkMode'] .btn-sm {
    font-size: 0.8em;
    padding: 2px 8px;
    min-height: 32px; }
  html[data-theme='darkMode'] .btn-sm.btn-icon {
    height: 32px;
    width: 32px; }
  html[data-theme='darkMode'] .btn-lg {
    min-height: 48px;
    gap: 16px; }
  html[data-theme='darkMode'] .btn-lg.btn-icon {
    height: 48px;
    width: 48px; }
  html[data-theme='darkMode'] .btn-xl {
    min-height: 56px;
    font-size: 1.1em;
    padding: 8px 16px;
    gap: 16px; }
  html[data-theme='darkMode'] .btn-xl.btn-icon {
    height: 56px;
    width: 56px; }
  html[data-theme='darkMode'] .btn-addToCart:before {
    content: "\f218";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-calendar:before {
    content: "\f073";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-cancel:before {
    content: "\f00d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-confirm:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-connect:before {
    content: "\f1eb";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-decrease:before {
    content: "\f068";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-delete:before {
    content: "\f1f8";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-download:before {
    content: "\f019";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-edit:before {
    content: "\f044";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-hide:before {
    content: "\f070";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-increase:before {
    content: "\f067";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-key-1:before {
    content: "\f084";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-key-2:before {
    content: "\f6f3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-lock-1:before {
    content: "\f023";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-lock-2:before {
    content: "\f30d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-logOut:before {
    content: "\f08b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-logIn:before {
    content: "\f090";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-next:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-prev:before {
    content: "\f104";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-redo:before {
    content: "\f01e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-save:before {
    content: "\f0c7";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-search:before {
    content: "\f002";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-send:before {
    content: "\f1d8";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-show:before {
    content: "\f06e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-sync:before {
    content: "\f021";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-undo:before {
    content: "\f0e2";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-unlock-1:before {
    content: "\f09c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-unlock-2:before {
    content: "\f13e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-email-1:before {
    content: "\f1fa";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-email-2:before {
    content: "\f0e0";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-fax-1:before {
    content: "\f1ac";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-pdf:before {
    content: "\f1c1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-phone-1:before {
    content: "\f879";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-phone-2:before {
    content: "\f67d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-phone-3:before {
    content: "\f8d3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-print:before {
    content: "\f02f";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-mobile:before {
    content: "\f3cf";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-tablet:before {
    content: "\f3fa";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-laptop:before {
    content: "\f109";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-desktop:before {
    content: "\f108";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-facebook-1:before {
    content: "\f39e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-facebook-2:before {
    content: "\f09a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-facebook-3:before {
    content: "\f082";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-instagram-1:before {
    content: "\f16d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-instagram-2:before {
    content: "\e055";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-linkedIn-1:before {
    content: "\f0e1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-linkedIn-2:before {
    content: "\f08c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-networkShare-1:before {
    content: "\f1e0";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-networkShare-2:before {
    content: "\f1e1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-pinterest-1:before {
    content: "\f231";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-pinterest-2:before {
    content: "\f0d2";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-pinterest-3:before {
    content: "\f0d3";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-snapchat-1:before {
    content: "\f2ac";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-snapchat-2:before {
    content: "\f2ab";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-snapchat-3:before {
    content: "\f2ad";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-skype-1:before {
    content: "\f17e";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-steam-1:before {
    content: "\f3f6";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-steam-2:before {
    content: "\f1b6";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-steam-3:before {
    content: "\f1b7";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-tiktok:before {
    content: "\e07b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-twitter-1:before {
    content: "\f099";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-tumblr-1:before {
    content: "\f173";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-tumblr-2:before {
    content: "\f174";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-twitter-2:before {
    content: "\f081";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-viber-1:before {
    content: "\f409";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-vine-1:before {
    content: "\f1ca";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-vimeo-1:before {
    content: "\f27d";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-whatsapp-1:before {
    content: "\f232";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-whatsapp-2:before {
    content: "\f40c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-xing-1:before {
    content: "\f168";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-xing-2:before {
    content: "\f169";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-youtube-1:before {
    content: "\f167";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-youtube-2:before {
    content: "\f431";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shipping-1:before {
    content: "\f0d1";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shipping-2:before {
    content: "\f48c";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shipping-3:before {
    content: "\f48b";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingBag-1:before {
    content: "\f290";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingBag-2:before {
    content: "\f291";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingBag-3:before {
    content: "\f847";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingCart-1:before {
    content: "\f07a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingCart-2:before {
    content: "\f217";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-shoppingCart-3:before {
    content: "\f218";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-barcode-1:before {
    content: "\f02a";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-barcode-2:before {
    content: "\f463";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-barcode-3:before {
    content: "\f464";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-qrCode-1:before {
    content: "\f029";
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0; }
  html[data-theme='darkMode'] .btn-icon {
    width: 40px;
    height: 40px;
    padding: 0;
    aspect-ratio: 1; }
  html[data-theme='darkMode'] .btn-process:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Brands", "Font Awesome 5 Solid", "Font Awesome 5 Free";
    font-weight: 300;
    font-size: 1em;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    transition: transform 0.33s linear; }

@-webkit-keyframes spin {
      0% {
        transform: rotate(0); }
      100% {
        transform: rotate(360deg); } }

@-moz-keyframes spin {
      0% {
        transform: rotate(0); }
      100% {
        transform: rotate(360deg); } }

@-o-keyframes spin {
      0% {
        transform: rotate(0); }
      100% {
        transform: rotate(360deg); } }

@keyframes spin {
      0% {
        transform: rotate(0); }
      100% {
        transform: rotate(360deg); } }

@-webkit-keyframes failshake {
      10%, 90% {
        transform: translate3d(-1px, 0, 0); }
      20%, 80% {
        transform: translate3d(2px, 0, 0); }
      30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0); }
      40%, 60% {
        transform: translate3d(4px, 0, 0); } }

@-moz-keyframes failshake {
      10%, 90% {
        transform: translate3d(-1px, 0, 0); }
      20%, 80% {
        transform: translate3d(2px, 0, 0); }
      30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0); }
      40%, 60% {
        transform: translate3d(4px, 0, 0); } }

@-o-keyframes failshake {
      10%, 90% {
        transform: translate3d(-1px, 0, 0); }
      20%, 80% {
        transform: translate3d(2px, 0, 0); }
      30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0); }
      40%, 60% {
        transform: translate3d(4px, 0, 0); } }

@keyframes failshake {
      10%, 90% {
        transform: translate3d(-1px, 0, 0); }
      20%, 80% {
        transform: translate3d(2px, 0, 0); }
      30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0); }
      40%, 60% {
        transform: translate3d(4px, 0, 0); } }
  html[data-theme='darkMode'] .btn-process.running:before {
    content: '\f3f4';
    animation: spin 2s linear infinite; }
  html[data-theme='darkMode'] .btn-process.failed:before {
    content: '\f00d';
    color: #e2656e;
    animation: failshake 0.68s linear; }
  html[data-theme='darkMode'] .btn-process.success:before {
    content: '\f00c';
    color: #4dbe41; }
  html[data-theme='darkMode'] .btn-process.running > .icon, html[data-theme='darkMode'] .btn-process.failed > .icon, html[data-theme='darkMode'] .btn-process.success > .icon {
    display: none; }
  html[data-theme='darkMode'] .--buttonGroup {
    display: flex;
    flex-wrap: wrap;
    width: auto;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: gainsboro ghostwhite;
    border-radius: 4px;
    list-style: none;
    margin: 0;
    gap: 8px;
    overflow: visible;
    padding: 4px; }
  html[data-theme='darkMode'] .--buttonGroup::-webkit-scrollbar {
    width: 8px;
    height: 8px; }
  html[data-theme='darkMode'] .--buttonGroup::-webkit-scrollbar-track {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); }
  html[data-theme='darkMode'] .--buttonGroup::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
    background: rgba(255, 255, 255, 0.08); }
  html[data-theme='darkMode'] .--buttonGroup > * {
    border-radius: 0;
    position: relative; }
  html[data-theme='darkMode'] .--buttonGroup > *:first-child {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit; }
  html[data-theme='darkMode'] .--buttonGroup > *:last-child {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit; }