@charset "UTF-8";
/* Font Awesome */
/*!
 * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
.fa,
.fas,
.far,
.fal,
.fad,
.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;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -0.0667em;
}
.fa-xs {
  font-size: 0.75em;
}
.fa-sm {
  font-size: 0.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-radius: 0.1em;
  border: solid 0.08em #eee;
  padding: 0.2em 0.25em 0.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: 0.3em;
}
.fa.fa-pull-right,
.fas.fa-pull-right,
.far.fa-pull-right,
.fal.fa-pull-right,
.fab.fa-pull-right {
  margin-left: 0.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% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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 {
  filter: none;
}
.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2em;
}
.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-adversal:before {
  content: "\f36a";
}
.fa-affiliatetheme:before {
  content: "\f36b";
}
.fa-air-conditioner:before {
  content: "\f8f4";
}
.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-album:before {
  content: "\f89f";
}
.fa-album-collection:before {
  content: "\f8a0";
}
.fa-algolia:before {
  content: "\f36c";
}
.fa-alicorn:before {
  content: "\f6b0";
}
.fa-alien:before {
  content: "\f8f5";
}
.fa-alien-monster:before {
  content: "\f8f6";
}
.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-amp-guitar:before {
  content: "\f8a1";
}
.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-bacteria:before {
  content: "\e059";
}
.fa-bacterium:before {
  content: "\e05a";
}
.fa-badge:before {
  content: "\f335";
}
.fa-badge-check:before {
  content: "\f336";
}
.fa-badge-dollar:before {
  content: "\f645";
}
.fa-badge-percent:before {
  content: "\f646";
}
.fa-badge-sheriff:before {
  content: "\f8a2";
}
.fa-badger-honey:before {
  content: "\f6b4";
}
.fa-bags-shopping:before {
  content: "\f847";
}
.fa-bahai:before {
  content: "\f666";
}
.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-banjo:before {
  content: "\f8a3";
}
.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-bed-alt:before {
  content: "\f8f7";
}
.fa-bed-bunk:before {
  content: "\f8f8";
}
.fa-bed-empty:before {
  content: "\f8f9";
}
.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-on:before {
  content: "\f8fa";
}
.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-betamax:before {
  content: "\f8a4";
}
.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-blinds:before {
  content: "\f8fb";
}
.fa-blinds-open:before {
  content: "\f8fc";
}
.fa-blinds-raised:before {
  content: "\f8fd";
}
.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-boombox:before {
  content: "\f8a5";
}
.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-center-h:before {
  content: "\f89c";
}
.fa-border-center-v:before {
  content: "\f89d";
}
.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-tissue:before {
  content: "\e05b";
}
.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-buy-n-large:before {
  content: "\f8a6";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-cabinet-filing:before {
  content: "\f64b";
}
.fa-cactus:before {
  content: "\f8a7";
}
.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-camcorder:before {
  content: "\f8a8";
}
.fa-camera:before {
  content: "\f030";
}
.fa-camera-alt:before {
  content: "\f332";
}
.fa-camera-home:before {
  content: "\f8fe";
}
.fa-camera-movie:before {
  content: "\f8a9";
}
.fa-camera-polaroid:before {
  content: "\f8aa";
}
.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-caravan:before {
  content: "\f8ff";
}
.fa-caravan-alt:before {
  content: "\e000";
}
.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-cassette-tape:before {
  content: "\f8ab";
}
.fa-cat:before {
  content: "\f6be";
}
.fa-cat-space:before {
  content: "\e001";
}
.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-cctv:before {
  content: "\f8ac";
}
.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-clarinet:before {
  content: "\f8ad";
}
.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-music:before {
  content: "\f8ae";
}
.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-cloudflare:before {
  content: "\e07d";
}
.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-pot:before {
  content: "\e002";
}
.fa-coffee-togo:before {
  content: "\f6c5";
}
.fa-coffin:before {
  content: "\f6c6";
}
.fa-coffin-cross:before {
  content: "\e051";
}
.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-comet:before {
  content: "\e003";
}
.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-music:before {
  content: "\f8af";
}
.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-music:before {
  content: "\f8b0";
}
.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-computer-classic:before {
  content: "\f8b1";
}
.fa-computer-speaker:before {
  content: "\f8b2";
}
.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-cotton-bureau:before {
  content: "\f89e";
}
.fa-couch:before {
  content: "\f4b8";
}
.fa-cow:before {
  content: "\f6c8";
}
.fa-cowbell:before {
  content: "\f8b3";
}
.fa-cowbell-more:before {
  content: "\f8b4";
}
.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-dailymotion:before {
  content: "\e052";
}
.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-deezer:before {
  content: "\e077";
}
.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-disc-drive:before {
  content: "\f8b5";
}
.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-edge-legacy:before {
  content: "\e078";
}
.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-fan-table:before {
  content: "\e004";
}
.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-faucet:before {
  content: "\e005";
}
.fa-faucet-drip:before {
  content: "\e006";
}
.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-music:before {
  content: "\f8b6";
}
.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-film-canister:before {
  content: "\f8b7";
}
.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-firefox-browser:before {
  content: "\e007";
}
.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-flashlight:before {
  content: "\f8b8";
}
.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-flute:before {
  content: "\f8b9";
}
.fa-flux-capacitor:before {
  content: "\f8ba";
}
.fa-fly:before {
  content: "\f417";
}
.fa-fog:before {
  content: "\f74e";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-download:before {
  content: "\e053";
}
.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-folder-upload:before {
  content: "\e054";
}
.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-galaxy:before {
  content: "\e008";
}
.fa-game-board:before {
  content: "\f867";
}
.fa-game-board-alt:before {
  content: "\f868";
}
.fa-game-console-handheld:before {
  content: "\f8bb";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-gamepad-alt:before {
  content: "\f8bc";
}
.fa-garage:before {
  content: "\e009";
}
.fa-garage-car:before {
  content: "\e00a";
}
.fa-garage-open:before {
  content: "\e00b";
}
.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-pay:before {
  content: "\e079";
}
.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-gramophone:before {
  content: "\f8bd";
}
.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-guilded:before {
  content: "\e07e";
}
.fa-guitar:before {
  content: "\f7a6";
}
.fa-guitar-electric:before {
  content: "\f8be";
}
.fa-guitars:before {
  content: "\f8bf";
}
.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-medical:before {
  content: "\e05c";
}
.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-sparkles:before {
  content: "\e05d";
}
.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-hands-wash:before {
  content: "\e05e";
}
.fa-handshake:before {
  content: "\f2b5";
}
.fa-handshake-alt:before {
  content: "\f4c6";
}
.fa-handshake-alt-slash:before {
  content: "\e05f";
}
.fa-handshake-slash:before {
  content: "\e060";
}
.fa-hanukiah:before {
  content: "\f6e6";
}
.fa-hard-hat:before {
  content: "\f807";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-hat-chef:before {
  content: "\f86b";
}
.fa-hat-cowboy:before {
  content: "\f8c0";
}
.fa-hat-cowboy-side:before {
  content: "\f8c1";
}
.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-hdd:before {
  content: "\f0a0";
}
.fa-head-side:before {
  content: "\f6e9";
}
.fa-head-side-brain:before {
  content: "\f808";
}
.fa-head-side-cough:before {
  content: "\e061";
}
.fa-head-side-cough-slash:before {
  content: "\e062";
}
.fa-head-side-headphones:before {
  content: "\f8c2";
}
.fa-head-side-mask:before {
  content: "\e063";
}
.fa-head-side-medical:before {
  content: "\f809";
}
.fa-head-side-virus:before {
  content: "\e064";
}
.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-heat:before {
  content: "\e00c";
}
.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-hive:before {
  content: "\e07f";
}
.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-horse-saddle:before {
  content: "\f8c3";
}
.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:before {
  content: "\e00d";
}
.fa-house-damage:before {
  content: "\f6f1";
}
.fa-house-day:before {
  content: "\e00e";
}
.fa-house-flood:before {
  content: "\f74f";
}
.fa-house-leave:before {
  content: "\e00f";
}
.fa-house-night:before {
  content: "\e010";
}
.fa-house-return:before {
  content: "\e011";
}
.fa-house-signal:before {
  content: "\e012";
}
.fa-house-user:before {
  content: "\e065";
}
.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-ideal:before {
  content: "\e013";
}
.fa-igloo:before {
  content: "\f7ae";
}
.fa-image:before {
  content: "\f03e";
}
.fa-image-polaroid:before {
  content: "\f8c4";
}
.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-innosoft:before {
  content: "\e080";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-instagram-square:before {
  content: "\e055";
}
.fa-instalod:before {
  content: "\e081";
}
.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-joystick:before {
  content: "\f8c5";
}
.fa-js:before {
  content: "\f3b8";
}
.fa-js-square:before {
  content: "\f3b9";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-jug:before {
  content: "\f8c6";
}
.fa-kaaba:before {
  content: "\f66b";
}
.fa-kaggle:before {
  content: "\f5fa";
}
.fa-kazoo:before {
  content: "\f8c7";
}
.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-lamp-desk:before {
  content: "\e014";
}
.fa-lamp-floor:before {
  content: "\e015";
}
.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-house:before {
  content: "\e066";
}
.fa-laptop-medical:before {
  content: "\f812";
}
.fa-laravel:before {
  content: "\f3bd";
}
.fa-lasso:before {
  content: "\f8c8";
}
.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-light-ceiling:before {
  content: "\e016";
}
.fa-light-switch:before {
  content: "\e017";
}
.fa-light-switch-off:before {
  content: "\e018";
}
.fa-light-switch-on:before {
  content: "\e019";
}
.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-music:before {
  content: "\f8c9";
}
.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-lungs-virus:before {
  content: "\e067";
}
.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-mdb:before {
  content: "\f8ca";
}
.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-microblog:before {
  content: "\e01a";
}
.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-microphone-stand:before {
  content: "\f8cb";
}
.fa-microscope:before {
  content: "\f610";
}
.fa-microsoft:before {
  content: "\f3ca";
}
.fa-microwave:before {
  content: "\e01b";
}
.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-mixer:before {
  content: "\e056";
}
.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:before {
  content: "\f8cc";
}
.fa-mouse-alt:before {
  content: "\f8cd";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-mp3-player:before {
  content: "\f8ce";
}
.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-music-alt:before {
  content: "\f8cf";
}
.fa-music-alt-slash:before {
  content: "\f8d0";
}
.fa-music-slash:before {
  content: "\f8d1";
}
.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-octopus-deploy:before {
  content: "\e082";
}
.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-orcid:before {
  content: "\f8d2";
}
.fa-ornament:before {
  content: "\f7b8";
}
.fa-osi:before {
  content: "\f41a";
}
.fa-otter:before {
  content: "\f700";
}
.fa-outdent:before {
  content: "\f03b";
}
.fa-outlet:before {
  content: "\e01c";
}
.fa-oven:before {
  content: "\e01d";
}
.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-arrows:before {
  content: "\e068";
}
.fa-people-carry:before {
  content: "\f4ce";
}
.fa-pepper-hot:before {
  content: "\f816";
}
.fa-perbyte:before {
  content: "\e083";
}
.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-rotary:before {
  content: "\f8d3";
}
.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-piano:before {
  content: "\f8d4";
}
.fa-piano-keyboard:before {
  content: "\f8d5";
}
.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-pied-piper-square:before {
  content: "\e01e";
}
.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-plane-slash:before {
  content: "\e069";
}
.fa-planet-moon:before {
  content: "\e01f";
}
.fa-planet-ringed:before {
  content: "\e020";
}
.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-police-box:before {
  content: "\e021";
}
.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-portal-enter:before {
  content: "\e022";
}
.fa-portal-exit:before {
  content: "\e023";
}
.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-projector:before {
  content: "\f8d6";
}
.fa-pump-medical:before {
  content: "\e06a";
}
.fa-pump-soap:before {
  content: "\e06b";
}
.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-radar:before {
  content: "\e024";
}
.fa-radiation:before {
  content: "\f7b9";
}
.fa-radiation-alt:before {
  content: "\f7ba";
}
.fa-radio:before {
  content: "\f8d7";
}
.fa-radio-alt:before {
  content: "\f8d8";
}
.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-raygun:before {
  content: "\e025";
}
.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-record-vinyl:before {
  content: "\f8d9";
}
.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-refrigerator:before {
  content: "\e026";
}
.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-rocket-launch:before {
  content: "\e027";
}
.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-router:before {
  content: "\f8da";
}
.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-rust:before {
  content: "\e07a";
}
.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-sax-hot:before {
  content: "\f8db";
}
.fa-saxophone:before {
  content: "\f8dc";
}
.fa-scalpel:before {
  content: "\f61d";
}
.fa-scalpel-path:before {
  content: "\f61e";
}
.fa-scanner:before {
  content: "\f488";
}
.fa-scanner-image:before {
  content: "\f8f3";
}
.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-sensor:before {
  content: "\e028";
}
.fa-sensor-alert:before {
  content: "\e029";
}
.fa-sensor-fire:before {
  content: "\e02a";
}
.fa-sensor-on:before {
  content: "\e02b";
}
.fa-sensor-smoke:before {
  content: "\e02c";
}
.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-shield-virus:before {
  content: "\e06c";
}
.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-shopify:before {
  content: "\e057";
}
.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-signal-stream:before {
  content: "\f8dd";
}
.fa-signature:before {
  content: "\f5b7";
}
.fa-sim-card:before {
  content: "\f7c4";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-sink:before {
  content: "\e06d";
}
.fa-siren:before {
  content: "\e02d";
}
.fa-siren-on:before {
  content: "\e02e";
}
.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-cow:before {
  content: "\f8de";
}
.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-soap:before {
  content: "\e06e";
}
.fa-socks:before {
  content: "\f696";
}
.fa-solar-panel:before {
  content: "\f5ba";
}
.fa-solar-system:before {
  content: "\e02f";
}
.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-circle:before {
  content: "\e030";
}
.fa-sort-circle-down:before {
  content: "\e031";
}
.fa-sort-circle-up:before {
  content: "\e032";
}
.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-space-station-moon:before {
  content: "\e033";
}
.fa-space-station-moon-alt:before {
  content: "\e034";
}
.fa-spade:before {
  content: "\f2f4";
}
.fa-sparkles:before {
  content: "\f890";
}
.fa-speakap:before {
  content: "\f3f3";
}
.fa-speaker:before {
  content: "\f8df";
}
.fa-speaker-deck:before {
  content: "\f83c";
}
.fa-speakers:before {
  content: "\f8e0";
}
.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-sprinkler:before {
  content: "\e035";
}
.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-star-shooting:before {
  content: "\e036";
}
.fa-starfighter:before {
  content: "\e037";
}
.fa-starfighter-alt:before {
  content: "\e038";
}
.fa-stars:before {
  content: "\f762";
}
.fa-starship:before {
  content: "\e039";
}
.fa-starship-freighter:before {
  content: "\e03a";
}
.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-stopwatch-20:before {
  content: "\e06f";
}
.fa-store:before {
  content: "\f54e";
}
.fa-store-alt:before {
  content: "\f54f";
}
.fa-store-alt-slash:before {
  content: "\e070";
}
.fa-store-slash:before {
  content: "\e071";
}
.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-swift:before {
  content: "\f8e1";
}
.fa-swimmer:before {
  content: "\f5c4";
}
.fa-swimming-pool:before {
  content: "\f5c5";
}
.fa-sword:before {
  content: "\f71c";
}
.fa-sword-laser:before {
  content: "\e03b";
}
.fa-sword-laser-alt:before {
  content: "\e03c";
}
.fa-swords:before {
  content: "\f71d";
}
.fa-swords-laser:before {
  content: "\e03d";
}
.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-telescope:before {
  content: "\e03e";
}
.fa-temperature-down:before {
  content: "\e03f";
}
.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-temperature-up:before {
  content: "\e040";
}
.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-tiktok:before {
  content: "\e07b";
}
.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-toilet-paper-slash:before {
  content: "\e072";
}
.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-trailer:before {
  content: "\e041";
}
.fa-train:before {
  content: "\f238";
}
.fa-tram:before {
  content: "\f7da";
}
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-transporter:before {
  content: "\e042";
}
.fa-transporter-1:before {
  content: "\e043";
}
.fa-transporter-2:before {
  content: "\e044";
}
.fa-transporter-3:before {
  content: "\e045";
}
.fa-transporter-empty:before {
  content: "\e046";
}
.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-triangle-music:before {
  content: "\f8e2";
}
.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-trumpet:before {
  content: "\f8e3";
}
.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-turntable:before {
  content: "\f8e4";
}
.fa-turtle:before {
  content: "\f726";
}
.fa-tv:before {
  content: "\f26c";
}
.fa-tv-alt:before {
  content: "\f8e5";
}
.fa-tv-music:before {
  content: "\f8e6";
}
.fa-tv-retro:before {
  content: "\f401";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-typewriter:before {
  content: "\f8e7";
}
.fa-typo3:before {
  content: "\f42b";
}
.fa-uber:before {
  content: "\f402";
}
.fa-ubuntu:before {
  content: "\f7df";
}
.fa-ufo:before {
  content: "\e047";
}
.fa-ufo-beam:before {
  content: "\e048";
}
.fa-uikit:before {
  content: "\f403";
}
.fa-umbraco:before {
  content: "\f8e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-umbrella-beach:before {
  content: "\f5ca";
}
.fa-uncharted:before {
  content: "\e084";
}
.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-unity:before {
  content: "\e049";
}
.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-unsplash:before {
  content: "\e07c";
}
.fa-untappd:before {
  content: "\f405";
}
.fa-upload:before {
  content: "\f093";
}
.fa-ups:before {
  content: "\f7e0";
}
.fa-usb:before {
  content: "\f287";
}
.fa-usb-drive:before {
  content: "\f8e9";
}
.fa-usd-circle:before {
  content: "\f2e8";
}
.fa-usd-square:before {
  content: "\f2e9";
}
.fa-user:before {
  content: "\f007";
}
.fa-user-alien:before {
  content: "\e04a";
}
.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-cowboy:before {
  content: "\f8ea";
}
.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-music:before {
  content: "\f8eb";
}
.fa-user-ninja:before {
  content: "\f504";
}
.fa-user-nurse:before {
  content: "\f82f";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-robot:before {
  content: "\e04b";
}
.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-user-unlock:before {
  content: "\e058";
}
.fa-user-visor:before {
  content: "\e04c";
}
.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-users-slash:before {
  content: "\e073";
}
.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-vacuum:before {
  content: "\e04d";
}
.fa-vacuum-robot:before {
  content: "\e04e";
}
.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-vest:before {
  content: "\e085";
}
.fa-vest-patches:before {
  content: "\e086";
}
.fa-vhs:before {
  content: "\f8ec";
}
.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-violin:before {
  content: "\f8ed";
}
.fa-virus:before {
  content: "\e074";
}
.fa-virus-slash:before {
  content: "\e075";
}
.fa-viruses:before {
  content: "\e076";
}
.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-wagon-covered:before {
  content: "\f8ee";
}
.fa-walker:before {
  content: "\f831";
}
.fa-walkie-talkie:before {
  content: "\f8ef";
}
.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-calculator:before {
  content: "\f8f0";
}
.fa-watch-fitness:before {
  content: "\f63e";
}
.fa-watchman-monitoring:before {
  content: "\e087";
}
.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-waveform:before {
  content: "\f8f1";
}
.fa-waveform-path:before {
  content: "\f8f2";
}
.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-frame:before {
  content: "\e04f";
}
.fa-window-frame-open:before {
  content: "\e050";
}
.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-wodu:before {
  content: "\e088";
}
.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 Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fa-regular-400.145aabea1380.eot");
  src: url("fa-regular-400.145aabea1380.eot?#iefix") format('embedded-opentype'), url("fa-regular-400.d8689b99dce7.woff2") format('woff2'), url("fa-regular-400.f48a8829bec6.woff") format('woff'), url("fa-regular-400.04842b94683f.ttf") format('truetype'), url("fa-regular-400.94f6c6e084a9.svg#fontawesome") format('svg');
}
.far {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
}
/*!
 * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Duotone';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fa-duotone-900.a2164a2f7e68.eot");
  src: url("fa-duotone-900.a2164a2f7e68.eot?#iefix") format('embedded-opentype'), url("fa-duotone-900.33b94ae8447d.woff2") format('woff2'), url("fa-duotone-900.4ea0b4e8a967.woff") format('woff'), url("fa-duotone-900.c41f52d8bd79.ttf") format('truetype'), url("fa-duotone-900.ea1a7a8b53e5.svg#fontawesome") format('svg');
}
.fad {
  position: relative;
  font-family: 'Font Awesome 5 Duotone';
  font-weight: 900;
}
.fad:before {
  position: absolute;
  color: var(--fa-primary-color, inherit);
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}
.fad:after {
  color: var(--fa-secondary-color, inherit);
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}
.fa-swap-opacity .fad:before,
.fad.fa-swap-opacity:before {
  opacity: 0.4;
  opacity: var(--fa-secondary-opacity, 0.4);
}
.fa-swap-opacity .fad:after,
.fad.fa-swap-opacity:after {
  opacity: 1;
  opacity: var(--fa-primary-opacity, 1);
}
.fad.fa-inverse {
  color: #fff;
}
.fad.fa-stack-1x,
.fad.fa-stack-2x {
  position: absolute;
}
.fad.fa-stack-1x:before,
.fad.fa-stack-2x:before,
.fad.fa-fw:before {
  left: 50%;
  transform: translateX(-50%);
}
.fad.fa-abacus:after {
  content: "\10f640";
}
.fad.fa-acorn:after {
  content: "\10f6ae";
}
.fad.fa-ad:after {
  content: "\10f641";
}
.fad.fa-address-book:after {
  content: "\10f2b9";
}
.fad.fa-address-card:after {
  content: "\10f2bb";
}
.fad.fa-adjust:after {
  content: "\10f042";
}
.fad.fa-air-conditioner:after {
  content: "\10f8f4";
}
.fad.fa-air-freshener:after {
  content: "\10f5d0";
}
.fad.fa-alarm-clock:after {
  content: "\10f34e";
}
.fad.fa-alarm-exclamation:after {
  content: "\10f843";
}
.fad.fa-alarm-plus:after {
  content: "\10f844";
}
.fad.fa-alarm-snooze:after {
  content: "\10f845";
}
.fad.fa-album:after {
  content: "\10f89f";
}
.fad.fa-album-collection:after {
  content: "\10f8a0";
}
.fad.fa-alicorn:after {
  content: "\10f6b0";
}
.fad.fa-alien:after {
  content: "\10f8f5";
}
.fad.fa-alien-monster:after {
  content: "\10f8f6";
}
.fad.fa-align-center:after {
  content: "\10f037";
}
.fad.fa-align-justify:after {
  content: "\10f039";
}
.fad.fa-align-left:after {
  content: "\10f036";
}
.fad.fa-align-right:after {
  content: "\10f038";
}
.fad.fa-align-slash:after {
  content: "\10f846";
}
.fad.fa-allergies:after {
  content: "\10f461";
}
.fad.fa-ambulance:after {
  content: "\10f0f9";
}
.fad.fa-american-sign-language-interpreting:after {
  content: "\10f2a3";
}
.fad.fa-amp-guitar:after {
  content: "\10f8a1";
}
.fad.fa-analytics:after {
  content: "\10f643";
}
.fad.fa-anchor:after {
  content: "\10f13d";
}
.fad.fa-angel:after {
  content: "\10f779";
}
.fad.fa-angle-double-down:after {
  content: "\10f103";
}
.fad.fa-angle-double-left:after {
  content: "\10f100";
}
.fad.fa-angle-double-right:after {
  content: "\10f101";
}
.fad.fa-angle-double-up:after {
  content: "\10f102";
}
.fad.fa-angle-down:after {
  content: "\10f107";
}
.fad.fa-angle-left:after {
  content: "\10f104";
}
.fad.fa-angle-right:after {
  content: "\10f105";
}
.fad.fa-angle-up:after {
  content: "\10f106";
}
.fad.fa-angry:after {
  content: "\10f556";
}
.fad.fa-ankh:after {
  content: "\10f644";
}
.fad.fa-apple-alt:after {
  content: "\10f5d1";
}
.fad.fa-apple-crate:after {
  content: "\10f6b1";
}
.fad.fa-archive:after {
  content: "\10f187";
}
.fad.fa-archway:after {
  content: "\10f557";
}
.fad.fa-arrow-alt-circle-down:after {
  content: "\10f358";
}
.fad.fa-arrow-alt-circle-left:after {
  content: "\10f359";
}
.fad.fa-arrow-alt-circle-right:after {
  content: "\10f35a";
}
.fad.fa-arrow-alt-circle-up:after {
  content: "\10f35b";
}
.fad.fa-arrow-alt-down:after {
  content: "\10f354";
}
.fad.fa-arrow-alt-from-bottom:after {
  content: "\10f346";
}
.fad.fa-arrow-alt-from-left:after {
  content: "\10f347";
}
.fad.fa-arrow-alt-from-right:after {
  content: "\10f348";
}
.fad.fa-arrow-alt-from-top:after {
  content: "\10f349";
}
.fad.fa-arrow-alt-left:after {
  content: "\10f355";
}
.fad.fa-arrow-alt-right:after {
  content: "\10f356";
}
.fad.fa-arrow-alt-square-down:after {
  content: "\10f350";
}
.fad.fa-arrow-alt-square-left:after {
  content: "\10f351";
}
.fad.fa-arrow-alt-square-right:after {
  content: "\10f352";
}
.fad.fa-arrow-alt-square-up:after {
  content: "\10f353";
}
.fad.fa-arrow-alt-to-bottom:after {
  content: "\10f34a";
}
.fad.fa-arrow-alt-to-left:after {
  content: "\10f34b";
}
.fad.fa-arrow-alt-to-right:after {
  content: "\10f34c";
}
.fad.fa-arrow-alt-to-top:after {
  content: "\10f34d";
}
.fad.fa-arrow-alt-up:after {
  content: "\10f357";
}
.fad.fa-arrow-circle-down:after {
  content: "\10f0ab";
}
.fad.fa-arrow-circle-left:after {
  content: "\10f0a8";
}
.fad.fa-arrow-circle-right:after {
  content: "\10f0a9";
}
.fad.fa-arrow-circle-up:after {
  content: "\10f0aa";
}
.fad.fa-arrow-down:after {
  content: "\10f063";
}
.fad.fa-arrow-from-bottom:after {
  content: "\10f342";
}
.fad.fa-arrow-from-left:after {
  content: "\10f343";
}
.fad.fa-arrow-from-right:after {
  content: "\10f344";
}
.fad.fa-arrow-from-top:after {
  content: "\10f345";
}
.fad.fa-arrow-left:after {
  content: "\10f060";
}
.fad.fa-arrow-right:after {
  content: "\10f061";
}
.fad.fa-arrow-square-down:after {
  content: "\10f339";
}
.fad.fa-arrow-square-left:after {
  content: "\10f33a";
}
.fad.fa-arrow-square-right:after {
  content: "\10f33b";
}
.fad.fa-arrow-square-up:after {
  content: "\10f33c";
}
.fad.fa-arrow-to-bottom:after {
  content: "\10f33d";
}
.fad.fa-arrow-to-left:after {
  content: "\10f33e";
}
.fad.fa-arrow-to-right:after {
  content: "\10f340";
}
.fad.fa-arrow-to-top:after {
  content: "\10f341";
}
.fad.fa-arrow-up:after {
  content: "\10f062";
}
.fad.fa-arrows:after {
  content: "\10f047";
}
.fad.fa-arrows-alt:after {
  content: "\10f0b2";
}
.fad.fa-arrows-alt-h:after {
  content: "\10f337";
}
.fad.fa-arrows-alt-v:after {
  content: "\10f338";
}
.fad.fa-arrows-h:after {
  content: "\10f07e";
}
.fad.fa-arrows-v:after {
  content: "\10f07d";
}
.fad.fa-assistive-listening-systems:after {
  content: "\10f2a2";
}
.fad.fa-asterisk:after {
  content: "\10f069";
}
.fad.fa-at:after {
  content: "\10f1fa";
}
.fad.fa-atlas:after {
  content: "\10f558";
}
.fad.fa-atom:after {
  content: "\10f5d2";
}
.fad.fa-atom-alt:after {
  content: "\10f5d3";
}
.fad.fa-audio-description:after {
  content: "\10f29e";
}
.fad.fa-award:after {
  content: "\10f559";
}
.fad.fa-axe:after {
  content: "\10f6b2";
}
.fad.fa-axe-battle:after {
  content: "\10f6b3";
}
.fad.fa-baby:after {
  content: "\10f77c";
}
.fad.fa-baby-carriage:after {
  content: "\10f77d";
}
.fad.fa-backpack:after {
  content: "\10f5d4";
}
.fad.fa-backspace:after {
  content: "\10f55a";
}
.fad.fa-backward:after {
  content: "\10f04a";
}
.fad.fa-bacon:after {
  content: "\10f7e5";
}
.fad.fa-bacteria:after {
  content: "\10e059";
}
.fad.fa-bacterium:after {
  content: "\10e05a";
}
.fad.fa-badge:after {
  content: "\10f335";
}
.fad.fa-badge-check:after {
  content: "\10f336";
}
.fad.fa-badge-dollar:after {
  content: "\10f645";
}
.fad.fa-badge-percent:after {
  content: "\10f646";
}
.fad.fa-badge-sheriff:after {
  content: "\10f8a2";
}
.fad.fa-badger-honey:after {
  content: "\10f6b4";
}
.fad.fa-bags-shopping:after {
  content: "\10f847";
}
.fad.fa-bahai:after {
  content: "\10f666";
}
.fad.fa-balance-scale:after {
  content: "\10f24e";
}
.fad.fa-balance-scale-left:after {
  content: "\10f515";
}
.fad.fa-balance-scale-right:after {
  content: "\10f516";
}
.fad.fa-ball-pile:after {
  content: "\10f77e";
}
.fad.fa-ballot:after {
  content: "\10f732";
}
.fad.fa-ballot-check:after {
  content: "\10f733";
}
.fad.fa-ban:after {
  content: "\10f05e";
}
.fad.fa-band-aid:after {
  content: "\10f462";
}
.fad.fa-banjo:after {
  content: "\10f8a3";
}
.fad.fa-barcode:after {
  content: "\10f02a";
}
.fad.fa-barcode-alt:after {
  content: "\10f463";
}
.fad.fa-barcode-read:after {
  content: "\10f464";
}
.fad.fa-barcode-scan:after {
  content: "\10f465";
}
.fad.fa-bars:after {
  content: "\10f0c9";
}
.fad.fa-baseball:after {
  content: "\10f432";
}
.fad.fa-baseball-ball:after {
  content: "\10f433";
}
.fad.fa-basketball-ball:after {
  content: "\10f434";
}
.fad.fa-basketball-hoop:after {
  content: "\10f435";
}
.fad.fa-bat:after {
  content: "\10f6b5";
}
.fad.fa-bath:after {
  content: "\10f2cd";
}
.fad.fa-battery-bolt:after {
  content: "\10f376";
}
.fad.fa-battery-empty:after {
  content: "\10f244";
}
.fad.fa-battery-full:after {
  content: "\10f240";
}
.fad.fa-battery-half:after {
  content: "\10f242";
}
.fad.fa-battery-quarter:after {
  content: "\10f243";
}
.fad.fa-battery-slash:after {
  content: "\10f377";
}
.fad.fa-battery-three-quarters:after {
  content: "\10f241";
}
.fad.fa-bed:after {
  content: "\10f236";
}
.fad.fa-bed-alt:after {
  content: "\10f8f7";
}
.fad.fa-bed-bunk:after {
  content: "\10f8f8";
}
.fad.fa-bed-empty:after {
  content: "\10f8f9";
}
.fad.fa-beer:after {
  content: "\10f0fc";
}
.fad.fa-bell:after {
  content: "\10f0f3";
}
.fad.fa-bell-exclamation:after {
  content: "\10f848";
}
.fad.fa-bell-on:after {
  content: "\10f8fa";
}
.fad.fa-bell-plus:after {
  content: "\10f849";
}
.fad.fa-bell-school:after {
  content: "\10f5d5";
}
.fad.fa-bell-school-slash:after {
  content: "\10f5d6";
}
.fad.fa-bell-slash:after {
  content: "\10f1f6";
}
.fad.fa-bells:after {
  content: "\10f77f";
}
.fad.fa-betamax:after {
  content: "\10f8a4";
}
.fad.fa-bezier-curve:after {
  content: "\10f55b";
}
.fad.fa-bible:after {
  content: "\10f647";
}
.fad.fa-bicycle:after {
  content: "\10f206";
}
.fad.fa-biking:after {
  content: "\10f84a";
}
.fad.fa-biking-mountain:after {
  content: "\10f84b";
}
.fad.fa-binoculars:after {
  content: "\10f1e5";
}
.fad.fa-biohazard:after {
  content: "\10f780";
}
.fad.fa-birthday-cake:after {
  content: "\10f1fd";
}
.fad.fa-blanket:after {
  content: "\10f498";
}
.fad.fa-blender:after {
  content: "\10f517";
}
.fad.fa-blender-phone:after {
  content: "\10f6b6";
}
.fad.fa-blind:after {
  content: "\10f29d";
}
.fad.fa-blinds:after {
  content: "\10f8fb";
}
.fad.fa-blinds-open:after {
  content: "\10f8fc";
}
.fad.fa-blinds-raised:after {
  content: "\10f8fd";
}
.fad.fa-blog:after {
  content: "\10f781";
}
.fad.fa-bold:after {
  content: "\10f032";
}
.fad.fa-bolt:after {
  content: "\10f0e7";
}
.fad.fa-bomb:after {
  content: "\10f1e2";
}
.fad.fa-bone:after {
  content: "\10f5d7";
}
.fad.fa-bone-break:after {
  content: "\10f5d8";
}
.fad.fa-bong:after {
  content: "\10f55c";
}
.fad.fa-book:after {
  content: "\10f02d";
}
.fad.fa-book-alt:after {
  content: "\10f5d9";
}
.fad.fa-book-dead:after {
  content: "\10f6b7";
}
.fad.fa-book-heart:after {
  content: "\10f499";
}
.fad.fa-book-medical:after {
  content: "\10f7e6";
}
.fad.fa-book-open:after {
  content: "\10f518";
}
.fad.fa-book-reader:after {
  content: "\10f5da";
}
.fad.fa-book-spells:after {
  content: "\10f6b8";
}
.fad.fa-book-user:after {
  content: "\10f7e7";
}
.fad.fa-bookmark:after {
  content: "\10f02e";
}
.fad.fa-books:after {
  content: "\10f5db";
}
.fad.fa-books-medical:after {
  content: "\10f7e8";
}
.fad.fa-boombox:after {
  content: "\10f8a5";
}
.fad.fa-boot:after {
  content: "\10f782";
}
.fad.fa-booth-curtain:after {
  content: "\10f734";
}
.fad.fa-border-all:after {
  content: "\10f84c";
}
.fad.fa-border-bottom:after {
  content: "\10f84d";
}
.fad.fa-border-center-h:after {
  content: "\10f89c";
}
.fad.fa-border-center-v:after {
  content: "\10f89d";
}
.fad.fa-border-inner:after {
  content: "\10f84e";
}
.fad.fa-border-left:after {
  content: "\10f84f";
}
.fad.fa-border-none:after {
  content: "\10f850";
}
.fad.fa-border-outer:after {
  content: "\10f851";
}
.fad.fa-border-right:after {
  content: "\10f852";
}
.fad.fa-border-style:after {
  content: "\10f853";
}
.fad.fa-border-style-alt:after {
  content: "\10f854";
}
.fad.fa-border-top:after {
  content: "\10f855";
}
.fad.fa-bow-arrow:after {
  content: "\10f6b9";
}
.fad.fa-bowling-ball:after {
  content: "\10f436";
}
.fad.fa-bowling-pins:after {
  content: "\10f437";
}
.fad.fa-box:after {
  content: "\10f466";
}
.fad.fa-box-alt:after {
  content: "\10f49a";
}
.fad.fa-box-ballot:after {
  content: "\10f735";
}
.fad.fa-box-check:after {
  content: "\10f467";
}
.fad.fa-box-fragile:after {
  content: "\10f49b";
}
.fad.fa-box-full:after {
  content: "\10f49c";
}
.fad.fa-box-heart:after {
  content: "\10f49d";
}
.fad.fa-box-open:after {
  content: "\10f49e";
}
.fad.fa-box-tissue:after {
  content: "\10e05b";
}
.fad.fa-box-up:after {
  content: "\10f49f";
}
.fad.fa-box-usd:after {
  content: "\10f4a0";
}
.fad.fa-boxes:after {
  content: "\10f468";
}
.fad.fa-boxes-alt:after {
  content: "\10f4a1";
}
.fad.fa-boxing-glove:after {
  content: "\10f438";
}
.fad.fa-brackets:after {
  content: "\10f7e9";
}
.fad.fa-brackets-curly:after {
  content: "\10f7ea";
}
.fad.fa-braille:after {
  content: "\10f2a1";
}
.fad.fa-brain:after {
  content: "\10f5dc";
}
.fad.fa-bread-loaf:after {
  content: "\10f7eb";
}
.fad.fa-bread-slice:after {
  content: "\10f7ec";
}
.fad.fa-briefcase:after {
  content: "\10f0b1";
}
.fad.fa-briefcase-medical:after {
  content: "\10f469";
}
.fad.fa-bring-forward:after {
  content: "\10f856";
}
.fad.fa-bring-front:after {
  content: "\10f857";
}
.fad.fa-broadcast-tower:after {
  content: "\10f519";
}
.fad.fa-broom:after {
  content: "\10f51a";
}
.fad.fa-browser:after {
  content: "\10f37e";
}
.fad.fa-brush:after {
  content: "\10f55d";
}
.fad.fa-bug:after {
  content: "\10f188";
}
.fad.fa-building:after {
  content: "\10f1ad";
}
.fad.fa-bullhorn:after {
  content: "\10f0a1";
}
.fad.fa-bullseye:after {
  content: "\10f140";
}
.fad.fa-bullseye-arrow:after {
  content: "\10f648";
}
.fad.fa-bullseye-pointer:after {
  content: "\10f649";
}
.fad.fa-burger-soda:after {
  content: "\10f858";
}
.fad.fa-burn:after {
  content: "\10f46a";
}
.fad.fa-burrito:after {
  content: "\10f7ed";
}
.fad.fa-bus:after {
  content: "\10f207";
}
.fad.fa-bus-alt:after {
  content: "\10f55e";
}
.fad.fa-bus-school:after {
  content: "\10f5dd";
}
.fad.fa-business-time:after {
  content: "\10f64a";
}
.fad.fa-cabinet-filing:after {
  content: "\10f64b";
}
.fad.fa-cactus:after {
  content: "\10f8a7";
}
.fad.fa-calculator:after {
  content: "\10f1ec";
}
.fad.fa-calculator-alt:after {
  content: "\10f64c";
}
.fad.fa-calendar:after {
  content: "\10f133";
}
.fad.fa-calendar-alt:after {
  content: "\10f073";
}
.fad.fa-calendar-check:after {
  content: "\10f274";
}
.fad.fa-calendar-day:after {
  content: "\10f783";
}
.fad.fa-calendar-edit:after {
  content: "\10f333";
}
.fad.fa-calendar-exclamation:after {
  content: "\10f334";
}
.fad.fa-calendar-minus:after {
  content: "\10f272";
}
.fad.fa-calendar-plus:after {
  content: "\10f271";
}
.fad.fa-calendar-star:after {
  content: "\10f736";
}
.fad.fa-calendar-times:after {
  content: "\10f273";
}
.fad.fa-calendar-week:after {
  content: "\10f784";
}
.fad.fa-camcorder:after {
  content: "\10f8a8";
}
.fad.fa-camera:after {
  content: "\10f030";
}
.fad.fa-camera-alt:after {
  content: "\10f332";
}
.fad.fa-camera-home:after {
  content: "\10f8fe";
}
.fad.fa-camera-movie:after {
  content: "\10f8a9";
}
.fad.fa-camera-polaroid:after {
  content: "\10f8aa";
}
.fad.fa-camera-retro:after {
  content: "\10f083";
}
.fad.fa-campfire:after {
  content: "\10f6ba";
}
.fad.fa-campground:after {
  content: "\10f6bb";
}
.fad.fa-candle-holder:after {
  content: "\10f6bc";
}
.fad.fa-candy-cane:after {
  content: "\10f786";
}
.fad.fa-candy-corn:after {
  content: "\10f6bd";
}
.fad.fa-cannabis:after {
  content: "\10f55f";
}
.fad.fa-capsules:after {
  content: "\10f46b";
}
.fad.fa-car:after {
  content: "\10f1b9";
}
.fad.fa-car-alt:after {
  content: "\10f5de";
}
.fad.fa-car-battery:after {
  content: "\10f5df";
}
.fad.fa-car-building:after {
  content: "\10f859";
}
.fad.fa-car-bump:after {
  content: "\10f5e0";
}
.fad.fa-car-bus:after {
  content: "\10f85a";
}
.fad.fa-car-crash:after {
  content: "\10f5e1";
}
.fad.fa-car-garage:after {
  content: "\10f5e2";
}
.fad.fa-car-mechanic:after {
  content: "\10f5e3";
}
.fad.fa-car-side:after {
  content: "\10f5e4";
}
.fad.fa-car-tilt:after {
  content: "\10f5e5";
}
.fad.fa-car-wash:after {
  content: "\10f5e6";
}
.fad.fa-caravan:after {
  content: "\10f8ff";
}
.fad.fa-caravan-alt:after {
  content: "\10e000";
}
.fad.fa-caret-circle-down:after {
  content: "\10f32d";
}
.fad.fa-caret-circle-left:after {
  content: "\10f32e";
}
.fad.fa-caret-circle-right:after {
  content: "\10f330";
}
.fad.fa-caret-circle-up:after {
  content: "\10f331";
}
.fad.fa-caret-down:after {
  content: "\10f0d7";
}
.fad.fa-caret-left:after {
  content: "\10f0d9";
}
.fad.fa-caret-right:after {
  content: "\10f0da";
}
.fad.fa-caret-square-down:after {
  content: "\10f150";
}
.fad.fa-caret-square-left:after {
  content: "\10f191";
}
.fad.fa-caret-square-right:after {
  content: "\10f152";
}
.fad.fa-caret-square-up:after {
  content: "\10f151";
}
.fad.fa-caret-up:after {
  content: "\10f0d8";
}
.fad.fa-carrot:after {
  content: "\10f787";
}
.fad.fa-cars:after {
  content: "\10f85b";
}
.fad.fa-cart-arrow-down:after {
  content: "\10f218";
}
.fad.fa-cart-plus:after {
  content: "\10f217";
}
.fad.fa-cash-register:after {
  content: "\10f788";
}
.fad.fa-cassette-tape:after {
  content: "\10f8ab";
}
.fad.fa-cat:after {
  content: "\10f6be";
}
.fad.fa-cat-space:after {
  content: "\10e001";
}
.fad.fa-cauldron:after {
  content: "\10f6bf";
}
.fad.fa-cctv:after {
  content: "\10f8ac";
}
.fad.fa-certificate:after {
  content: "\10f0a3";
}
.fad.fa-chair:after {
  content: "\10f6c0";
}
.fad.fa-chair-office:after {
  content: "\10f6c1";
}
.fad.fa-chalkboard:after {
  content: "\10f51b";
}
.fad.fa-chalkboard-teacher:after {
  content: "\10f51c";
}
.fad.fa-charging-station:after {
  content: "\10f5e7";
}
.fad.fa-chart-area:after {
  content: "\10f1fe";
}
.fad.fa-chart-bar:after {
  content: "\10f080";
}
.fad.fa-chart-line:after {
  content: "\10f201";
}
.fad.fa-chart-line-down:after {
  content: "\10f64d";
}
.fad.fa-chart-network:after {
  content: "\10f78a";
}
.fad.fa-chart-pie:after {
  content: "\10f200";
}
.fad.fa-chart-pie-alt:after {
  content: "\10f64e";
}
.fad.fa-chart-scatter:after {
  content: "\10f7ee";
}
.fad.fa-check:after {
  content: "\10f00c";
}
.fad.fa-check-circle:after {
  content: "\10f058";
}
.fad.fa-check-double:after {
  content: "\10f560";
}
.fad.fa-check-square:after {
  content: "\10f14a";
}
.fad.fa-cheese:after {
  content: "\10f7ef";
}
.fad.fa-cheese-swiss:after {
  content: "\10f7f0";
}
.fad.fa-cheeseburger:after {
  content: "\10f7f1";
}
.fad.fa-chess:after {
  content: "\10f439";
}
.fad.fa-chess-bishop:after {
  content: "\10f43a";
}
.fad.fa-chess-bishop-alt:after {
  content: "\10f43b";
}
.fad.fa-chess-board:after {
  content: "\10f43c";
}
.fad.fa-chess-clock:after {
  content: "\10f43d";
}
.fad.fa-chess-clock-alt:after {
  content: "\10f43e";
}
.fad.fa-chess-king:after {
  content: "\10f43f";
}
.fad.fa-chess-king-alt:after {
  content: "\10f440";
}
.fad.fa-chess-knight:after {
  content: "\10f441";
}
.fad.fa-chess-knight-alt:after {
  content: "\10f442";
}
.fad.fa-chess-pawn:after {
  content: "\10f443";
}
.fad.fa-chess-pawn-alt:after {
  content: "\10f444";
}
.fad.fa-chess-queen:after {
  content: "\10f445";
}
.fad.fa-chess-queen-alt:after {
  content: "\10f446";
}
.fad.fa-chess-rook:after {
  content: "\10f447";
}
.fad.fa-chess-rook-alt:after {
  content: "\10f448";
}
.fad.fa-chevron-circle-down:after {
  content: "\10f13a";
}
.fad.fa-chevron-circle-left:after {
  content: "\10f137";
}
.fad.fa-chevron-circle-right:after {
  content: "\10f138";
}
.fad.fa-chevron-circle-up:after {
  content: "\10f139";
}
.fad.fa-chevron-double-down:after {
  content: "\10f322";
}
.fad.fa-chevron-double-left:after {
  content: "\10f323";
}
.fad.fa-chevron-double-right:after {
  content: "\10f324";
}
.fad.fa-chevron-double-up:after {
  content: "\10f325";
}
.fad.fa-chevron-down:after {
  content: "\10f078";
}
.fad.fa-chevron-left:after {
  content: "\10f053";
}
.fad.fa-chevron-right:after {
  content: "\10f054";
}
.fad.fa-chevron-square-down:after {
  content: "\10f329";
}
.fad.fa-chevron-square-left:after {
  content: "\10f32a";
}
.fad.fa-chevron-square-right:after {
  content: "\10f32b";
}
.fad.fa-chevron-square-up:after {
  content: "\10f32c";
}
.fad.fa-chevron-up:after {
  content: "\10f077";
}
.fad.fa-child:after {
  content: "\10f1ae";
}
.fad.fa-chimney:after {
  content: "\10f78b";
}
.fad.fa-church:after {
  content: "\10f51d";
}
.fad.fa-circle:after {
  content: "\10f111";
}
.fad.fa-circle-notch:after {
  content: "\10f1ce";
}
.fad.fa-city:after {
  content: "\10f64f";
}
.fad.fa-clarinet:after {
  content: "\10f8ad";
}
.fad.fa-claw-marks:after {
  content: "\10f6c2";
}
.fad.fa-clinic-medical:after {
  content: "\10f7f2";
}
.fad.fa-clipboard:after {
  content: "\10f328";
}
.fad.fa-clipboard-check:after {
  content: "\10f46c";
}
.fad.fa-clipboard-list:after {
  content: "\10f46d";
}
.fad.fa-clipboard-list-check:after {
  content: "\10f737";
}
.fad.fa-clipboard-prescription:after {
  content: "\10f5e8";
}
.fad.fa-clipboard-user:after {
  content: "\10f7f3";
}
.fad.fa-clock:after {
  content: "\10f017";
}
.fad.fa-clone:after {
  content: "\10f24d";
}
.fad.fa-closed-captioning:after {
  content: "\10f20a";
}
.fad.fa-cloud:after {
  content: "\10f0c2";
}
.fad.fa-cloud-download:after {
  content: "\10f0ed";
}
.fad.fa-cloud-download-alt:after {
  content: "\10f381";
}
.fad.fa-cloud-drizzle:after {
  content: "\10f738";
}
.fad.fa-cloud-hail:after {
  content: "\10f739";
}
.fad.fa-cloud-hail-mixed:after {
  content: "\10f73a";
}
.fad.fa-cloud-meatball:after {
  content: "\10f73b";
}
.fad.fa-cloud-moon:after {
  content: "\10f6c3";
}
.fad.fa-cloud-moon-rain:after {
  content: "\10f73c";
}
.fad.fa-cloud-music:after {
  content: "\10f8ae";
}
.fad.fa-cloud-rain:after {
  content: "\10f73d";
}
.fad.fa-cloud-rainbow:after {
  content: "\10f73e";
}
.fad.fa-cloud-showers:after {
  content: "\10f73f";
}
.fad.fa-cloud-showers-heavy:after {
  content: "\10f740";
}
.fad.fa-cloud-sleet:after {
  content: "\10f741";
}
.fad.fa-cloud-snow:after {
  content: "\10f742";
}
.fad.fa-cloud-sun:after {
  content: "\10f6c4";
}
.fad.fa-cloud-sun-rain:after {
  content: "\10f743";
}
.fad.fa-cloud-upload:after {
  content: "\10f0ee";
}
.fad.fa-cloud-upload-alt:after {
  content: "\10f382";
}
.fad.fa-clouds:after {
  content: "\10f744";
}
.fad.fa-clouds-moon:after {
  content: "\10f745";
}
.fad.fa-clouds-sun:after {
  content: "\10f746";
}
.fad.fa-club:after {
  content: "\10f327";
}
.fad.fa-cocktail:after {
  content: "\10f561";
}
.fad.fa-code:after {
  content: "\10f121";
}
.fad.fa-code-branch:after {
  content: "\10f126";
}
.fad.fa-code-commit:after {
  content: "\10f386";
}
.fad.fa-code-merge:after {
  content: "\10f387";
}
.fad.fa-coffee:after {
  content: "\10f0f4";
}
.fad.fa-coffee-pot:after {
  content: "\10e002";
}
.fad.fa-coffee-togo:after {
  content: "\10f6c5";
}
.fad.fa-coffin:after {
  content: "\10f6c6";
}
.fad.fa-coffin-cross:after {
  content: "\10e051";
}
.fad.fa-cog:after {
  content: "\10f013";
}
.fad.fa-cogs:after {
  content: "\10f085";
}
.fad.fa-coin:after {
  content: "\10f85c";
}
.fad.fa-coins:after {
  content: "\10f51e";
}
.fad.fa-columns:after {
  content: "\10f0db";
}
.fad.fa-comet:after {
  content: "\10e003";
}
.fad.fa-comment:after {
  content: "\10f075";
}
.fad.fa-comment-alt:after {
  content: "\10f27a";
}
.fad.fa-comment-alt-check:after {
  content: "\10f4a2";
}
.fad.fa-comment-alt-dollar:after {
  content: "\10f650";
}
.fad.fa-comment-alt-dots:after {
  content: "\10f4a3";
}
.fad.fa-comment-alt-edit:after {
  content: "\10f4a4";
}
.fad.fa-comment-alt-exclamation:after {
  content: "\10f4a5";
}
.fad.fa-comment-alt-lines:after {
  content: "\10f4a6";
}
.fad.fa-comment-alt-medical:after {
  content: "\10f7f4";
}
.fad.fa-comment-alt-minus:after {
  content: "\10f4a7";
}
.fad.fa-comment-alt-music:after {
  content: "\10f8af";
}
.fad.fa-comment-alt-plus:after {
  content: "\10f4a8";
}
.fad.fa-comment-alt-slash:after {
  content: "\10f4a9";
}
.fad.fa-comment-alt-smile:after {
  content: "\10f4aa";
}
.fad.fa-comment-alt-times:after {
  content: "\10f4ab";
}
.fad.fa-comment-check:after {
  content: "\10f4ac";
}
.fad.fa-comment-dollar:after {
  content: "\10f651";
}
.fad.fa-comment-dots:after {
  content: "\10f4ad";
}
.fad.fa-comment-edit:after {
  content: "\10f4ae";
}
.fad.fa-comment-exclamation:after {
  content: "\10f4af";
}
.fad.fa-comment-lines:after {
  content: "\10f4b0";
}
.fad.fa-comment-medical:after {
  content: "\10f7f5";
}
.fad.fa-comment-minus:after {
  content: "\10f4b1";
}
.fad.fa-comment-music:after {
  content: "\10f8b0";
}
.fad.fa-comment-plus:after {
  content: "\10f4b2";
}
.fad.fa-comment-slash:after {
  content: "\10f4b3";
}
.fad.fa-comment-smile:after {
  content: "\10f4b4";
}
.fad.fa-comment-times:after {
  content: "\10f4b5";
}
.fad.fa-comments:after {
  content: "\10f086";
}
.fad.fa-comments-alt:after {
  content: "\10f4b6";
}
.fad.fa-comments-alt-dollar:after {
  content: "\10f652";
}
.fad.fa-comments-dollar:after {
  content: "\10f653";
}
.fad.fa-compact-disc:after {
  content: "\10f51f";
}
.fad.fa-compass:after {
  content: "\10f14e";
}
.fad.fa-compass-slash:after {
  content: "\10f5e9";
}
.fad.fa-compress:after {
  content: "\10f066";
}
.fad.fa-compress-alt:after {
  content: "\10f422";
}
.fad.fa-compress-arrows-alt:after {
  content: "\10f78c";
}
.fad.fa-compress-wide:after {
  content: "\10f326";
}
.fad.fa-computer-classic:after {
  content: "\10f8b1";
}
.fad.fa-computer-speaker:after {
  content: "\10f8b2";
}
.fad.fa-concierge-bell:after {
  content: "\10f562";
}
.fad.fa-construction:after {
  content: "\10f85d";
}
.fad.fa-container-storage:after {
  content: "\10f4b7";
}
.fad.fa-conveyor-belt:after {
  content: "\10f46e";
}
.fad.fa-conveyor-belt-alt:after {
  content: "\10f46f";
}
.fad.fa-cookie:after {
  content: "\10f563";
}
.fad.fa-cookie-bite:after {
  content: "\10f564";
}
.fad.fa-copy:after {
  content: "\10f0c5";
}
.fad.fa-copyright:after {
  content: "\10f1f9";
}
.fad.fa-corn:after {
  content: "\10f6c7";
}
.fad.fa-couch:after {
  content: "\10f4b8";
}
.fad.fa-cow:after {
  content: "\10f6c8";
}
.fad.fa-cowbell:after {
  content: "\10f8b3";
}
.fad.fa-cowbell-more:after {
  content: "\10f8b4";
}
.fad.fa-credit-card:after {
  content: "\10f09d";
}
.fad.fa-credit-card-blank:after {
  content: "\10f389";
}
.fad.fa-credit-card-front:after {
  content: "\10f38a";
}
.fad.fa-cricket:after {
  content: "\10f449";
}
.fad.fa-croissant:after {
  content: "\10f7f6";
}
.fad.fa-crop:after {
  content: "\10f125";
}
.fad.fa-crop-alt:after {
  content: "\10f565";
}
.fad.fa-cross:after {
  content: "\10f654";
}
.fad.fa-crosshairs:after {
  content: "\10f05b";
}
.fad.fa-crow:after {
  content: "\10f520";
}
.fad.fa-crown:after {
  content: "\10f521";
}
.fad.fa-crutch:after {
  content: "\10f7f7";
}
.fad.fa-crutches:after {
  content: "\10f7f8";
}
.fad.fa-cube:after {
  content: "\10f1b2";
}
.fad.fa-cubes:after {
  content: "\10f1b3";
}
.fad.fa-curling:after {
  content: "\10f44a";
}
.fad.fa-cut:after {
  content: "\10f0c4";
}
.fad.fa-dagger:after {
  content: "\10f6cb";
}
.fad.fa-database:after {
  content: "\10f1c0";
}
.fad.fa-deaf:after {
  content: "\10f2a4";
}
.fad.fa-debug:after {
  content: "\10f7f9";
}
.fad.fa-deer:after {
  content: "\10f78e";
}
.fad.fa-deer-rudolph:after {
  content: "\10f78f";
}
.fad.fa-democrat:after {
  content: "\10f747";
}
.fad.fa-desktop:after {
  content: "\10f108";
}
.fad.fa-desktop-alt:after {
  content: "\10f390";
}
.fad.fa-dewpoint:after {
  content: "\10f748";
}
.fad.fa-dharmachakra:after {
  content: "\10f655";
}
.fad.fa-diagnoses:after {
  content: "\10f470";
}
.fad.fa-diamond:after {
  content: "\10f219";
}
.fad.fa-dice:after {
  content: "\10f522";
}
.fad.fa-dice-d10:after {
  content: "\10f6cd";
}
.fad.fa-dice-d12:after {
  content: "\10f6ce";
}
.fad.fa-dice-d20:after {
  content: "\10f6cf";
}
.fad.fa-dice-d4:after {
  content: "\10f6d0";
}
.fad.fa-dice-d6:after {
  content: "\10f6d1";
}
.fad.fa-dice-d8:after {
  content: "\10f6d2";
}
.fad.fa-dice-five:after {
  content: "\10f523";
}
.fad.fa-dice-four:after {
  content: "\10f524";
}
.fad.fa-dice-one:after {
  content: "\10f525";
}
.fad.fa-dice-six:after {
  content: "\10f526";
}
.fad.fa-dice-three:after {
  content: "\10f527";
}
.fad.fa-dice-two:after {
  content: "\10f528";
}
.fad.fa-digging:after {
  content: "\10f85e";
}
.fad.fa-digital-tachograph:after {
  content: "\10f566";
}
.fad.fa-diploma:after {
  content: "\10f5ea";
}
.fad.fa-directions:after {
  content: "\10f5eb";
}
.fad.fa-disc-drive:after {
  content: "\10f8b5";
}
.fad.fa-disease:after {
  content: "\10f7fa";
}
.fad.fa-divide:after {
  content: "\10f529";
}
.fad.fa-dizzy:after {
  content: "\10f567";
}
.fad.fa-dna:after {
  content: "\10f471";
}
.fad.fa-do-not-enter:after {
  content: "\10f5ec";
}
.fad.fa-dog:after {
  content: "\10f6d3";
}
.fad.fa-dog-leashed:after {
  content: "\10f6d4";
}
.fad.fa-dollar-sign:after {
  content: "\10f155";
}
.fad.fa-dolly:after {
  content: "\10f472";
}
.fad.fa-dolly-empty:after {
  content: "\10f473";
}
.fad.fa-dolly-flatbed:after {
  content: "\10f474";
}
.fad.fa-dolly-flatbed-alt:after {
  content: "\10f475";
}
.fad.fa-dolly-flatbed-empty:after {
  content: "\10f476";
}
.fad.fa-donate:after {
  content: "\10f4b9";
}
.fad.fa-door-closed:after {
  content: "\10f52a";
}
.fad.fa-door-open:after {
  content: "\10f52b";
}
.fad.fa-dot-circle:after {
  content: "\10f192";
}
.fad.fa-dove:after {
  content: "\10f4ba";
}
.fad.fa-download:after {
  content: "\10f019";
}
.fad.fa-drafting-compass:after {
  content: "\10f568";
}
.fad.fa-dragon:after {
  content: "\10f6d5";
}
.fad.fa-draw-circle:after {
  content: "\10f5ed";
}
.fad.fa-draw-polygon:after {
  content: "\10f5ee";
}
.fad.fa-draw-square:after {
  content: "\10f5ef";
}
.fad.fa-dreidel:after {
  content: "\10f792";
}
.fad.fa-drone:after {
  content: "\10f85f";
}
.fad.fa-drone-alt:after {
  content: "\10f860";
}
.fad.fa-drum:after {
  content: "\10f569";
}
.fad.fa-drum-steelpan:after {
  content: "\10f56a";
}
.fad.fa-drumstick:after {
  content: "\10f6d6";
}
.fad.fa-drumstick-bite:after {
  content: "\10f6d7";
}
.fad.fa-dryer:after {
  content: "\10f861";
}
.fad.fa-dryer-alt:after {
  content: "\10f862";
}
.fad.fa-duck:after {
  content: "\10f6d8";
}
.fad.fa-dumbbell:after {
  content: "\10f44b";
}
.fad.fa-dumpster:after {
  content: "\10f793";
}
.fad.fa-dumpster-fire:after {
  content: "\10f794";
}
.fad.fa-dungeon:after {
  content: "\10f6d9";
}
.fad.fa-ear:after {
  content: "\10f5f0";
}
.fad.fa-ear-muffs:after {
  content: "\10f795";
}
.fad.fa-eclipse:after {
  content: "\10f749";
}
.fad.fa-eclipse-alt:after {
  content: "\10f74a";
}
.fad.fa-edit:after {
  content: "\10f044";
}
.fad.fa-egg:after {
  content: "\10f7fb";
}
.fad.fa-egg-fried:after {
  content: "\10f7fc";
}
.fad.fa-eject:after {
  content: "\10f052";
}
.fad.fa-elephant:after {
  content: "\10f6da";
}
.fad.fa-ellipsis-h:after {
  content: "\10f141";
}
.fad.fa-ellipsis-h-alt:after {
  content: "\10f39b";
}
.fad.fa-ellipsis-v:after {
  content: "\10f142";
}
.fad.fa-ellipsis-v-alt:after {
  content: "\10f39c";
}
.fad.fa-empty-set:after {
  content: "\10f656";
}
.fad.fa-engine-warning:after {
  content: "\10f5f2";
}
.fad.fa-envelope:after {
  content: "\10f0e0";
}
.fad.fa-envelope-open:after {
  content: "\10f2b6";
}
.fad.fa-envelope-open-dollar:after {
  content: "\10f657";
}
.fad.fa-envelope-open-text:after {
  content: "\10f658";
}
.fad.fa-envelope-square:after {
  content: "\10f199";
}
.fad.fa-equals:after {
  content: "\10f52c";
}
.fad.fa-eraser:after {
  content: "\10f12d";
}
.fad.fa-ethernet:after {
  content: "\10f796";
}
.fad.fa-euro-sign:after {
  content: "\10f153";
}
.fad.fa-exchange:after {
  content: "\10f0ec";
}
.fad.fa-exchange-alt:after {
  content: "\10f362";
}
.fad.fa-exclamation:after {
  content: "\10f12a";
}
.fad.fa-exclamation-circle:after {
  content: "\10f06a";
}
.fad.fa-exclamation-square:after {
  content: "\10f321";
}
.fad.fa-exclamation-triangle:after {
  content: "\10f071";
}
.fad.fa-expand:after {
  content: "\10f065";
}
.fad.fa-expand-alt:after {
  content: "\10f424";
}
.fad.fa-expand-arrows:after {
  content: "\10f31d";
}
.fad.fa-expand-arrows-alt:after {
  content: "\10f31e";
}
.fad.fa-expand-wide:after {
  content: "\10f320";
}
.fad.fa-external-link:after {
  content: "\10f08e";
}
.fad.fa-external-link-alt:after {
  content: "\10f35d";
}
.fad.fa-external-link-square:after {
  content: "\10f14c";
}
.fad.fa-external-link-square-alt:after {
  content: "\10f360";
}
.fad.fa-eye:after {
  content: "\10f06e";
}
.fad.fa-eye-dropper:after {
  content: "\10f1fb";
}
.fad.fa-eye-evil:after {
  content: "\10f6db";
}
.fad.fa-eye-slash:after {
  content: "\10f070";
}
.fad.fa-fan:after {
  content: "\10f863";
}
.fad.fa-fan-table:after {
  content: "\10e004";
}
.fad.fa-farm:after {
  content: "\10f864";
}
.fad.fa-fast-backward:after {
  content: "\10f049";
}
.fad.fa-fast-forward:after {
  content: "\10f050";
}
.fad.fa-faucet:after {
  content: "\10e005";
}
.fad.fa-faucet-drip:after {
  content: "\10e006";
}
.fad.fa-fax:after {
  content: "\10f1ac";
}
.fad.fa-feather:after {
  content: "\10f52d";
}
.fad.fa-feather-alt:after {
  content: "\10f56b";
}
.fad.fa-female:after {
  content: "\10f182";
}
.fad.fa-field-hockey:after {
  content: "\10f44c";
}
.fad.fa-fighter-jet:after {
  content: "\10f0fb";
}
.fad.fa-file:after {
  content: "\10f15b";
}
.fad.fa-file-alt:after {
  content: "\10f15c";
}
.fad.fa-file-archive:after {
  content: "\10f1c6";
}
.fad.fa-file-audio:after {
  content: "\10f1c7";
}
.fad.fa-file-certificate:after {
  content: "\10f5f3";
}
.fad.fa-file-chart-line:after {
  content: "\10f659";
}
.fad.fa-file-chart-pie:after {
  content: "\10f65a";
}
.fad.fa-file-check:after {
  content: "\10f316";
}
.fad.fa-file-code:after {
  content: "\10f1c9";
}
.fad.fa-file-contract:after {
  content: "\10f56c";
}
.fad.fa-file-csv:after {
  content: "\10f6dd";
}
.fad.fa-file-download:after {
  content: "\10f56d";
}
.fad.fa-file-edit:after {
  content: "\10f31c";
}
.fad.fa-file-excel:after {
  content: "\10f1c3";
}
.fad.fa-file-exclamation:after {
  content: "\10f31a";
}
.fad.fa-file-export:after {
  content: "\10f56e";
}
.fad.fa-file-image:after {
  content: "\10f1c5";
}
.fad.fa-file-import:after {
  content: "\10f56f";
}
.fad.fa-file-invoice:after {
  content: "\10f570";
}
.fad.fa-file-invoice-dollar:after {
  content: "\10f571";
}
.fad.fa-file-medical:after {
  content: "\10f477";
}
.fad.fa-file-medical-alt:after {
  content: "\10f478";
}
.fad.fa-file-minus:after {
  content: "\10f318";
}
.fad.fa-file-music:after {
  content: "\10f8b6";
}
.fad.fa-file-pdf:after {
  content: "\10f1c1";
}
.fad.fa-file-plus:after {
  content: "\10f319";
}
.fad.fa-file-powerpoint:after {
  content: "\10f1c4";
}
.fad.fa-file-prescription:after {
  content: "\10f572";
}
.fad.fa-file-search:after {
  content: "\10f865";
}
.fad.fa-file-signature:after {
  content: "\10f573";
}
.fad.fa-file-spreadsheet:after {
  content: "\10f65b";
}
.fad.fa-file-times:after {
  content: "\10f317";
}
.fad.fa-file-upload:after {
  content: "\10f574";
}
.fad.fa-file-user:after {
  content: "\10f65c";
}
.fad.fa-file-video:after {
  content: "\10f1c8";
}
.fad.fa-file-word:after {
  content: "\10f1c2";
}
.fad.fa-files-medical:after {
  content: "\10f7fd";
}
.fad.fa-fill:after {
  content: "\10f575";
}
.fad.fa-fill-drip:after {
  content: "\10f576";
}
.fad.fa-film:after {
  content: "\10f008";
}
.fad.fa-film-alt:after {
  content: "\10f3a0";
}
.fad.fa-film-canister:after {
  content: "\10f8b7";
}
.fad.fa-filter:after {
  content: "\10f0b0";
}
.fad.fa-fingerprint:after {
  content: "\10f577";
}
.fad.fa-fire:after {
  content: "\10f06d";
}
.fad.fa-fire-alt:after {
  content: "\10f7e4";
}
.fad.fa-fire-extinguisher:after {
  content: "\10f134";
}
.fad.fa-fire-smoke:after {
  content: "\10f74b";
}
.fad.fa-fireplace:after {
  content: "\10f79a";
}
.fad.fa-first-aid:after {
  content: "\10f479";
}
.fad.fa-fish:after {
  content: "\10f578";
}
.fad.fa-fish-cooked:after {
  content: "\10f7fe";
}
.fad.fa-fist-raised:after {
  content: "\10f6de";
}
.fad.fa-flag:after {
  content: "\10f024";
}
.fad.fa-flag-alt:after {
  content: "\10f74c";
}
.fad.fa-flag-checkered:after {
  content: "\10f11e";
}
.fad.fa-flag-usa:after {
  content: "\10f74d";
}
.fad.fa-flame:after {
  content: "\10f6df";
}
.fad.fa-flashlight:after {
  content: "\10f8b8";
}
.fad.fa-flask:after {
  content: "\10f0c3";
}
.fad.fa-flask-poison:after {
  content: "\10f6e0";
}
.fad.fa-flask-potion:after {
  content: "\10f6e1";
}
.fad.fa-flower:after {
  content: "\10f7ff";
}
.fad.fa-flower-daffodil:after {
  content: "\10f800";
}
.fad.fa-flower-tulip:after {
  content: "\10f801";
}
.fad.fa-flushed:after {
  content: "\10f579";
}
.fad.fa-flute:after {
  content: "\10f8b9";
}
.fad.fa-flux-capacitor:after {
  content: "\10f8ba";
}
.fad.fa-fog:after {
  content: "\10f74e";
}
.fad.fa-folder:after {
  content: "\10f07b";
}
.fad.fa-folder-download:after {
  content: "\10e053";
}
.fad.fa-folder-minus:after {
  content: "\10f65d";
}
.fad.fa-folder-open:after {
  content: "\10f07c";
}
.fad.fa-folder-plus:after {
  content: "\10f65e";
}
.fad.fa-folder-times:after {
  content: "\10f65f";
}
.fad.fa-folder-tree:after {
  content: "\10f802";
}
.fad.fa-folder-upload:after {
  content: "\10e054";
}
.fad.fa-folders:after {
  content: "\10f660";
}
.fad.fa-font:after {
  content: "\10f031";
}
.fad.fa-font-awesome-logo-full:after {
  content: "\10f4e6";
}
.fad.fa-font-case:after {
  content: "\10f866";
}
.fad.fa-football-ball:after {
  content: "\10f44e";
}
.fad.fa-football-helmet:after {
  content: "\10f44f";
}
.fad.fa-forklift:after {
  content: "\10f47a";
}
.fad.fa-forward:after {
  content: "\10f04e";
}
.fad.fa-fragile:after {
  content: "\10f4bb";
}
.fad.fa-french-fries:after {
  content: "\10f803";
}
.fad.fa-frog:after {
  content: "\10f52e";
}
.fad.fa-frosty-head:after {
  content: "\10f79b";
}
.fad.fa-frown:after {
  content: "\10f119";
}
.fad.fa-frown-open:after {
  content: "\10f57a";
}
.fad.fa-function:after {
  content: "\10f661";
}
.fad.fa-funnel-dollar:after {
  content: "\10f662";
}
.fad.fa-futbol:after {
  content: "\10f1e3";
}
.fad.fa-galaxy:after {
  content: "\10e008";
}
.fad.fa-game-board:after {
  content: "\10f867";
}
.fad.fa-game-board-alt:after {
  content: "\10f868";
}
.fad.fa-game-console-handheld:after {
  content: "\10f8bb";
}
.fad.fa-gamepad:after {
  content: "\10f11b";
}
.fad.fa-gamepad-alt:after {
  content: "\10f8bc";
}
.fad.fa-garage:after {
  content: "\10e009";
}
.fad.fa-garage-car:after {
  content: "\10e00a";
}
.fad.fa-garage-open:after {
  content: "\10e00b";
}
.fad.fa-gas-pump:after {
  content: "\10f52f";
}
.fad.fa-gas-pump-slash:after {
  content: "\10f5f4";
}
.fad.fa-gavel:after {
  content: "\10f0e3";
}
.fad.fa-gem:after {
  content: "\10f3a5";
}
.fad.fa-genderless:after {
  content: "\10f22d";
}
.fad.fa-ghost:after {
  content: "\10f6e2";
}
.fad.fa-gift:after {
  content: "\10f06b";
}
.fad.fa-gift-card:after {
  content: "\10f663";
}
.fad.fa-gifts:after {
  content: "\10f79c";
}
.fad.fa-gingerbread-man:after {
  content: "\10f79d";
}
.fad.fa-glass:after {
  content: "\10f804";
}
.fad.fa-glass-champagne:after {
  content: "\10f79e";
}
.fad.fa-glass-cheers:after {
  content: "\10f79f";
}
.fad.fa-glass-citrus:after {
  content: "\10f869";
}
.fad.fa-glass-martini:after {
  content: "\10f000";
}
.fad.fa-glass-martini-alt:after {
  content: "\10f57b";
}
.fad.fa-glass-whiskey:after {
  content: "\10f7a0";
}
.fad.fa-glass-whiskey-rocks:after {
  content: "\10f7a1";
}
.fad.fa-glasses:after {
  content: "\10f530";
}
.fad.fa-glasses-alt:after {
  content: "\10f5f5";
}
.fad.fa-globe:after {
  content: "\10f0ac";
}
.fad.fa-globe-africa:after {
  content: "\10f57c";
}
.fad.fa-globe-americas:after {
  content: "\10f57d";
}
.fad.fa-globe-asia:after {
  content: "\10f57e";
}
.fad.fa-globe-europe:after {
  content: "\10f7a2";
}
.fad.fa-globe-snow:after {
  content: "\10f7a3";
}
.fad.fa-globe-stand:after {
  content: "\10f5f6";
}
.fad.fa-golf-ball:after {
  content: "\10f450";
}
.fad.fa-golf-club:after {
  content: "\10f451";
}
.fad.fa-gopuram:after {
  content: "\10f664";
}
.fad.fa-graduation-cap:after {
  content: "\10f19d";
}
.fad.fa-gramophone:after {
  content: "\10f8bd";
}
.fad.fa-greater-than:after {
  content: "\10f531";
}
.fad.fa-greater-than-equal:after {
  content: "\10f532";
}
.fad.fa-grimace:after {
  content: "\10f57f";
}
.fad.fa-grin:after {
  content: "\10f580";
}
.fad.fa-grin-alt:after {
  content: "\10f581";
}
.fad.fa-grin-beam:after {
  content: "\10f582";
}
.fad.fa-grin-beam-sweat:after {
  content: "\10f583";
}
.fad.fa-grin-hearts:after {
  content: "\10f584";
}
.fad.fa-grin-squint:after {
  content: "\10f585";
}
.fad.fa-grin-squint-tears:after {
  content: "\10f586";
}
.fad.fa-grin-stars:after {
  content: "\10f587";
}
.fad.fa-grin-tears:after {
  content: "\10f588";
}
.fad.fa-grin-tongue:after {
  content: "\10f589";
}
.fad.fa-grin-tongue-squint:after {
  content: "\10f58a";
}
.fad.fa-grin-tongue-wink:after {
  content: "\10f58b";
}
.fad.fa-grin-wink:after {
  content: "\10f58c";
}
.fad.fa-grip-horizontal:after {
  content: "\10f58d";
}
.fad.fa-grip-lines:after {
  content: "\10f7a4";
}
.fad.fa-grip-lines-vertical:after {
  content: "\10f7a5";
}
.fad.fa-grip-vertical:after {
  content: "\10f58e";
}
.fad.fa-guitar:after {
  content: "\10f7a6";
}
.fad.fa-guitar-electric:after {
  content: "\10f8be";
}
.fad.fa-guitars:after {
  content: "\10f8bf";
}
.fad.fa-h-square:after {
  content: "\10f0fd";
}
.fad.fa-h1:after {
  content: "\10f313";
}
.fad.fa-h2:after {
  content: "\10f314";
}
.fad.fa-h3:after {
  content: "\10f315";
}
.fad.fa-h4:after {
  content: "\10f86a";
}
.fad.fa-hamburger:after {
  content: "\10f805";
}
.fad.fa-hammer:after {
  content: "\10f6e3";
}
.fad.fa-hammer-war:after {
  content: "\10f6e4";
}
.fad.fa-hamsa:after {
  content: "\10f665";
}
.fad.fa-hand-heart:after {
  content: "\10f4bc";
}
.fad.fa-hand-holding:after {
  content: "\10f4bd";
}
.fad.fa-hand-holding-box:after {
  content: "\10f47b";
}
.fad.fa-hand-holding-heart:after {
  content: "\10f4be";
}
.fad.fa-hand-holding-magic:after {
  content: "\10f6e5";
}
.fad.fa-hand-holding-medical:after {
  content: "\10e05c";
}
.fad.fa-hand-holding-seedling:after {
  content: "\10f4bf";
}
.fad.fa-hand-holding-usd:after {
  content: "\10f4c0";
}
.fad.fa-hand-holding-water:after {
  content: "\10f4c1";
}
.fad.fa-hand-lizard:after {
  content: "\10f258";
}
.fad.fa-hand-middle-finger:after {
  content: "\10f806";
}
.fad.fa-hand-paper:after {
  content: "\10f256";
}
.fad.fa-hand-peace:after {
  content: "\10f25b";
}
.fad.fa-hand-point-down:after {
  content: "\10f0a7";
}
.fad.fa-hand-point-left:after {
  content: "\10f0a5";
}
.fad.fa-hand-point-right:after {
  content: "\10f0a4";
}
.fad.fa-hand-point-up:after {
  content: "\10f0a6";
}
.fad.fa-hand-pointer:after {
  content: "\10f25a";
}
.fad.fa-hand-receiving:after {
  content: "\10f47c";
}
.fad.fa-hand-rock:after {
  content: "\10f255";
}
.fad.fa-hand-scissors:after {
  content: "\10f257";
}
.fad.fa-hand-sparkles:after {
  content: "\10e05d";
}
.fad.fa-hand-spock:after {
  content: "\10f259";
}
.fad.fa-hands:after {
  content: "\10f4c2";
}
.fad.fa-hands-heart:after {
  content: "\10f4c3";
}
.fad.fa-hands-helping:after {
  content: "\10f4c4";
}
.fad.fa-hands-usd:after {
  content: "\10f4c5";
}
.fad.fa-hands-wash:after {
  content: "\10e05e";
}
.fad.fa-handshake:after {
  content: "\10f2b5";
}
.fad.fa-handshake-alt:after {
  content: "\10f4c6";
}
.fad.fa-handshake-alt-slash:after {
  content: "\10e05f";
}
.fad.fa-handshake-slash:after {
  content: "\10e060";
}
.fad.fa-hanukiah:after {
  content: "\10f6e6";
}
.fad.fa-hard-hat:after {
  content: "\10f807";
}
.fad.fa-hashtag:after {
  content: "\10f292";
}
.fad.fa-hat-chef:after {
  content: "\10f86b";
}
.fad.fa-hat-cowboy:after {
  content: "\10f8c0";
}
.fad.fa-hat-cowboy-side:after {
  content: "\10f8c1";
}
.fad.fa-hat-santa:after {
  content: "\10f7a7";
}
.fad.fa-hat-winter:after {
  content: "\10f7a8";
}
.fad.fa-hat-witch:after {
  content: "\10f6e7";
}
.fad.fa-hat-wizard:after {
  content: "\10f6e8";
}
.fad.fa-hdd:after {
  content: "\10f0a0";
}
.fad.fa-head-side:after {
  content: "\10f6e9";
}
.fad.fa-head-side-brain:after {
  content: "\10f808";
}
.fad.fa-head-side-cough:after {
  content: "\10e061";
}
.fad.fa-head-side-cough-slash:after {
  content: "\10e062";
}
.fad.fa-head-side-headphones:after {
  content: "\10f8c2";
}
.fad.fa-head-side-mask:after {
  content: "\10e063";
}
.fad.fa-head-side-medical:after {
  content: "\10f809";
}
.fad.fa-head-side-virus:after {
  content: "\10e064";
}
.fad.fa-head-vr:after {
  content: "\10f6ea";
}
.fad.fa-heading:after {
  content: "\10f1dc";
}
.fad.fa-headphones:after {
  content: "\10f025";
}
.fad.fa-headphones-alt:after {
  content: "\10f58f";
}
.fad.fa-headset:after {
  content: "\10f590";
}
.fad.fa-heart:after {
  content: "\10f004";
}
.fad.fa-heart-broken:after {
  content: "\10f7a9";
}
.fad.fa-heart-circle:after {
  content: "\10f4c7";
}
.fad.fa-heart-rate:after {
  content: "\10f5f8";
}
.fad.fa-heart-square:after {
  content: "\10f4c8";
}
.fad.fa-heartbeat:after {
  content: "\10f21e";
}
.fad.fa-heat:after {
  content: "\10e00c";
}
.fad.fa-helicopter:after {
  content: "\10f533";
}
.fad.fa-helmet-battle:after {
  content: "\10f6eb";
}
.fad.fa-hexagon:after {
  content: "\10f312";
}
.fad.fa-highlighter:after {
  content: "\10f591";
}
.fad.fa-hiking:after {
  content: "\10f6ec";
}
.fad.fa-hippo:after {
  content: "\10f6ed";
}
.fad.fa-history:after {
  content: "\10f1da";
}
.fad.fa-hockey-mask:after {
  content: "\10f6ee";
}
.fad.fa-hockey-puck:after {
  content: "\10f453";
}
.fad.fa-hockey-sticks:after {
  content: "\10f454";
}
.fad.fa-holly-berry:after {
  content: "\10f7aa";
}
.fad.fa-home:after {
  content: "\10f015";
}
.fad.fa-home-alt:after {
  content: "\10f80a";
}
.fad.fa-home-heart:after {
  content: "\10f4c9";
}
.fad.fa-home-lg:after {
  content: "\10f80b";
}
.fad.fa-home-lg-alt:after {
  content: "\10f80c";
}
.fad.fa-hood-cloak:after {
  content: "\10f6ef";
}
.fad.fa-horizontal-rule:after {
  content: "\10f86c";
}
.fad.fa-horse:after {
  content: "\10f6f0";
}
.fad.fa-horse-head:after {
  content: "\10f7ab";
}
.fad.fa-horse-saddle:after {
  content: "\10f8c3";
}
.fad.fa-hospital:after {
  content: "\10f0f8";
}
.fad.fa-hospital-alt:after {
  content: "\10f47d";
}
.fad.fa-hospital-symbol:after {
  content: "\10f47e";
}
.fad.fa-hospital-user:after {
  content: "\10f80d";
}
.fad.fa-hospitals:after {
  content: "\10f80e";
}
.fad.fa-hot-tub:after {
  content: "\10f593";
}
.fad.fa-hotdog:after {
  content: "\10f80f";
}
.fad.fa-hotel:after {
  content: "\10f594";
}
.fad.fa-hourglass:after {
  content: "\10f254";
}
.fad.fa-hourglass-end:after {
  content: "\10f253";
}
.fad.fa-hourglass-half:after {
  content: "\10f252";
}
.fad.fa-hourglass-start:after {
  content: "\10f251";
}
.fad.fa-house:after {
  content: "\10e00d";
}
.fad.fa-house-damage:after {
  content: "\10f6f1";
}
.fad.fa-house-day:after {
  content: "\10e00e";
}
.fad.fa-house-flood:after {
  content: "\10f74f";
}
.fad.fa-house-leave:after {
  content: "\10e00f";
}
.fad.fa-house-night:after {
  content: "\10e010";
}
.fad.fa-house-return:after {
  content: "\10e011";
}
.fad.fa-house-signal:after {
  content: "\10e012";
}
.fad.fa-house-user:after {
  content: "\10e065";
}
.fad.fa-hryvnia:after {
  content: "\10f6f2";
}
.fad.fa-humidity:after {
  content: "\10f750";
}
.fad.fa-hurricane:after {
  content: "\10f751";
}
.fad.fa-i-cursor:after {
  content: "\10f246";
}
.fad.fa-ice-cream:after {
  content: "\10f810";
}
.fad.fa-ice-skate:after {
  content: "\10f7ac";
}
.fad.fa-icicles:after {
  content: "\10f7ad";
}
.fad.fa-icons:after {
  content: "\10f86d";
}
.fad.fa-icons-alt:after {
  content: "\10f86e";
}
.fad.fa-id-badge:after {
  content: "\10f2c1";
}
.fad.fa-id-card:after {
  content: "\10f2c2";
}
.fad.fa-id-card-alt:after {
  content: "\10f47f";
}
.fad.fa-igloo:after {
  content: "\10f7ae";
}
.fad.fa-image:after {
  content: "\10f03e";
}
.fad.fa-image-polaroid:after {
  content: "\10f8c4";
}
.fad.fa-images:after {
  content: "\10f302";
}
.fad.fa-inbox:after {
  content: "\10f01c";
}
.fad.fa-inbox-in:after {
  content: "\10f310";
}
.fad.fa-inbox-out:after {
  content: "\10f311";
}
.fad.fa-indent:after {
  content: "\10f03c";
}
.fad.fa-industry:after {
  content: "\10f275";
}
.fad.fa-industry-alt:after {
  content: "\10f3b3";
}
.fad.fa-infinity:after {
  content: "\10f534";
}
.fad.fa-info:after {
  content: "\10f129";
}
.fad.fa-info-circle:after {
  content: "\10f05a";
}
.fad.fa-info-square:after {
  content: "\10f30f";
}
.fad.fa-inhaler:after {
  content: "\10f5f9";
}
.fad.fa-integral:after {
  content: "\10f667";
}
.fad.fa-intersection:after {
  content: "\10f668";
}
.fad.fa-inventory:after {
  content: "\10f480";
}
.fad.fa-island-tropical:after {
  content: "\10f811";
}
.fad.fa-italic:after {
  content: "\10f033";
}
.fad.fa-jack-o-lantern:after {
  content: "\10f30e";
}
.fad.fa-jedi:after {
  content: "\10f669";
}
.fad.fa-joint:after {
  content: "\10f595";
}
.fad.fa-journal-whills:after {
  content: "\10f66a";
}
.fad.fa-joystick:after {
  content: "\10f8c5";
}
.fad.fa-jug:after {
  content: "\10f8c6";
}
.fad.fa-kaaba:after {
  content: "\10f66b";
}
.fad.fa-kazoo:after {
  content: "\10f8c7";
}
.fad.fa-kerning:after {
  content: "\10f86f";
}
.fad.fa-key:after {
  content: "\10f084";
}
.fad.fa-key-skeleton:after {
  content: "\10f6f3";
}
.fad.fa-keyboard:after {
  content: "\10f11c";
}
.fad.fa-keynote:after {
  content: "\10f66c";
}
.fad.fa-khanda:after {
  content: "\10f66d";
}
.fad.fa-kidneys:after {
  content: "\10f5fb";
}
.fad.fa-kiss:after {
  content: "\10f596";
}
.fad.fa-kiss-beam:after {
  content: "\10f597";
}
.fad.fa-kiss-wink-heart:after {
  content: "\10f598";
}
.fad.fa-kite:after {
  content: "\10f6f4";
}
.fad.fa-kiwi-bird:after {
  content: "\10f535";
}
.fad.fa-knife-kitchen:after {
  content: "\10f6f5";
}
.fad.fa-lambda:after {
  content: "\10f66e";
}
.fad.fa-lamp:after {
  content: "\10f4ca";
}
.fad.fa-lamp-desk:after {
  content: "\10e014";
}
.fad.fa-lamp-floor:after {
  content: "\10e015";
}
.fad.fa-landmark:after {
  content: "\10f66f";
}
.fad.fa-landmark-alt:after {
  content: "\10f752";
}
.fad.fa-language:after {
  content: "\10f1ab";
}
.fad.fa-laptop:after {
  content: "\10f109";
}
.fad.fa-laptop-code:after {
  content: "\10f5fc";
}
.fad.fa-laptop-house:after {
  content: "\10e066";
}
.fad.fa-laptop-medical:after {
  content: "\10f812";
}
.fad.fa-lasso:after {
  content: "\10f8c8";
}
.fad.fa-laugh:after {
  content: "\10f599";
}
.fad.fa-laugh-beam:after {
  content: "\10f59a";
}
.fad.fa-laugh-squint:after {
  content: "\10f59b";
}
.fad.fa-laugh-wink:after {
  content: "\10f59c";
}
.fad.fa-layer-group:after {
  content: "\10f5fd";
}
.fad.fa-layer-minus:after {
  content: "\10f5fe";
}
.fad.fa-layer-plus:after {
  content: "\10f5ff";
}
.fad.fa-leaf:after {
  content: "\10f06c";
}
.fad.fa-leaf-heart:after {
  content: "\10f4cb";
}
.fad.fa-leaf-maple:after {
  content: "\10f6f6";
}
.fad.fa-leaf-oak:after {
  content: "\10f6f7";
}
.fad.fa-lemon:after {
  content: "\10f094";
}
.fad.fa-less-than:after {
  content: "\10f536";
}
.fad.fa-less-than-equal:after {
  content: "\10f537";
}
.fad.fa-level-down:after {
  content: "\10f149";
}
.fad.fa-level-down-alt:after {
  content: "\10f3be";
}
.fad.fa-level-up:after {
  content: "\10f148";
}
.fad.fa-level-up-alt:after {
  content: "\10f3bf";
}
.fad.fa-life-ring:after {
  content: "\10f1cd";
}
.fad.fa-light-ceiling:after {
  content: "\10e016";
}
.fad.fa-light-switch:after {
  content: "\10e017";
}
.fad.fa-light-switch-off:after {
  content: "\10e018";
}
.fad.fa-light-switch-on:after {
  content: "\10e019";
}
.fad.fa-lightbulb:after {
  content: "\10f0eb";
}
.fad.fa-lightbulb-dollar:after {
  content: "\10f670";
}
.fad.fa-lightbulb-exclamation:after {
  content: "\10f671";
}
.fad.fa-lightbulb-on:after {
  content: "\10f672";
}
.fad.fa-lightbulb-slash:after {
  content: "\10f673";
}
.fad.fa-lights-holiday:after {
  content: "\10f7b2";
}
.fad.fa-line-columns:after {
  content: "\10f870";
}
.fad.fa-line-height:after {
  content: "\10f871";
}
.fad.fa-link:after {
  content: "\10f0c1";
}
.fad.fa-lips:after {
  content: "\10f600";
}
.fad.fa-lira-sign:after {
  content: "\10f195";
}
.fad.fa-list:after {
  content: "\10f03a";
}
.fad.fa-list-alt:after {
  content: "\10f022";
}
.fad.fa-list-music:after {
  content: "\10f8c9";
}
.fad.fa-list-ol:after {
  content: "\10f0cb";
}
.fad.fa-list-ul:after {
  content: "\10f0ca";
}
.fad.fa-location:after {
  content: "\10f601";
}
.fad.fa-location-arrow:after {
  content: "\10f124";
}
.fad.fa-location-circle:after {
  content: "\10f602";
}
.fad.fa-location-slash:after {
  content: "\10f603";
}
.fad.fa-lock:after {
  content: "\10f023";
}
.fad.fa-lock-alt:after {
  content: "\10f30d";
}
.fad.fa-lock-open:after {
  content: "\10f3c1";
}
.fad.fa-lock-open-alt:after {
  content: "\10f3c2";
}
.fad.fa-long-arrow-alt-down:after {
  content: "\10f309";
}
.fad.fa-long-arrow-alt-left:after {
  content: "\10f30a";
}
.fad.fa-long-arrow-alt-right:after {
  content: "\10f30b";
}
.fad.fa-long-arrow-alt-up:after {
  content: "\10f30c";
}
.fad.fa-long-arrow-down:after {
  content: "\10f175";
}
.fad.fa-long-arrow-left:after {
  content: "\10f177";
}
.fad.fa-long-arrow-right:after {
  content: "\10f178";
}
.fad.fa-long-arrow-up:after {
  content: "\10f176";
}
.fad.fa-loveseat:after {
  content: "\10f4cc";
}
.fad.fa-low-vision:after {
  content: "\10f2a8";
}
.fad.fa-luchador:after {
  content: "\10f455";
}
.fad.fa-luggage-cart:after {
  content: "\10f59d";
}
.fad.fa-lungs:after {
  content: "\10f604";
}
.fad.fa-lungs-virus:after {
  content: "\10e067";
}
.fad.fa-mace:after {
  content: "\10f6f8";
}
.fad.fa-magic:after {
  content: "\10f0d0";
}
.fad.fa-magnet:after {
  content: "\10f076";
}
.fad.fa-mail-bulk:after {
  content: "\10f674";
}
.fad.fa-mailbox:after {
  content: "\10f813";
}
.fad.fa-male:after {
  content: "\10f183";
}
.fad.fa-mandolin:after {
  content: "\10f6f9";
}
.fad.fa-map:after {
  content: "\10f279";
}
.fad.fa-map-marked:after {
  content: "\10f59f";
}
.fad.fa-map-marked-alt:after {
  content: "\10f5a0";
}
.fad.fa-map-marker:after {
  content: "\10f041";
}
.fad.fa-map-marker-alt:after {
  content: "\10f3c5";
}
.fad.fa-map-marker-alt-slash:after {
  content: "\10f605";
}
.fad.fa-map-marker-check:after {
  content: "\10f606";
}
.fad.fa-map-marker-edit:after {
  content: "\10f607";
}
.fad.fa-map-marker-exclamation:after {
  content: "\10f608";
}
.fad.fa-map-marker-minus:after {
  content: "\10f609";
}
.fad.fa-map-marker-plus:after {
  content: "\10f60a";
}
.fad.fa-map-marker-question:after {
  content: "\10f60b";
}
.fad.fa-map-marker-slash:after {
  content: "\10f60c";
}
.fad.fa-map-marker-smile:after {
  content: "\10f60d";
}
.fad.fa-map-marker-times:after {
  content: "\10f60e";
}
.fad.fa-map-pin:after {
  content: "\10f276";
}
.fad.fa-map-signs:after {
  content: "\10f277";
}
.fad.fa-marker:after {
  content: "\10f5a1";
}
.fad.fa-mars:after {
  content: "\10f222";
}
.fad.fa-mars-double:after {
  content: "\10f227";
}
.fad.fa-mars-stroke:after {
  content: "\10f229";
}
.fad.fa-mars-stroke-h:after {
  content: "\10f22b";
}
.fad.fa-mars-stroke-v:after {
  content: "\10f22a";
}
.fad.fa-mask:after {
  content: "\10f6fa";
}
.fad.fa-meat:after {
  content: "\10f814";
}
.fad.fa-medal:after {
  content: "\10f5a2";
}
.fad.fa-medkit:after {
  content: "\10f0fa";
}
.fad.fa-megaphone:after {
  content: "\10f675";
}
.fad.fa-meh:after {
  content: "\10f11a";
}
.fad.fa-meh-blank:after {
  content: "\10f5a4";
}
.fad.fa-meh-rolling-eyes:after {
  content: "\10f5a5";
}
.fad.fa-memory:after {
  content: "\10f538";
}
.fad.fa-menorah:after {
  content: "\10f676";
}
.fad.fa-mercury:after {
  content: "\10f223";
}
.fad.fa-meteor:after {
  content: "\10f753";
}
.fad.fa-microchip:after {
  content: "\10f2db";
}
.fad.fa-microphone:after {
  content: "\10f130";
}
.fad.fa-microphone-alt:after {
  content: "\10f3c9";
}
.fad.fa-microphone-alt-slash:after {
  content: "\10f539";
}
.fad.fa-microphone-slash:after {
  content: "\10f131";
}
.fad.fa-microphone-stand:after {
  content: "\10f8cb";
}
.fad.fa-microscope:after {
  content: "\10f610";
}
.fad.fa-microwave:after {
  content: "\10e01b";
}
.fad.fa-mind-share:after {
  content: "\10f677";
}
.fad.fa-minus:after {
  content: "\10f068";
}
.fad.fa-minus-circle:after {
  content: "\10f056";
}
.fad.fa-minus-hexagon:after {
  content: "\10f307";
}
.fad.fa-minus-octagon:after {
  content: "\10f308";
}
.fad.fa-minus-square:after {
  content: "\10f146";
}
.fad.fa-mistletoe:after {
  content: "\10f7b4";
}
.fad.fa-mitten:after {
  content: "\10f7b5";
}
.fad.fa-mobile:after {
  content: "\10f10b";
}
.fad.fa-mobile-alt:after {
  content: "\10f3cd";
}
.fad.fa-mobile-android:after {
  content: "\10f3ce";
}
.fad.fa-mobile-android-alt:after {
  content: "\10f3cf";
}
.fad.fa-money-bill:after {
  content: "\10f0d6";
}
.fad.fa-money-bill-alt:after {
  content: "\10f3d1";
}
.fad.fa-money-bill-wave:after {
  content: "\10f53a";
}
.fad.fa-money-bill-wave-alt:after {
  content: "\10f53b";
}
.fad.fa-money-check:after {
  content: "\10f53c";
}
.fad.fa-money-check-alt:after {
  content: "\10f53d";
}
.fad.fa-money-check-edit:after {
  content: "\10f872";
}
.fad.fa-money-check-edit-alt:after {
  content: "\10f873";
}
.fad.fa-monitor-heart-rate:after {
  content: "\10f611";
}
.fad.fa-monkey:after {
  content: "\10f6fb";
}
.fad.fa-monument:after {
  content: "\10f5a6";
}
.fad.fa-moon:after {
  content: "\10f186";
}
.fad.fa-moon-cloud:after {
  content: "\10f754";
}
.fad.fa-moon-stars:after {
  content: "\10f755";
}
.fad.fa-mortar-pestle:after {
  content: "\10f5a7";
}
.fad.fa-mosque:after {
  content: "\10f678";
}
.fad.fa-motorcycle:after {
  content: "\10f21c";
}
.fad.fa-mountain:after {
  content: "\10f6fc";
}
.fad.fa-mountains:after {
  content: "\10f6fd";
}
.fad.fa-mouse:after {
  content: "\10f8cc";
}
.fad.fa-mouse-alt:after {
  content: "\10f8cd";
}
.fad.fa-mouse-pointer:after {
  content: "\10f245";
}
.fad.fa-mp3-player:after {
  content: "\10f8ce";
}
.fad.fa-mug:after {
  content: "\10f874";
}
.fad.fa-mug-hot:after {
  content: "\10f7b6";
}
.fad.fa-mug-marshmallows:after {
  content: "\10f7b7";
}
.fad.fa-mug-tea:after {
  content: "\10f875";
}
.fad.fa-music:after {
  content: "\10f001";
}
.fad.fa-music-alt:after {
  content: "\10f8cf";
}
.fad.fa-music-alt-slash:after {
  content: "\10f8d0";
}
.fad.fa-music-slash:after {
  content: "\10f8d1";
}
.fad.fa-narwhal:after {
  content: "\10f6fe";
}
.fad.fa-network-wired:after {
  content: "\10f6ff";
}
.fad.fa-neuter:after {
  content: "\10f22c";
}
.fad.fa-newspaper:after {
  content: "\10f1ea";
}
.fad.fa-not-equal:after {
  content: "\10f53e";
}
.fad.fa-notes-medical:after {
  content: "\10f481";
}
.fad.fa-object-group:after {
  content: "\10f247";
}
.fad.fa-object-ungroup:after {
  content: "\10f248";
}
.fad.fa-octagon:after {
  content: "\10f306";
}
.fad.fa-oil-can:after {
  content: "\10f613";
}
.fad.fa-oil-temp:after {
  content: "\10f614";
}
.fad.fa-om:after {
  content: "\10f679";
}
.fad.fa-omega:after {
  content: "\10f67a";
}
.fad.fa-ornament:after {
  content: "\10f7b8";
}
.fad.fa-otter:after {
  content: "\10f700";
}
.fad.fa-outdent:after {
  content: "\10f03b";
}
.fad.fa-outlet:after {
  content: "\10e01c";
}
.fad.fa-oven:after {
  content: "\10e01d";
}
.fad.fa-overline:after {
  content: "\10f876";
}
.fad.fa-page-break:after {
  content: "\10f877";
}
.fad.fa-pager:after {
  content: "\10f815";
}
.fad.fa-paint-brush:after {
  content: "\10f1fc";
}
.fad.fa-paint-brush-alt:after {
  content: "\10f5a9";
}
.fad.fa-paint-roller:after {
  content: "\10f5aa";
}
.fad.fa-palette:after {
  content: "\10f53f";
}
.fad.fa-pallet:after {
  content: "\10f482";
}
.fad.fa-pallet-alt:after {
  content: "\10f483";
}
.fad.fa-paper-plane:after {
  content: "\10f1d8";
}
.fad.fa-paperclip:after {
  content: "\10f0c6";
}
.fad.fa-parachute-box:after {
  content: "\10f4cd";
}
.fad.fa-paragraph:after {
  content: "\10f1dd";
}
.fad.fa-paragraph-rtl:after {
  content: "\10f878";
}
.fad.fa-parking:after {
  content: "\10f540";
}
.fad.fa-parking-circle:after {
  content: "\10f615";
}
.fad.fa-parking-circle-slash:after {
  content: "\10f616";
}
.fad.fa-parking-slash:after {
  content: "\10f617";
}
.fad.fa-passport:after {
  content: "\10f5ab";
}
.fad.fa-pastafarianism:after {
  content: "\10f67b";
}
.fad.fa-paste:after {
  content: "\10f0ea";
}
.fad.fa-pause:after {
  content: "\10f04c";
}
.fad.fa-pause-circle:after {
  content: "\10f28b";
}
.fad.fa-paw:after {
  content: "\10f1b0";
}
.fad.fa-paw-alt:after {
  content: "\10f701";
}
.fad.fa-paw-claws:after {
  content: "\10f702";
}
.fad.fa-peace:after {
  content: "\10f67c";
}
.fad.fa-pegasus:after {
  content: "\10f703";
}
.fad.fa-pen:after {
  content: "\10f304";
}
.fad.fa-pen-alt:after {
  content: "\10f305";
}
.fad.fa-pen-fancy:after {
  content: "\10f5ac";
}
.fad.fa-pen-nib:after {
  content: "\10f5ad";
}
.fad.fa-pen-square:after {
  content: "\10f14b";
}
.fad.fa-pencil:after {
  content: "\10f040";
}
.fad.fa-pencil-alt:after {
  content: "\10f303";
}
.fad.fa-pencil-paintbrush:after {
  content: "\10f618";
}
.fad.fa-pencil-ruler:after {
  content: "\10f5ae";
}
.fad.fa-pennant:after {
  content: "\10f456";
}
.fad.fa-people-arrows:after {
  content: "\10e068";
}
.fad.fa-people-carry:after {
  content: "\10f4ce";
}
.fad.fa-pepper-hot:after {
  content: "\10f816";
}
.fad.fa-percent:after {
  content: "\10f295";
}
.fad.fa-percentage:after {
  content: "\10f541";
}
.fad.fa-person-booth:after {
  content: "\10f756";
}
.fad.fa-person-carry:after {
  content: "\10f4cf";
}
.fad.fa-person-dolly:after {
  content: "\10f4d0";
}
.fad.fa-person-dolly-empty:after {
  content: "\10f4d1";
}
.fad.fa-person-sign:after {
  content: "\10f757";
}
.fad.fa-phone:after {
  content: "\10f095";
}
.fad.fa-phone-alt:after {
  content: "\10f879";
}
.fad.fa-phone-laptop:after {
  content: "\10f87a";
}
.fad.fa-phone-office:after {
  content: "\10f67d";
}
.fad.fa-phone-plus:after {
  content: "\10f4d2";
}
.fad.fa-phone-rotary:after {
  content: "\10f8d3";
}
.fad.fa-phone-slash:after {
  content: "\10f3dd";
}
.fad.fa-phone-square:after {
  content: "\10f098";
}
.fad.fa-phone-square-alt:after {
  content: "\10f87b";
}
.fad.fa-phone-volume:after {
  content: "\10f2a0";
}
.fad.fa-photo-video:after {
  content: "\10f87c";
}
.fad.fa-pi:after {
  content: "\10f67e";
}
.fad.fa-piano:after {
  content: "\10f8d4";
}
.fad.fa-piano-keyboard:after {
  content: "\10f8d5";
}
.fad.fa-pie:after {
  content: "\10f705";
}
.fad.fa-pig:after {
  content: "\10f706";
}
.fad.fa-piggy-bank:after {
  content: "\10f4d3";
}
.fad.fa-pills:after {
  content: "\10f484";
}
.fad.fa-pizza:after {
  content: "\10f817";
}
.fad.fa-pizza-slice:after {
  content: "\10f818";
}
.fad.fa-place-of-worship:after {
  content: "\10f67f";
}
.fad.fa-plane:after {
  content: "\10f072";
}
.fad.fa-plane-alt:after {
  content: "\10f3de";
}
.fad.fa-plane-arrival:after {
  content: "\10f5af";
}
.fad.fa-plane-departure:after {
  content: "\10f5b0";
}
.fad.fa-plane-slash:after {
  content: "\10e069";
}
.fad.fa-planet-moon:after {
  content: "\10e01f";
}
.fad.fa-planet-ringed:after {
  content: "\10e020";
}
.fad.fa-play:after {
  content: "\10f04b";
}
.fad.fa-play-circle:after {
  content: "\10f144";
}
.fad.fa-plug:after {
  content: "\10f1e6";
}
.fad.fa-plus:after {
  content: "\10f067";
}
.fad.fa-plus-circle:after {
  content: "\10f055";
}
.fad.fa-plus-hexagon:after {
  content: "\10f300";
}
.fad.fa-plus-octagon:after {
  content: "\10f301";
}
.fad.fa-plus-square:after {
  content: "\10f0fe";
}
.fad.fa-podcast:after {
  content: "\10f2ce";
}
.fad.fa-podium:after {
  content: "\10f680";
}
.fad.fa-podium-star:after {
  content: "\10f758";
}
.fad.fa-police-box:after {
  content: "\10e021";
}
.fad.fa-poll:after {
  content: "\10f681";
}
.fad.fa-poll-h:after {
  content: "\10f682";
}
.fad.fa-poll-people:after {
  content: "\10f759";
}
.fad.fa-poo:after {
  content: "\10f2fe";
}
.fad.fa-poo-storm:after {
  content: "\10f75a";
}
.fad.fa-poop:after {
  content: "\10f619";
}
.fad.fa-popcorn:after {
  content: "\10f819";
}
.fad.fa-portal-enter:after {
  content: "\10e022";
}
.fad.fa-portal-exit:after {
  content: "\10e023";
}
.fad.fa-portrait:after {
  content: "\10f3e0";
}
.fad.fa-pound-sign:after {
  content: "\10f154";
}
.fad.fa-power-off:after {
  content: "\10f011";
}
.fad.fa-pray:after {
  content: "\10f683";
}
.fad.fa-praying-hands:after {
  content: "\10f684";
}
.fad.fa-prescription:after {
  content: "\10f5b1";
}
.fad.fa-prescription-bottle:after {
  content: "\10f485";
}
.fad.fa-prescription-bottle-alt:after {
  content: "\10f486";
}
.fad.fa-presentation:after {
  content: "\10f685";
}
.fad.fa-print:after {
  content: "\10f02f";
}
.fad.fa-print-search:after {
  content: "\10f81a";
}
.fad.fa-print-slash:after {
  content: "\10f686";
}
.fad.fa-procedures:after {
  content: "\10f487";
}
.fad.fa-project-diagram:after {
  content: "\10f542";
}
.fad.fa-projector:after {
  content: "\10f8d6";
}
.fad.fa-pump-medical:after {
  content: "\10e06a";
}
.fad.fa-pump-soap:after {
  content: "\10e06b";
}
.fad.fa-pumpkin:after {
  content: "\10f707";
}
.fad.fa-puzzle-piece:after {
  content: "\10f12e";
}
.fad.fa-qrcode:after {
  content: "\10f029";
}
.fad.fa-question:after {
  content: "\10f128";
}
.fad.fa-question-circle:after {
  content: "\10f059";
}
.fad.fa-question-square:after {
  content: "\10f2fd";
}
.fad.fa-quidditch:after {
  content: "\10f458";
}
.fad.fa-quote-left:after {
  content: "\10f10d";
}
.fad.fa-quote-right:after {
  content: "\10f10e";
}
.fad.fa-quran:after {
  content: "\10f687";
}
.fad.fa-rabbit:after {
  content: "\10f708";
}
.fad.fa-rabbit-fast:after {
  content: "\10f709";
}
.fad.fa-racquet:after {
  content: "\10f45a";
}
.fad.fa-radar:after {
  content: "\10e024";
}
.fad.fa-radiation:after {
  content: "\10f7b9";
}
.fad.fa-radiation-alt:after {
  content: "\10f7ba";
}
.fad.fa-radio:after {
  content: "\10f8d7";
}
.fad.fa-radio-alt:after {
  content: "\10f8d8";
}
.fad.fa-rainbow:after {
  content: "\10f75b";
}
.fad.fa-raindrops:after {
  content: "\10f75c";
}
.fad.fa-ram:after {
  content: "\10f70a";
}
.fad.fa-ramp-loading:after {
  content: "\10f4d4";
}
.fad.fa-random:after {
  content: "\10f074";
}
.fad.fa-raygun:after {
  content: "\10e025";
}
.fad.fa-receipt:after {
  content: "\10f543";
}
.fad.fa-record-vinyl:after {
  content: "\10f8d9";
}
.fad.fa-rectangle-landscape:after {
  content: "\10f2fa";
}
.fad.fa-rectangle-portrait:after {
  content: "\10f2fb";
}
.fad.fa-rectangle-wide:after {
  content: "\10f2fc";
}
.fad.fa-recycle:after {
  content: "\10f1b8";
}
.fad.fa-redo:after {
  content: "\10f01e";
}
.fad.fa-redo-alt:after {
  content: "\10f2f9";
}
.fad.fa-refrigerator:after {
  content: "\10e026";
}
.fad.fa-registered:after {
  content: "\10f25d";
}
.fad.fa-remove-format:after {
  content: "\10f87d";
}
.fad.fa-repeat:after {
  content: "\10f363";
}
.fad.fa-repeat-1:after {
  content: "\10f365";
}
.fad.fa-repeat-1-alt:after {
  content: "\10f366";
}
.fad.fa-repeat-alt:after {
  content: "\10f364";
}
.fad.fa-reply:after {
  content: "\10f3e5";
}
.fad.fa-reply-all:after {
  content: "\10f122";
}
.fad.fa-republican:after {
  content: "\10f75e";
}
.fad.fa-restroom:after {
  content: "\10f7bd";
}
.fad.fa-retweet:after {
  content: "\10f079";
}
.fad.fa-retweet-alt:after {
  content: "\10f361";
}
.fad.fa-ribbon:after {
  content: "\10f4d6";
}
.fad.fa-ring:after {
  content: "\10f70b";
}
.fad.fa-rings-wedding:after {
  content: "\10f81b";
}
.fad.fa-road:after {
  content: "\10f018";
}
.fad.fa-robot:after {
  content: "\10f544";
}
.fad.fa-rocket:after {
  content: "\10f135";
}
.fad.fa-rocket-launch:after {
  content: "\10e027";
}
.fad.fa-route:after {
  content: "\10f4d7";
}
.fad.fa-route-highway:after {
  content: "\10f61a";
}
.fad.fa-route-interstate:after {
  content: "\10f61b";
}
.fad.fa-router:after {
  content: "\10f8da";
}
.fad.fa-rss:after {
  content: "\10f09e";
}
.fad.fa-rss-square:after {
  content: "\10f143";
}
.fad.fa-ruble-sign:after {
  content: "\10f158";
}
.fad.fa-ruler:after {
  content: "\10f545";
}
.fad.fa-ruler-combined:after {
  content: "\10f546";
}
.fad.fa-ruler-horizontal:after {
  content: "\10f547";
}
.fad.fa-ruler-triangle:after {
  content: "\10f61c";
}
.fad.fa-ruler-vertical:after {
  content: "\10f548";
}
.fad.fa-running:after {
  content: "\10f70c";
}
.fad.fa-rupee-sign:after {
  content: "\10f156";
}
.fad.fa-rv:after {
  content: "\10f7be";
}
.fad.fa-sack:after {
  content: "\10f81c";
}
.fad.fa-sack-dollar:after {
  content: "\10f81d";
}
.fad.fa-sad-cry:after {
  content: "\10f5b3";
}
.fad.fa-sad-tear:after {
  content: "\10f5b4";
}
.fad.fa-salad:after {
  content: "\10f81e";
}
.fad.fa-sandwich:after {
  content: "\10f81f";
}
.fad.fa-satellite:after {
  content: "\10f7bf";
}
.fad.fa-satellite-dish:after {
  content: "\10f7c0";
}
.fad.fa-sausage:after {
  content: "\10f820";
}
.fad.fa-save:after {
  content: "\10f0c7";
}
.fad.fa-sax-hot:after {
  content: "\10f8db";
}
.fad.fa-saxophone:after {
  content: "\10f8dc";
}
.fad.fa-scalpel:after {
  content: "\10f61d";
}
.fad.fa-scalpel-path:after {
  content: "\10f61e";
}
.fad.fa-scanner:after {
  content: "\10f488";
}
.fad.fa-scanner-image:after {
  content: "\10f8f3";
}
.fad.fa-scanner-keyboard:after {
  content: "\10f489";
}
.fad.fa-scanner-touchscreen:after {
  content: "\10f48a";
}
.fad.fa-scarecrow:after {
  content: "\10f70d";
}
.fad.fa-scarf:after {
  content: "\10f7c1";
}
.fad.fa-school:after {
  content: "\10f549";
}
.fad.fa-screwdriver:after {
  content: "\10f54a";
}
.fad.fa-scroll:after {
  content: "\10f70e";
}
.fad.fa-scroll-old:after {
  content: "\10f70f";
}
.fad.fa-scrubber:after {
  content: "\10f2f8";
}
.fad.fa-scythe:after {
  content: "\10f710";
}
.fad.fa-sd-card:after {
  content: "\10f7c2";
}
.fad.fa-search:after {
  content: "\10f002";
}
.fad.fa-search-dollar:after {
  content: "\10f688";
}
.fad.fa-search-location:after {
  content: "\10f689";
}
.fad.fa-search-minus:after {
  content: "\10f010";
}
.fad.fa-search-plus:after {
  content: "\10f00e";
}
.fad.fa-seedling:after {
  content: "\10f4d8";
}
.fad.fa-send-back:after {
  content: "\10f87e";
}
.fad.fa-send-backward:after {
  content: "\10f87f";
}
.fad.fa-sensor:after {
  content: "\10e028";
}
.fad.fa-sensor-alert:after {
  content: "\10e029";
}
.fad.fa-sensor-fire:after {
  content: "\10e02a";
}
.fad.fa-sensor-on:after {
  content: "\10e02b";
}
.fad.fa-sensor-smoke:after {
  content: "\10e02c";
}
.fad.fa-server:after {
  content: "\10f233";
}
.fad.fa-shapes:after {
  content: "\10f61f";
}
.fad.fa-share:after {
  content: "\10f064";
}
.fad.fa-share-all:after {
  content: "\10f367";
}
.fad.fa-share-alt:after {
  content: "\10f1e0";
}
.fad.fa-share-alt-square:after {
  content: "\10f1e1";
}
.fad.fa-share-square:after {
  content: "\10f14d";
}
.fad.fa-sheep:after {
  content: "\10f711";
}
.fad.fa-shekel-sign:after {
  content: "\10f20b";
}
.fad.fa-shield:after {
  content: "\10f132";
}
.fad.fa-shield-alt:after {
  content: "\10f3ed";
}
.fad.fa-shield-check:after {
  content: "\10f2f7";
}
.fad.fa-shield-cross:after {
  content: "\10f712";
}
.fad.fa-shield-virus:after {
  content: "\10e06c";
}
.fad.fa-ship:after {
  content: "\10f21a";
}
.fad.fa-shipping-fast:after {
  content: "\10f48b";
}
.fad.fa-shipping-timed:after {
  content: "\10f48c";
}
.fad.fa-shish-kebab:after {
  content: "\10f821";
}
.fad.fa-shoe-prints:after {
  content: "\10f54b";
}
.fad.fa-shopping-bag:after {
  content: "\10f290";
}
.fad.fa-shopping-basket:after {
  content: "\10f291";
}
.fad.fa-shopping-cart:after {
  content: "\10f07a";
}
.fad.fa-shovel:after {
  content: "\10f713";
}
.fad.fa-shovel-snow:after {
  content: "\10f7c3";
}
.fad.fa-shower:after {
  content: "\10f2cc";
}
.fad.fa-shredder:after {
  content: "\10f68a";
}
.fad.fa-shuttle-van:after {
  content: "\10f5b6";
}
.fad.fa-shuttlecock:after {
  content: "\10f45b";
}
.fad.fa-sickle:after {
  content: "\10f822";
}
.fad.fa-sigma:after {
  content: "\10f68b";
}
.fad.fa-sign:after {
  content: "\10f4d9";
}
.fad.fa-sign-in:after {
  content: "\10f090";
}
.fad.fa-sign-in-alt:after {
  content: "\10f2f6";
}
.fad.fa-sign-language:after {
  content: "\10f2a7";
}
.fad.fa-sign-out:after {
  content: "\10f08b";
}
.fad.fa-sign-out-alt:after {
  content: "\10f2f5";
}
.fad.fa-signal:after {
  content: "\10f012";
}
.fad.fa-signal-1:after {
  content: "\10f68c";
}
.fad.fa-signal-2:after {
  content: "\10f68d";
}
.fad.fa-signal-3:after {
  content: "\10f68e";
}
.fad.fa-signal-4:after {
  content: "\10f68f";
}
.fad.fa-signal-alt:after {
  content: "\10f690";
}
.fad.fa-signal-alt-1:after {
  content: "\10f691";
}
.fad.fa-signal-alt-2:after {
  content: "\10f692";
}
.fad.fa-signal-alt-3:after {
  content: "\10f693";
}
.fad.fa-signal-alt-slash:after {
  content: "\10f694";
}
.fad.fa-signal-slash:after {
  content: "\10f695";
}
.fad.fa-signal-stream:after {
  content: "\10f8dd";
}
.fad.fa-signature:after {
  content: "\10f5b7";
}
.fad.fa-sim-card:after {
  content: "\10f7c4";
}
.fad.fa-sink:after {
  content: "\10e06d";
}
.fad.fa-siren:after {
  content: "\10e02d";
}
.fad.fa-siren-on:after {
  content: "\10e02e";
}
.fad.fa-sitemap:after {
  content: "\10f0e8";
}
.fad.fa-skating:after {
  content: "\10f7c5";
}
.fad.fa-skeleton:after {
  content: "\10f620";
}
.fad.fa-ski-jump:after {
  content: "\10f7c7";
}
.fad.fa-ski-lift:after {
  content: "\10f7c8";
}
.fad.fa-skiing:after {
  content: "\10f7c9";
}
.fad.fa-skiing-nordic:after {
  content: "\10f7ca";
}
.fad.fa-skull:after {
  content: "\10f54c";
}
.fad.fa-skull-cow:after {
  content: "\10f8de";
}
.fad.fa-skull-crossbones:after {
  content: "\10f714";
}
.fad.fa-slash:after {
  content: "\10f715";
}
.fad.fa-sledding:after {
  content: "\10f7cb";
}
.fad.fa-sleigh:after {
  content: "\10f7cc";
}
.fad.fa-sliders-h:after {
  content: "\10f1de";
}
.fad.fa-sliders-h-square:after {
  content: "\10f3f0";
}
.fad.fa-sliders-v:after {
  content: "\10f3f1";
}
.fad.fa-sliders-v-square:after {
  content: "\10f3f2";
}
.fad.fa-smile:after {
  content: "\10f118";
}
.fad.fa-smile-beam:after {
  content: "\10f5b8";
}
.fad.fa-smile-plus:after {
  content: "\10f5b9";
}
.fad.fa-smile-wink:after {
  content: "\10f4da";
}
.fad.fa-smog:after {
  content: "\10f75f";
}
.fad.fa-smoke:after {
  content: "\10f760";
}
.fad.fa-smoking:after {
  content: "\10f48d";
}
.fad.fa-smoking-ban:after {
  content: "\10f54d";
}
.fad.fa-sms:after {
  content: "\10f7cd";
}
.fad.fa-snake:after {
  content: "\10f716";
}
.fad.fa-snooze:after {
  content: "\10f880";
}
.fad.fa-snow-blowing:after {
  content: "\10f761";
}
.fad.fa-snowboarding:after {
  content: "\10f7ce";
}
.fad.fa-snowflake:after {
  content: "\10f2dc";
}
.fad.fa-snowflakes:after {
  content: "\10f7cf";
}
.fad.fa-snowman:after {
  content: "\10f7d0";
}
.fad.fa-snowmobile:after {
  content: "\10f7d1";
}
.fad.fa-snowplow:after {
  content: "\10f7d2";
}
.fad.fa-soap:after {
  content: "\10e06e";
}
.fad.fa-socks:after {
  content: "\10f696";
}
.fad.fa-solar-panel:after {
  content: "\10f5ba";
}
.fad.fa-solar-system:after {
  content: "\10e02f";
}
.fad.fa-sort:after {
  content: "\10f0dc";
}
.fad.fa-sort-alpha-down:after {
  content: "\10f15d";
}
.fad.fa-sort-alpha-down-alt:after {
  content: "\10f881";
}
.fad.fa-sort-alpha-up:after {
  content: "\10f15e";
}
.fad.fa-sort-alpha-up-alt:after {
  content: "\10f882";
}
.fad.fa-sort-alt:after {
  content: "\10f883";
}
.fad.fa-sort-amount-down:after {
  content: "\10f160";
}
.fad.fa-sort-amount-down-alt:after {
  content: "\10f884";
}
.fad.fa-sort-amount-up:after {
  content: "\10f161";
}
.fad.fa-sort-amount-up-alt:after {
  content: "\10f885";
}
.fad.fa-sort-circle:after {
  content: "\10e030";
}
.fad.fa-sort-circle-down:after {
  content: "\10e031";
}
.fad.fa-sort-circle-up:after {
  content: "\10e032";
}
.fad.fa-sort-down:after {
  content: "\10f0dd";
}
.fad.fa-sort-numeric-down:after {
  content: "\10f162";
}
.fad.fa-sort-numeric-down-alt:after {
  content: "\10f886";
}
.fad.fa-sort-numeric-up:after {
  content: "\10f163";
}
.fad.fa-sort-numeric-up-alt:after {
  content: "\10f887";
}
.fad.fa-sort-shapes-down:after {
  content: "\10f888";
}
.fad.fa-sort-shapes-down-alt:after {
  content: "\10f889";
}
.fad.fa-sort-shapes-up:after {
  content: "\10f88a";
}
.fad.fa-sort-shapes-up-alt:after {
  content: "\10f88b";
}
.fad.fa-sort-size-down:after {
  content: "\10f88c";
}
.fad.fa-sort-size-down-alt:after {
  content: "\10f88d";
}
.fad.fa-sort-size-up:after {
  content: "\10f88e";
}
.fad.fa-sort-size-up-alt:after {
  content: "\10f88f";
}
.fad.fa-sort-up:after {
  content: "\10f0de";
}
.fad.fa-soup:after {
  content: "\10f823";
}
.fad.fa-spa:after {
  content: "\10f5bb";
}
.fad.fa-space-shuttle:after {
  content: "\10f197";
}
.fad.fa-space-station-moon:after {
  content: "\10e033";
}
.fad.fa-space-station-moon-alt:after {
  content: "\10e034";
}
.fad.fa-spade:after {
  content: "\10f2f4";
}
.fad.fa-sparkles:after {
  content: "\10f890";
}
.fad.fa-speaker:after {
  content: "\10f8df";
}
.fad.fa-speakers:after {
  content: "\10f8e0";
}
.fad.fa-spell-check:after {
  content: "\10f891";
}
.fad.fa-spider:after {
  content: "\10f717";
}
.fad.fa-spider-black-widow:after {
  content: "\10f718";
}
.fad.fa-spider-web:after {
  content: "\10f719";
}
.fad.fa-spinner:after {
  content: "\10f110";
}
.fad.fa-spinner-third:after {
  content: "\10f3f4";
}
.fad.fa-splotch:after {
  content: "\10f5bc";
}
.fad.fa-spray-can:after {
  content: "\10f5bd";
}
.fad.fa-sprinkler:after {
  content: "\10e035";
}
.fad.fa-square:after {
  content: "\10f0c8";
}
.fad.fa-square-full:after {
  content: "\10f45c";
}
.fad.fa-square-root:after {
  content: "\10f697";
}
.fad.fa-square-root-alt:after {
  content: "\10f698";
}
.fad.fa-squirrel:after {
  content: "\10f71a";
}
.fad.fa-staff:after {
  content: "\10f71b";
}
.fad.fa-stamp:after {
  content: "\10f5bf";
}
.fad.fa-star:after {
  content: "\10f005";
}
.fad.fa-star-and-crescent:after {
  content: "\10f699";
}
.fad.fa-star-christmas:after {
  content: "\10f7d4";
}
.fad.fa-star-exclamation:after {
  content: "\10f2f3";
}
.fad.fa-star-half:after {
  content: "\10f089";
}
.fad.fa-star-half-alt:after {
  content: "\10f5c0";
}
.fad.fa-star-of-david:after {
  content: "\10f69a";
}
.fad.fa-star-of-life:after {
  content: "\10f621";
}
.fad.fa-star-shooting:after {
  content: "\10e036";
}
.fad.fa-starfighter:after {
  content: "\10e037";
}
.fad.fa-starfighter-alt:after {
  content: "\10e038";
}
.fad.fa-stars:after {
  content: "\10f762";
}
.fad.fa-starship:after {
  content: "\10e039";
}
.fad.fa-starship-freighter:after {
  content: "\10e03a";
}
.fad.fa-steak:after {
  content: "\10f824";
}
.fad.fa-steering-wheel:after {
  content: "\10f622";
}
.fad.fa-step-backward:after {
  content: "\10f048";
}
.fad.fa-step-forward:after {
  content: "\10f051";
}
.fad.fa-stethoscope:after {
  content: "\10f0f1";
}
.fad.fa-sticky-note:after {
  content: "\10f249";
}
.fad.fa-stocking:after {
  content: "\10f7d5";
}
.fad.fa-stomach:after {
  content: "\10f623";
}
.fad.fa-stop:after {
  content: "\10f04d";
}
.fad.fa-stop-circle:after {
  content: "\10f28d";
}
.fad.fa-stopwatch:after {
  content: "\10f2f2";
}
.fad.fa-stopwatch-20:after {
  content: "\10e06f";
}
.fad.fa-store:after {
  content: "\10f54e";
}
.fad.fa-store-alt:after {
  content: "\10f54f";
}
.fad.fa-store-alt-slash:after {
  content: "\10e070";
}
.fad.fa-store-slash:after {
  content: "\10e071";
}
.fad.fa-stream:after {
  content: "\10f550";
}
.fad.fa-street-view:after {
  content: "\10f21d";
}
.fad.fa-stretcher:after {
  content: "\10f825";
}
.fad.fa-strikethrough:after {
  content: "\10f0cc";
}
.fad.fa-stroopwafel:after {
  content: "\10f551";
}
.fad.fa-subscript:after {
  content: "\10f12c";
}
.fad.fa-subway:after {
  content: "\10f239";
}
.fad.fa-suitcase:after {
  content: "\10f0f2";
}
.fad.fa-suitcase-rolling:after {
  content: "\10f5c1";
}
.fad.fa-sun:after {
  content: "\10f185";
}
.fad.fa-sun-cloud:after {
  content: "\10f763";
}
.fad.fa-sun-dust:after {
  content: "\10f764";
}
.fad.fa-sun-haze:after {
  content: "\10f765";
}
.fad.fa-sunglasses:after {
  content: "\10f892";
}
.fad.fa-sunrise:after {
  content: "\10f766";
}
.fad.fa-sunset:after {
  content: "\10f767";
}
.fad.fa-superscript:after {
  content: "\10f12b";
}
.fad.fa-surprise:after {
  content: "\10f5c2";
}
.fad.fa-swatchbook:after {
  content: "\10f5c3";
}
.fad.fa-swimmer:after {
  content: "\10f5c4";
}
.fad.fa-swimming-pool:after {
  content: "\10f5c5";
}
.fad.fa-sword:after {
  content: "\10f71c";
}
.fad.fa-sword-laser:after {
  content: "\10e03b";
}
.fad.fa-sword-laser-alt:after {
  content: "\10e03c";
}
.fad.fa-swords:after {
  content: "\10f71d";
}
.fad.fa-swords-laser:after {
  content: "\10e03d";
}
.fad.fa-synagogue:after {
  content: "\10f69b";
}
.fad.fa-sync:after {
  content: "\10f021";
}
.fad.fa-sync-alt:after {
  content: "\10f2f1";
}
.fad.fa-syringe:after {
  content: "\10f48e";
}
.fad.fa-table:after {
  content: "\10f0ce";
}
.fad.fa-table-tennis:after {
  content: "\10f45d";
}
.fad.fa-tablet:after {
  content: "\10f10a";
}
.fad.fa-tablet-alt:after {
  content: "\10f3fa";
}
.fad.fa-tablet-android:after {
  content: "\10f3fb";
}
.fad.fa-tablet-android-alt:after {
  content: "\10f3fc";
}
.fad.fa-tablet-rugged:after {
  content: "\10f48f";
}
.fad.fa-tablets:after {
  content: "\10f490";
}
.fad.fa-tachometer:after {
  content: "\10f0e4";
}
.fad.fa-tachometer-alt:after {
  content: "\10f3fd";
}
.fad.fa-tachometer-alt-average:after {
  content: "\10f624";
}
.fad.fa-tachometer-alt-fast:after {
  content: "\10f625";
}
.fad.fa-tachometer-alt-fastest:after {
  content: "\10f626";
}
.fad.fa-tachometer-alt-slow:after {
  content: "\10f627";
}
.fad.fa-tachometer-alt-slowest:after {
  content: "\10f628";
}
.fad.fa-tachometer-average:after {
  content: "\10f629";
}
.fad.fa-tachometer-fast:after {
  content: "\10f62a";
}
.fad.fa-tachometer-fastest:after {
  content: "\10f62b";
}
.fad.fa-tachometer-slow:after {
  content: "\10f62c";
}
.fad.fa-tachometer-slowest:after {
  content: "\10f62d";
}
.fad.fa-taco:after {
  content: "\10f826";
}
.fad.fa-tag:after {
  content: "\10f02b";
}
.fad.fa-tags:after {
  content: "\10f02c";
}
.fad.fa-tally:after {
  content: "\10f69c";
}
.fad.fa-tanakh:after {
  content: "\10f827";
}
.fad.fa-tape:after {
  content: "\10f4db";
}
.fad.fa-tasks:after {
  content: "\10f0ae";
}
.fad.fa-tasks-alt:after {
  content: "\10f828";
}
.fad.fa-taxi:after {
  content: "\10f1ba";
}
.fad.fa-teeth:after {
  content: "\10f62e";
}
.fad.fa-teeth-open:after {
  content: "\10f62f";
}
.fad.fa-telescope:after {
  content: "\10e03e";
}
.fad.fa-temperature-down:after {
  content: "\10e03f";
}
.fad.fa-temperature-frigid:after {
  content: "\10f768";
}
.fad.fa-temperature-high:after {
  content: "\10f769";
}
.fad.fa-temperature-hot:after {
  content: "\10f76a";
}
.fad.fa-temperature-low:after {
  content: "\10f76b";
}
.fad.fa-temperature-up:after {
  content: "\10e040";
}
.fad.fa-tenge:after {
  content: "\10f7d7";
}
.fad.fa-tennis-ball:after {
  content: "\10f45e";
}
.fad.fa-terminal:after {
  content: "\10f120";
}
.fad.fa-text:after {
  content: "\10f893";
}
.fad.fa-text-height:after {
  content: "\10f034";
}
.fad.fa-text-size:after {
  content: "\10f894";
}
.fad.fa-text-width:after {
  content: "\10f035";
}
.fad.fa-th:after {
  content: "\10f00a";
}
.fad.fa-th-large:after {
  content: "\10f009";
}
.fad.fa-th-list:after {
  content: "\10f00b";
}
.fad.fa-theater-masks:after {
  content: "\10f630";
}
.fad.fa-thermometer:after {
  content: "\10f491";
}
.fad.fa-thermometer-empty:after {
  content: "\10f2cb";
}
.fad.fa-thermometer-full:after {
  content: "\10f2c7";
}
.fad.fa-thermometer-half:after {
  content: "\10f2c9";
}
.fad.fa-thermometer-quarter:after {
  content: "\10f2ca";
}
.fad.fa-thermometer-three-quarters:after {
  content: "\10f2c8";
}
.fad.fa-theta:after {
  content: "\10f69e";
}
.fad.fa-thumbs-down:after {
  content: "\10f165";
}
.fad.fa-thumbs-up:after {
  content: "\10f164";
}
.fad.fa-thumbtack:after {
  content: "\10f08d";
}
.fad.fa-thunderstorm:after {
  content: "\10f76c";
}
.fad.fa-thunderstorm-moon:after {
  content: "\10f76d";
}
.fad.fa-thunderstorm-sun:after {
  content: "\10f76e";
}
.fad.fa-ticket:after {
  content: "\10f145";
}
.fad.fa-ticket-alt:after {
  content: "\10f3ff";
}
.fad.fa-tilde:after {
  content: "\10f69f";
}
.fad.fa-times:after {
  content: "\10f00d";
}
.fad.fa-times-circle:after {
  content: "\10f057";
}
.fad.fa-times-hexagon:after {
  content: "\10f2ee";
}
.fad.fa-times-octagon:after {
  content: "\10f2f0";
}
.fad.fa-times-square:after {
  content: "\10f2d3";
}
.fad.fa-tint:after {
  content: "\10f043";
}
.fad.fa-tint-slash:after {
  content: "\10f5c7";
}
.fad.fa-tire:after {
  content: "\10f631";
}
.fad.fa-tire-flat:after {
  content: "\10f632";
}
.fad.fa-tire-pressure-warning:after {
  content: "\10f633";
}
.fad.fa-tire-rugged:after {
  content: "\10f634";
}
.fad.fa-tired:after {
  content: "\10f5c8";
}
.fad.fa-toggle-off:after {
  content: "\10f204";
}
.fad.fa-toggle-on:after {
  content: "\10f205";
}
.fad.fa-toilet:after {
  content: "\10f7d8";
}
.fad.fa-toilet-paper:after {
  content: "\10f71e";
}
.fad.fa-toilet-paper-alt:after {
  content: "\10f71f";
}
.fad.fa-toilet-paper-slash:after {
  content: "\10e072";
}
.fad.fa-tombstone:after {
  content: "\10f720";
}
.fad.fa-tombstone-alt:after {
  content: "\10f721";
}
.fad.fa-toolbox:after {
  content: "\10f552";
}
.fad.fa-tools:after {
  content: "\10f7d9";
}
.fad.fa-tooth:after {
  content: "\10f5c9";
}
.fad.fa-toothbrush:after {
  content: "\10f635";
}
.fad.fa-torah:after {
  content: "\10f6a0";
}
.fad.fa-torii-gate:after {
  content: "\10f6a1";
}
.fad.fa-tornado:after {
  content: "\10f76f";
}
.fad.fa-tractor:after {
  content: "\10f722";
}
.fad.fa-trademark:after {
  content: "\10f25c";
}
.fad.fa-traffic-cone:after {
  content: "\10f636";
}
.fad.fa-traffic-light:after {
  content: "\10f637";
}
.fad.fa-traffic-light-go:after {
  content: "\10f638";
}
.fad.fa-traffic-light-slow:after {
  content: "\10f639";
}
.fad.fa-traffic-light-stop:after {
  content: "\10f63a";
}
.fad.fa-trailer:after {
  content: "\10e041";
}
.fad.fa-train:after {
  content: "\10f238";
}
.fad.fa-tram:after {
  content: "\10f7da";
}
.fad.fa-transgender:after {
  content: "\10f224";
}
.fad.fa-transgender-alt:after {
  content: "\10f225";
}
.fad.fa-transporter:after {
  content: "\10e042";
}
.fad.fa-transporter-1:after {
  content: "\10e043";
}
.fad.fa-transporter-2:after {
  content: "\10e044";
}
.fad.fa-transporter-3:after {
  content: "\10e045";
}
.fad.fa-transporter-empty:after {
  content: "\10e046";
}
.fad.fa-trash:after {
  content: "\10f1f8";
}
.fad.fa-trash-alt:after {
  content: "\10f2ed";
}
.fad.fa-trash-restore:after {
  content: "\10f829";
}
.fad.fa-trash-restore-alt:after {
  content: "\10f82a";
}
.fad.fa-trash-undo:after {
  content: "\10f895";
}
.fad.fa-trash-undo-alt:after {
  content: "\10f896";
}
.fad.fa-treasure-chest:after {
  content: "\10f723";
}
.fad.fa-tree:after {
  content: "\10f1bb";
}
.fad.fa-tree-alt:after {
  content: "\10f400";
}
.fad.fa-tree-christmas:after {
  content: "\10f7db";
}
.fad.fa-tree-decorated:after {
  content: "\10f7dc";
}
.fad.fa-tree-large:after {
  content: "\10f7dd";
}
.fad.fa-tree-palm:after {
  content: "\10f82b";
}
.fad.fa-trees:after {
  content: "\10f724";
}
.fad.fa-triangle:after {
  content: "\10f2ec";
}
.fad.fa-triangle-music:after {
  content: "\10f8e2";
}
.fad.fa-trophy:after {
  content: "\10f091";
}
.fad.fa-trophy-alt:after {
  content: "\10f2eb";
}
.fad.fa-truck:after {
  content: "\10f0d1";
}
.fad.fa-truck-container:after {
  content: "\10f4dc";
}
.fad.fa-truck-couch:after {
  content: "\10f4dd";
}
.fad.fa-truck-loading:after {
  content: "\10f4de";
}
.fad.fa-truck-monster:after {
  content: "\10f63b";
}
.fad.fa-truck-moving:after {
  content: "\10f4df";
}
.fad.fa-truck-pickup:after {
  content: "\10f63c";
}
.fad.fa-truck-plow:after {
  content: "\10f7de";
}
.fad.fa-truck-ramp:after {
  content: "\10f4e0";
}
.fad.fa-trumpet:after {
  content: "\10f8e3";
}
.fad.fa-tshirt:after {
  content: "\10f553";
}
.fad.fa-tty:after {
  content: "\10f1e4";
}
.fad.fa-turkey:after {
  content: "\10f725";
}
.fad.fa-turntable:after {
  content: "\10f8e4";
}
.fad.fa-turtle:after {
  content: "\10f726";
}
.fad.fa-tv:after {
  content: "\10f26c";
}
.fad.fa-tv-alt:after {
  content: "\10f8e5";
}
.fad.fa-tv-music:after {
  content: "\10f8e6";
}
.fad.fa-tv-retro:after {
  content: "\10f401";
}
.fad.fa-typewriter:after {
  content: "\10f8e7";
}
.fad.fa-ufo:after {
  content: "\10e047";
}
.fad.fa-ufo-beam:after {
  content: "\10e048";
}
.fad.fa-umbrella:after {
  content: "\10f0e9";
}
.fad.fa-umbrella-beach:after {
  content: "\10f5ca";
}
.fad.fa-underline:after {
  content: "\10f0cd";
}
.fad.fa-undo:after {
  content: "\10f0e2";
}
.fad.fa-undo-alt:after {
  content: "\10f2ea";
}
.fad.fa-unicorn:after {
  content: "\10f727";
}
.fad.fa-union:after {
  content: "\10f6a2";
}
.fad.fa-universal-access:after {
  content: "\10f29a";
}
.fad.fa-university:after {
  content: "\10f19c";
}
.fad.fa-unlink:after {
  content: "\10f127";
}
.fad.fa-unlock:after {
  content: "\10f09c";
}
.fad.fa-unlock-alt:after {
  content: "\10f13e";
}
.fad.fa-upload:after {
  content: "\10f093";
}
.fad.fa-usb-drive:after {
  content: "\10f8e9";
}
.fad.fa-usd-circle:after {
  content: "\10f2e8";
}
.fad.fa-usd-square:after {
  content: "\10f2e9";
}
.fad.fa-user:after {
  content: "\10f007";
}
.fad.fa-user-alien:after {
  content: "\10e04a";
}
.fad.fa-user-alt:after {
  content: "\10f406";
}
.fad.fa-user-alt-slash:after {
  content: "\10f4fa";
}
.fad.fa-user-astronaut:after {
  content: "\10f4fb";
}
.fad.fa-user-chart:after {
  content: "\10f6a3";
}
.fad.fa-user-check:after {
  content: "\10f4fc";
}
.fad.fa-user-circle:after {
  content: "\10f2bd";
}
.fad.fa-user-clock:after {
  content: "\10f4fd";
}
.fad.fa-user-cog:after {
  content: "\10f4fe";
}
.fad.fa-user-cowboy:after {
  content: "\10f8ea";
}
.fad.fa-user-crown:after {
  content: "\10f6a4";
}
.fad.fa-user-edit:after {
  content: "\10f4ff";
}
.fad.fa-user-friends:after {
  content: "\10f500";
}
.fad.fa-user-graduate:after {
  content: "\10f501";
}
.fad.fa-user-hard-hat:after {
  content: "\10f82c";
}
.fad.fa-user-headset:after {
  content: "\10f82d";
}
.fad.fa-user-injured:after {
  content: "\10f728";
}
.fad.fa-user-lock:after {
  content: "\10f502";
}
.fad.fa-user-md:after {
  content: "\10f0f0";
}
.fad.fa-user-md-chat:after {
  content: "\10f82e";
}
.fad.fa-user-minus:after {
  content: "\10f503";
}
.fad.fa-user-music:after {
  content: "\10f8eb";
}
.fad.fa-user-ninja:after {
  content: "\10f504";
}
.fad.fa-user-nurse:after {
  content: "\10f82f";
}
.fad.fa-user-plus:after {
  content: "\10f234";
}
.fad.fa-user-robot:after {
  content: "\10e04b";
}
.fad.fa-user-secret:after {
  content: "\10f21b";
}
.fad.fa-user-shield:after {
  content: "\10f505";
}
.fad.fa-user-slash:after {
  content: "\10f506";
}
.fad.fa-user-tag:after {
  content: "\10f507";
}
.fad.fa-user-tie:after {
  content: "\10f508";
}
.fad.fa-user-times:after {
  content: "\10f235";
}
.fad.fa-user-unlock:after {
  content: "\10e058";
}
.fad.fa-user-visor:after {
  content: "\10e04c";
}
.fad.fa-users:after {
  content: "\10f0c0";
}
.fad.fa-users-class:after {
  content: "\10f63d";
}
.fad.fa-users-cog:after {
  content: "\10f509";
}
.fad.fa-users-crown:after {
  content: "\10f6a5";
}
.fad.fa-users-medical:after {
  content: "\10f830";
}
.fad.fa-users-slash:after {
  content: "\10e073";
}
.fad.fa-utensil-fork:after {
  content: "\10f2e3";
}
.fad.fa-utensil-knife:after {
  content: "\10f2e4";
}
.fad.fa-utensil-spoon:after {
  content: "\10f2e5";
}
.fad.fa-utensils:after {
  content: "\10f2e7";
}
.fad.fa-utensils-alt:after {
  content: "\10f2e6";
}
.fad.fa-vacuum:after {
  content: "\10e04d";
}
.fad.fa-vacuum-robot:after {
  content: "\10e04e";
}
.fad.fa-value-absolute:after {
  content: "\10f6a6";
}
.fad.fa-vector-square:after {
  content: "\10f5cb";
}
.fad.fa-venus:after {
  content: "\10f221";
}
.fad.fa-venus-double:after {
  content: "\10f226";
}
.fad.fa-venus-mars:after {
  content: "\10f228";
}
.fad.fa-vest:after {
  content: "\10e085";
}
.fad.fa-vest-patches:after {
  content: "\10e086";
}
.fad.fa-vhs:after {
  content: "\10f8ec";
}
.fad.fa-vial:after {
  content: "\10f492";
}
.fad.fa-vials:after {
  content: "\10f493";
}
.fad.fa-video:after {
  content: "\10f03d";
}
.fad.fa-video-plus:after {
  content: "\10f4e1";
}
.fad.fa-video-slash:after {
  content: "\10f4e2";
}
.fad.fa-vihara:after {
  content: "\10f6a7";
}
.fad.fa-violin:after {
  content: "\10f8ed";
}
.fad.fa-virus:after {
  content: "\10e074";
}
.fad.fa-virus-slash:after {
  content: "\10e075";
}
.fad.fa-viruses:after {
  content: "\10e076";
}
.fad.fa-voicemail:after {
  content: "\10f897";
}
.fad.fa-volcano:after {
  content: "\10f770";
}
.fad.fa-volleyball-ball:after {
  content: "\10f45f";
}
.fad.fa-volume:after {
  content: "\10f6a8";
}
.fad.fa-volume-down:after {
  content: "\10f027";
}
.fad.fa-volume-mute:after {
  content: "\10f6a9";
}
.fad.fa-volume-off:after {
  content: "\10f026";
}
.fad.fa-volume-slash:after {
  content: "\10f2e2";
}
.fad.fa-volume-up:after {
  content: "\10f028";
}
.fad.fa-vote-nay:after {
  content: "\10f771";
}
.fad.fa-vote-yea:after {
  content: "\10f772";
}
.fad.fa-vr-cardboard:after {
  content: "\10f729";
}
.fad.fa-wagon-covered:after {
  content: "\10f8ee";
}
.fad.fa-walker:after {
  content: "\10f831";
}
.fad.fa-walkie-talkie:after {
  content: "\10f8ef";
}
.fad.fa-walking:after {
  content: "\10f554";
}
.fad.fa-wallet:after {
  content: "\10f555";
}
.fad.fa-wand:after {
  content: "\10f72a";
}
.fad.fa-wand-magic:after {
  content: "\10f72b";
}
.fad.fa-warehouse:after {
  content: "\10f494";
}
.fad.fa-warehouse-alt:after {
  content: "\10f495";
}
.fad.fa-washer:after {
  content: "\10f898";
}
.fad.fa-watch:after {
  content: "\10f2e1";
}
.fad.fa-watch-calculator:after {
  content: "\10f8f0";
}
.fad.fa-watch-fitness:after {
  content: "\10f63e";
}
.fad.fa-water:after {
  content: "\10f773";
}
.fad.fa-water-lower:after {
  content: "\10f774";
}
.fad.fa-water-rise:after {
  content: "\10f775";
}
.fad.fa-wave-sine:after {
  content: "\10f899";
}
.fad.fa-wave-square:after {
  content: "\10f83e";
}
.fad.fa-wave-triangle:after {
  content: "\10f89a";
}
.fad.fa-waveform:after {
  content: "\10f8f1";
}
.fad.fa-waveform-path:after {
  content: "\10f8f2";
}
.fad.fa-webcam:after {
  content: "\10f832";
}
.fad.fa-webcam-slash:after {
  content: "\10f833";
}
.fad.fa-weight:after {
  content: "\10f496";
}
.fad.fa-weight-hanging:after {
  content: "\10f5cd";
}
.fad.fa-whale:after {
  content: "\10f72c";
}
.fad.fa-wheat:after {
  content: "\10f72d";
}
.fad.fa-wheelchair:after {
  content: "\10f193";
}
.fad.fa-whistle:after {
  content: "\10f460";
}
.fad.fa-wifi:after {
  content: "\10f1eb";
}
.fad.fa-wifi-1:after {
  content: "\10f6aa";
}
.fad.fa-wifi-2:after {
  content: "\10f6ab";
}
.fad.fa-wifi-slash:after {
  content: "\10f6ac";
}
.fad.fa-wind:after {
  content: "\10f72e";
}
.fad.fa-wind-turbine:after {
  content: "\10f89b";
}
.fad.fa-wind-warning:after {
  content: "\10f776";
}
.fad.fa-window:after {
  content: "\10f40e";
}
.fad.fa-window-alt:after {
  content: "\10f40f";
}
.fad.fa-window-close:after {
  content: "\10f410";
}
.fad.fa-window-frame:after {
  content: "\10e04f";
}
.fad.fa-window-frame-open:after {
  content: "\10e050";
}
.fad.fa-window-maximize:after {
  content: "\10f2d0";
}
.fad.fa-window-minimize:after {
  content: "\10f2d1";
}
.fad.fa-window-restore:after {
  content: "\10f2d2";
}
.fad.fa-windsock:after {
  content: "\10f777";
}
.fad.fa-wine-bottle:after {
  content: "\10f72f";
}
.fad.fa-wine-glass:after {
  content: "\10f4e3";
}
.fad.fa-wine-glass-alt:after {
  content: "\10f5ce";
}
.fad.fa-won-sign:after {
  content: "\10f159";
}
.fad.fa-wreath:after {
  content: "\10f7e2";
}
.fad.fa-wrench:after {
  content: "\10f0ad";
}
.fad.fa-x-ray:after {
  content: "\10f497";
}
.fad.fa-yen-sign:after {
  content: "\10f157";
}
.fad.fa-yin-yang:after {
  content: "\10f6ad";
}
/*!
 * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fa-solid-900.0ab669f1097f.eot");
  src: url("fa-solid-900.0ab669f1097f.eot?#iefix") format('embedded-opentype'), url("fa-solid-900.978b27ec5d8b.woff2") format('woff2'), url("fa-solid-900.42d66a3eb75e.woff") format('woff'), url("fa-solid-900.5f2f8485a003.ttf") format('truetype'), url("fa-solid-900.f34def04a165.svg#fontawesome") format('svg');
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
}
/*!
 * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fa-brands-400.2c4f3d315a05.eot");
  src: url("fa-brands-400.2c4f3d315a05.eot?#iefix") format('embedded-opentype'), url("fa-brands-400.0511670fe2f5.woff2") format('woff2'), url("fa-brands-400.07fa0741d977.woff") format('woff'), url("fa-brands-400.ede4ff54ccb4.ttf") format('truetype'), url("fa-brands-400.67bfd8e165a9.svg#fontawesome") format('svg');
}
.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400;
}
/*!
 * Font Awesome Pro 5.15.3 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 */
@font-face {
  font-family: 'Font Awesome 5 Pro';
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url("fa-light-300.a1c787883472.eot");
  src: url("fa-light-300.a1c787883472.eot?#iefix") format('embedded-opentype'), url("fa-light-300.de11da0fb48a.woff2") format('woff2'), url("fa-light-300.c5cd85f2049b.woff") format('woff'), url("fa-light-300.fdfecd10e489.ttf") format('truetype'), url("fa-light-300.168dede15658.svg#fontawesome") format('svg');
}
.fal {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 300;
}
/* Vendors */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}
.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}
.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
/*!
 * Cropper.js v1.5.11
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-02-17T11:53:21.992Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}
.tns-outer {
  padding: 0 !important;
}
.tns-outer [hidden] {
  display: none !important;
}
.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer;
}
.tns-slider {
  transition: all 0s;
}
.tns-slider > .tns-item {
  box-sizing: border-box;
}
.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}
.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}
.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both;
}
.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}
.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}
.tns-no-calc {
  position: relative;
  left: 0;
}
.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px;
}
.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}
.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}
.tns-gallery > .tns-moving {
  transition: all 0.25s;
}
.tns-autowidth {
  display: inline-block;
}
.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}
.tns-lazy-img.tns-complete {
  opacity: 1;
}
.tns-ah {
  transition: height 0s;
}
.tns-ovh {
  overflow: hidden;
}
.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}
.tns-transparent {
  opacity: 0;
  visibility: hidden;
}
.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}
.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}
.tns-vpfix {
  white-space: nowrap;
}
.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}
.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}
.tns-t-ct {
  width: 2333.3333333%;
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0;
}
.tns-t-ct:after {
  content: '';
  display: table;
  clear: both;
}
.tns-t-ct > div {
  width: 1.4285714%;
  width: calc(100% / 70);
  height: 10px;
  float: left;
}
/**
 * tingle.js - A simple modal plugin written in pure JavaScript
 * @version v0.16.0
 * @link https://github.com/robinparisi/tingle#readme
 * @license MIT
 */
.tingle-modal * {
  box-sizing: border-box;
}
.tingle-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0;
  cursor: url("data:image/svg+xml,%3Csvg width='19' height='19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.514.535l-6.42 6.42L2.677.536a1.517 1.517 0 00-2.14 0 1.517 1.517 0 000 2.14l6.42 6.419-6.42 6.419a1.517 1.517 0 000 2.14 1.517 1.517 0 002.14 0l6.419-6.42 6.419 6.42a1.517 1.517 0 002.14 0 1.517 1.517 0 000-2.14l-6.42-6.42 6.42-6.418a1.517 1.517 0 000-2.14 1.516 1.516 0 00-2.14 0z' fill='%23FFF' fill-rule='nonzero'/%3E%3C/svg%3E"), auto;
}
@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .tingle-modal {
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
}
/* confirm and alerts
-------------------------------------------------------------- */
.tingle-modal--confirm .tingle-modal-box {
  text-align: center;
}
/* modal
-------------------------------------------------------------- */
.tingle-modal--noOverlayClose {
  cursor: default;
}
.tingle-modal--noClose .tingle-modal__close {
  display: none;
}
.tingle-modal__close {
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  padding: 0;
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  color: #fff;
  cursor: pointer;
}
.tingle-modal__close svg * {
  fill: currentColor;
}
.tingle-modal__closeLabel {
  display: none;
}
.tingle-modal__close:hover {
  color: #fff;
}
.tingle-modal-box {
  position: relative;
  flex-shrink: 0;
  margin-top: auto;
  margin-bottom: auto;
  width: 60%;
  border-radius: 4px;
  background: #fff;
  opacity: 1;
  cursor: auto;
  will-change: transform, opacity;
}
.tingle-modal-box__content {
  padding: 3rem 3rem;
}
.tingle-modal-box__footer {
  padding: 1.5rem 2rem;
  width: auto;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #f5f5f5;
  cursor: auto;
}
.tingle-modal-box__footer::after {
  display: table;
  clear: both;
  content: "";
}
.tingle-modal-box__footer--sticky {
  position: fixed;
  bottom: -200px;
  /* TODO : find a better way */
  z-index: 10001;
  opacity: 1;
  transition: bottom 0.3s ease-in-out 0.3s;
}
/* state
-------------------------------------------------------------- */
.tingle-enabled {
  position: fixed;
  right: 0;
  left: 0;
  overflow: hidden;
}
.tingle-modal--visible .tingle-modal-box__footer {
  bottom: 0;
}
.tingle-modal--visible {
  visibility: visible;
  opacity: 1;
}
.tingle-modal--visible .tingle-modal-box {
  -webkit-animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
          animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
.tingle-modal--overflow {
  overflow-y: scroll;
  padding-top: 8vh;
}
/* btn
-------------------------------------------------------------- */
.tingle-btn {
  display: inline-block;
  margin: 0 0.5rem;
  padding: 1rem 2rem;
  border: none;
  background-color: grey;
  box-shadow: none;
  color: #fff;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
  line-height: normal;
  cursor: pointer;
  transition: background-color 0.4s ease;
}
.tingle-btn--primary {
  background-color: #3498db;
}
.tingle-btn--danger {
  background-color: #e74c3c;
}
.tingle-btn--default {
  background-color: #34495e;
}
.tingle-btn--pull-left {
  float: left;
}
.tingle-btn--pull-right {
  float: right;
}
/* responsive
-------------------------------------------------------------- */
@media (max-width: 540px) {
  .tingle-modal {
    top: 0px;
    display: block;
    padding-top: 60px;
    width: 100%;
  }
  .tingle-modal-box {
    width: auto;
    border-radius: 0;
  }
  .tingle-modal-box__content {
    overflow-y: scroll;
  }
  .tingle-modal--noClose {
    top: 0;
  }
  .tingle-modal--noOverlayClose {
    padding-top: 0;
  }
  .tingle-modal-box__footer .tingle-btn {
    display: block;
    float: none;
    margin-bottom: 1rem;
    width: 100%;
  }
  .tingle-modal__close {
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 60px;
    border: none;
    background-color: #2c3e50;
    box-shadow: none;
    color: #fff;
  }
  .tingle-modal__closeLabel {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.6rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  }
  .tingle-modal__closeIcon {
    display: inline-block;
    margin-right: 0.8rem;
    width: 1.6rem;
    vertical-align: middle;
    font-size: 0;
  }
}
/* animations
-------------------------------------------------------------- */
@-webkit-keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scale {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 278px;
  max-width: none;
  padding: 0;
  margin-top: 7px;
  top: 100px;
  left: 20px;
  z-index: 3001;
  display: none;
  font-family: arial;
  font-size: 15px;
  line-height: 1em;
}
.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.drop-up {
  margin-top: -7px;
}
.daterangepicker.drop-up:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges,
.daterangepicker.single .drp-calendar {
  float: none;
}
.daterangepicker.single .drp-selected {
  display: none;
}
.daterangepicker.show-calendar .drp-calendar {
  display: block;
}
.daterangepicker.show-calendar .drp-buttons {
  display: block;
}
.daterangepicker.auto-apply .drp-buttons {
  display: none;
}
.daterangepicker .drp-calendar {
  display: none;
  max-width: 270px;
}
.daterangepicker .drp-calendar.left {
  padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
  padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
  color: #fff;
  border: solid black;
  border-width: 0 2px 2px 0;
  border-radius: 0;
  display: inline-block;
  padding: 3px;
}
.daterangepicker .calendar-table .next span {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  text-align: center;
  vertical-align: middle;
  min-width: 32px;
  width: 32px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker .calendar-table table {
  width: 100%;
  margin: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #357ebd;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin: 0 auto;
  background: #eee;
  border: 1px solid #eee;
  padding: 2px;
  outline: 0;
  font-size: 12px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 4px auto 0 auto;
  line-height: 30px;
  position: relative;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.daterangepicker .drp-buttons {
  clear: both;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #ddd;
  display: none;
  line-height: 12px;
  vertical-align: middle;
}
.daterangepicker .drp-selected {
  display: inline-block;
  font-size: 12px;
  padding-right: 8px;
}
.daterangepicker .drp-buttons .btn {
  margin-left: 8px;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
  border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
  border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
  border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
  float: none;
  text-align: left;
  margin: 0;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 8px;
}
.daterangepicker .ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.daterangepicker .ranges li {
  font-size: 12px;
  padding: 8px 12px;
  cursor: pointer;
}
.daterangepicker .ranges li:hover {
  background-color: #eee;
}
.daterangepicker .ranges li.active {
  background-color: #08c;
  color: #fff;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 140px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .drp-calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges,
  .daterangepicker.single .drp-calendar {
    float: left;
  }
  .daterangepicker {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker .drp-calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .drp-calendar.right {
    margin-left: 0;
  }
  .daterangepicker .drp-calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .drp-calendar.left .calendar-table {
    padding-right: 8px;
  }
  .daterangepicker .ranges,
  .daterangepicker .drp-calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .drp-calendar.left {
    clear: none !important;
  }
}
.ui-timepicker-wrapper {
  overflow-y: auto;
  max-height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10052;
  margin: 0;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em;
}
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em;
}
.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}
.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}
.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}
.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}
.vjs-modal-dialog .vjs-modal-dialog-content,
.video-js .vjs-modal-dialog,
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-button > .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}
@font-face {
  font-family: VideoJS;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play,
.video-js .vjs-play-control .vjs-icon-placeholder,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
}
.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play-circle:before {
  content: "\f102";
}
.vjs-icon-pause,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pause:before,
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}
.vjs-icon-volume-mute,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mute:before,
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}
.vjs-icon-volume-low,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-low:before,
.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}
.vjs-icon-volume-mid,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-mid:before,
.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}
.vjs-icon-volume-high,
.video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
}
.vjs-icon-fullscreen-enter,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}
.vjs-icon-fullscreen-exit,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-fullscreen-exit:before,
.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
}
.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-square:before {
  content: "\f10a";
}
.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-spinner:before {
  content: "\f10b";
}
.vjs-icon-subtitles,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-subtitles:before,
.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10c";
}
.vjs-icon-captions,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-captions:before,
.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10d";
}
.vjs-icon-chapters,
.video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-chapters:before,
.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}
.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-share:before {
  content: "\f10f";
}
.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cog:before {
  content: "\f110";
}
.vjs-icon-circle,
.vjs-seek-to-live-control .vjs-icon-placeholder,
.video-js .vjs-volume-level,
.video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle:before,
.vjs-seek-to-live-control .vjs-icon-placeholder:before,
.video-js .vjs-volume-level:before,
.video-js .vjs-play-progress:before {
  content: "\f111";
}
.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-outline:before {
  content: "\f112";
}
.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-circle-inner-circle:before {
  content: "\f113";
}
.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-hd:before {
  content: "\f114";
}
.vjs-icon-cancel,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-cancel:before,
.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115";
}
.vjs-icon-replay,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-replay:before,
.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116";
}
.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-facebook:before {
  content: "\f117";
}
.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-gplus:before {
  content: "\f118";
}
.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-linkedin:before {
  content: "\f119";
}
.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-twitter:before {
  content: "\f11a";
}
.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-tumblr:before {
  content: "\f11b";
}
.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-pinterest:before {
  content: "\f11c";
}
.vjs-icon-audio-description,
.video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio-description:before,
.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d";
}
.vjs-icon-audio,
.video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-audio:before,
.video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e";
}
.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-next-item:before {
  content: "\f11f";
}
.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-previous-item:before {
  content: "\f120";
}
.vjs-icon-picture-in-picture-enter,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f121";
}
.vjs-icon-picture-in-picture-exit,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-picture-in-picture-exit:before,
.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f122";
}
.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}
.video-js:-moz-full-screen {
  position: absolute;
}
.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
.video-js[tabindex="-1"] {
  outline: none;
}
.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}
.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
  height: 0;
}
.video-js.vjs-16-9 {
  padding-top: 56.25%;
}
.video-js.vjs-4-3 {
  padding-top: 75%;
}
.video-js.vjs-9-16 {
  padding-top: 177.77777778%;
}
.video-js.vjs-1-1 {
  padding-top: 100%;
}
.video-js.vjs-fill {
  width: 100%;
  height: 100%;
}
.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
}
.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.video-js.vjs-fullscreen:not(.vjs-ios-native-fs) {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}
.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}
.vjs-hidden {
  display: none !important;
}
.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}
.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}
.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}
.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}
.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.81666em;
  margin-left: -1.5em;
}
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}
.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}
.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}
.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}
.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}
.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}
.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}
.vjs-menu-button {
  cursor: pointer;
}
.vjs-menu-button.vjs-disabled {
  cursor: default;
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}
.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}
.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}
.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}
.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}
.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}
.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}
.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}
.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}
.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}
.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}
.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}
.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}
.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}
.video-js .vjs-menu-button-inline:before {
  width: 2.22222222em;
}
.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em;
}
.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}
.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto;
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto;
}
.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}
.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.vjs-has-started .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}
.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table;
}
.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  flex: none;
}
.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}
.vjs-button > .vjs-icon-placeholder {
  display: block;
}
.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}
.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle;
}
.video-js .vjs-custom-control-spacer {
  display: none;
}
.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  min-width: 4em;
  touch-action: none;
}
.video-js .vjs-progress-control.disabled {
  cursor: default;
}
.vjs-live .vjs-progress-control {
  display: none;
}
.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}
.vjs-no-flex .vjs-progress-control {
  width: auto;
}
.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}
.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.66666667em;
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}
.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}
.video-js .vjs-play-progress {
  background-color: #fff;
}
.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.33333333em;
  z-index: 1;
}
.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}
.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}
.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  -ms-user-select: none;
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}
.video-js .vjs-slider.disabled {
  cursor: default;
}
.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}
.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}
.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}
.video-js .vjs-volume-panel {
  transition: width 1s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}
.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -3.5em;
  transition: left 0s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: none;
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em;
}
.video-js .vjs-volume-panel {
  display: flex;
}
.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}
.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}
.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}
.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}
.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}
.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}
.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}
.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}
.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em;
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}
.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}
.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}
.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}
.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}
.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}
.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}
.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}
.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}
.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  z-index: 0;
}
.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}
.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display {
  display: none;
}
.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}
.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}
.vjs-has-started .vjs-poster {
  display: none;
}
.vjs-audio.vjs-has-started .vjs-poster {
  display: block;
}
.vjs-using-native-controls .vjs-poster {
  display: none;
}
.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}
.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}
.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}
.vjs-no-flex .vjs-seek-to-live-control {
  display: table-cell;
  width: auto;
  text-align: left;
}
.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}
.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}
.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}
.video-js .vjs-time-control {
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}
.vjs-live .vjs-time-control {
  display: none;
}
.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none;
}
.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none;
}
.vjs-time-divider {
  display: none;
  line-height: 3em;
}
.vjs-live .vjs-time-divider {
  display: none;
}
.video-js .vjs-play-control {
  cursor: pointer;
}
.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}
.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}
.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}
.vjs-subtitles {
  color: #fff;
}
.vjs-captions {
  color: #fc6;
}
.vjs-tt-cue {
  display: block;
}
video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}
.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}
.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}
.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}
.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center;
}
.vjs-error .vjs-error-display:before {
  color: #fff;
  content: "X";
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%;
}
.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}
.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  -webkit-animation: vjs-spinner-show 0s linear 0.3s forwards;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}
.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}
.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white;
}
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s;
}
@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@-webkit-keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}
.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " ";
  font-size: 1.5em;
  line-height: inherit;
}
.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-chapters-button,
.video-js.vjs-layout-small .vjs-descriptions-button,
.video-js.vjs-layout-small .vjs-captions-button,
.video-js.vjs-layout-small .vjs-subtitles-button,
.video-js.vjs-layout-small .vjs-audio-button,
.video-js.vjs-layout-small .vjs-volume-control,
.video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-chapters-button,
.video-js.vjs-layout-x-small .vjs-descriptions-button,
.video-js.vjs-layout-x-small .vjs-captions-button,
.video-js.vjs-layout-x-small .vjs-subtitles-button,
.video-js.vjs-layout-x-small .vjs-audio-button,
.video-js.vjs-layout-x-small .vjs-volume-control,
.video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-chapters-button,
.video-js.vjs-layout-tiny .vjs-descriptions-button,
.video-js.vjs-layout-tiny .vjs-captions-button,
.video-js.vjs-layout-tiny .vjs-subtitles-button,
.video-js.vjs-layout-tiny .vjs-audio-button,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,
.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}
.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button,
.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,
.video-js.vjs-layout-tiny .vjs-subs-caps-button {
  display: none;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer,
.video-js.vjs-layout-tiny .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}
.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer,
.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer {
  width: auto;
}
.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control,
.video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}
.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}
.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}
.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}
.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}
@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none;
}
.vjs-text-track-settings fieldset span {
  display: inline-block;
}
.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}
.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0;
}
.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}
.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}
.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}
.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}
@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}
.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}
.video-js *:focus:not(:focus-visible) {
  outline: none;
}
/**
 * Tom Select bootstrap 5
 */
/**
 * tom-select.css (v1.7.7)
 * Copyright (c) contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 */
.ts-control.plugin-drag_drop.multi > .ts-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.ts-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.ts-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}
.plugin-clear_button .items {
  padding-right: calc(1em + (3 * 5px)) !important;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 0.375rem;
  right: calc(0.75rem - 5px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.single .clear-button {
  right: calc(0.75rem - 5px + 2rem);
}
.plugin-clear_button .has-items.focus .clear-button,
.plugin-clear_button:hover .has-items .clear-button {
  opacity: 1;
}
.ts-control .dropdown-header {
  position: relative;
  padding: 6px 0.75rem;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 0.25rem 0.25rem 0 0;
}
.ts-control .dropdown-header-close {
  position: absolute;
  right: 0.75rem;
  top: 50%;
  color: #343a40;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-control .dropdown-header-close:hover {
  color: black;
}
.plugin-dropdown_input .ts-input.focus {
  box-shadow: none;
  border: 1px solid #ced4da;
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 0;
  display: block;
  padding: 0.375rem 0.75rem;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input .focus ~ .ts-dropdown .dropdown-input {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ts-control.plugin-input_autogrow .ts-input.has-items > input {
  min-width: 0;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input {
  flex: none;
  min-width: 4px;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::-moz-placeholder {
  color: transparent;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input:-ms-input-placeholder {
  color: transparent;
}
.ts-control.plugin-input_autogrow .ts-input.focus.has-items > input::placeholder {
  color: transparent;
}
.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.ts-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.ts-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 1px 5px;
  border-left: 1px solid #dee2e6;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 5px;
}
.ts-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-control.plugin-remove_button .item.active .remove {
  border-left-color: rgba(0, 0, 0, 0);
}
.ts-control.plugin-remove_button .disabled .item .remove:hover {
  background: none;
}
.ts-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
.ts-control.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}
.ts-control {
  position: relative;
}
.ts-dropdown,
.ts-input,
.ts-input input {
  color: #343a40;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
  font-smoothing: inherit;
}
.ts-input,
.ts-control.single .ts-input.input-active {
  background: #fff;
  cursor: text;
}
.ts-input {
  border: 1px solid #ced4da;
  padding: 0.375rem 0.75rem;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: none;
  border-radius: 0.25rem;
  display: flex;
  flex-wrap: wrap;
}
.ts-control.multi .ts-input.has-items {
  padding: calc(0.375rem - 1px - 0px) 0.75rem calc(0.375rem - 1px - 3px - 0px);
}
.ts-input.full {
  background-color: #fff;
}
.ts-input.disabled,
.ts-input.disabled * {
  cursor: default !important;
}
.ts-input.focus {
  box-shadow: none;
}
.ts-input > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-control.multi .ts-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 1px 5px;
  background: #efefef;
  color: #343a40;
  border: 0px solid #dee2e6;
}
.ts-control.multi .ts-input > div.active {
  background: #0d6efd;
  color: #fff;
  border: 0px solid rgba(0, 0, 0, 0);
}
.ts-control.multi .ts-input.disabled > div,
.ts-control.multi .ts-input.disabled > div.active {
  color: #868787;
  background: white;
  border: 0px solid white;
}
.ts-input > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.ts-input > input::-ms-clear {
  display: none;
}
.ts-input > input:focus {
  outline: none !important;
}
.ts-input.has-items > input {
  margin: 0 4px !important;
}
.ts-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: white;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.ts-input.rtl {
  text-align: right;
}
.ts-input.rtl.single .ts-input:after {
  left: calc(0.75rem + 5px);
  right: auto;
}
.ts-input.rtl .ts-input > input {
  margin: 0 4px 0 -2px !important;
}
.ts-input.disabled {
  opacity: 0.5;
  background-color: #e9ecef;
}
.input-hidden .ts-input > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}
.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: 0.25rem 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0.25rem 0.25rem;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(255, 237, 40, 0.4);
  border-radius: 1px;
}
.ts-dropdown .option,
.ts-dropdown .optgroup-header,
.ts-dropdown .no-results,
.ts-dropdown .create {
  padding: 3px 0.75rem;
}
.ts-dropdown .option,
.ts-dropdown [data-disabled],
.ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #6c757d;
  background: #fff;
  cursor: default;
}
.ts-dropdown .create:hover,
.ts-dropdown .option:hover,
.ts-dropdown .active {
  background-color: #e9ecef;
  color: #1e2125;
}
.ts-dropdown .create:hover.create,
.ts-dropdown .option:hover.create,
.ts-dropdown .active.create {
  color: #1e2125;
}
.ts-dropdown .create {
  color: rgba(52, 58, 64, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 3px 0.75rem;
}
.ts-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  -webkit-animation: lds-dual-ring 1.2s linear infinite;
          animation: lds-dual-ring 1.2s linear infinite;
}
@-webkit-keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ts-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
  scroll-behavior: smooth;
}
.ts-dropdown,
.ts-dropdown.form-control,
.ts-dropdown.form-select {
  height: auto;
  padding: 0;
  z-index: 1000;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.ts-dropdown .optgroup-header {
  font-size: 0.875rem;
  line-height: 1.5;
}
.ts-dropdown .optgroup:first-child:before {
  display: none;
}
.ts-dropdown .optgroup:before {
  content: ' ';
  display: block;
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}
.ts-dropdown .create {
  padding-left: 0.75rem;
}
.ts-dropdown-content {
  padding: 5px 0;
}
.ts-input {
  min-height: calc(1.5em + 0.75rem + 2px);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  align-items: center;
}
@media (prefers-reduced-motion: reduce) {
  .ts-input {
    transition: none;
  }
}
.ts-input.dropdown -active {
  border-radius: 0.25rem;
}
.ts-input.dropdown-active::before {
  display: none;
}
.ts-input.focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.ts-input .item {
  display: flex;
  align-items: center;
}
.is-invalid .ts-input,
.was-validated .ts-input.invalid {
  border-color: #dc3545;
}
.is-invalid .ts-input.focus,
.was-validated .ts-input.invalid.focus {
  border-color: #bd2130;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.is-valid .ts-input {
  border-color: #198754;
}
.is-valid .ts-input.focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.input-group-sm > .ts-control .ts-input,
.ts-control.form-select-sm .ts-input,
.ts-control.form-control-sm .ts-input {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0 0.75rem;
  border-radius: 0.2rem;
  font-size: 0.875rem;
}
.input-group-sm > .ts-control .ts-input.has-items,
.ts-control.form-select-sm .ts-input.has-items,
.ts-control.form-control-sm .ts-input.has-items {
  min-height: calc(1.5em + 0.5rem + 2px) !important;
  font-size: 0.875rem;
  padding-bottom: 0;
}
.input-group-sm > .ts-control.multi .ts-input.has-items,
.ts-control.form-select-sm.multi .ts-input.has-items,
.ts-control.form-control-sm.multi .ts-input.has-items {
  padding-top: calc((calc(1.5em + 0.5rem + 2px) - (1.5 * 0.875rem) - 4px)/2) !important;
}
.ts-control.multi .ts-input.has-items {
  padding-left: calc(0.75rem - 5px);
  padding-right: calc(0.75rem - 5px);
}
.ts-control.multi .ts-input > div {
  border-radius: calc(0.25rem - 1px);
}
.input-group-lg > .ts-control > .ts-input,
.ts-control.form-control-lg .ts-input,
.ts-control.form-select-lg .ts-input {
  min-height: calc(1.5em + 1rem + 2px);
  border-radius: 0.3rem;
  font-size: 1.25rem;
}
.ts-control:not(.form-select) {
  padding: 0;
  border: none;
  height: auto;
  box-shadow: none;
  background: none;
}
.ts-control:not(.form-select).single .ts-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  padding-right: 2rem;
}
.ts-control.form-select {
  padding: 0;
  height: auto;
  box-shadow: none;
}
.ts-control.form-select .ts-input,
.ts-control.form-select.single .ts-input.input-active {
  border: none !important;
  background: transparent !important;
}
.input-group > .ts-control {
  flex-grow: 1;
}
.input-group > .ts-control:not(:nth-child(2)) > .ts-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .ts-control:not(:last-child) > .ts-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* Initialisation Style */
html {
  font-size: 62.5%;
  font-family: 'noto-sans', serif;
  font-weight: 500;
  position: relative;
  height: 100%;
  --header-height: 10.5rem;
}
@media screen and (max-width: 920px) {
  html {
    --header-height: 17.5rem;
  }
}
html.fullscreen {
  height: 100%;
}
html.fullscreen body {
  height: 100%;
}
html body {
  color: hsl(225, 20%, 10%);
  background-color: hsl(225, 20%, 95%);
  margin: 0;
  font-family: 'noto-sans', serif;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: initial;
  min-height: 100%;
}
html body.scroll-disabled {
  overflow: hidden;
}
html body.modal--open {
  overflow: hidden;
  padding-right: 15px;
}
@media screen and (max-width: 768px) {
  .hidden-xs {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .visible-xs {
    display: none !important;
  }
}
.grecaptcha-badge {
  display: none !important;
}
button,
a {
  cursor: pointer;
  outline: none;
  border: none;
  text-decoration: none;
  color: inherit;
  background: transparent;
  font-family: 'noto-sans', sans-serif;
}
textarea {
  font-family: 'noto-sans', sans-serif;
}
button {
  padding: 0;
  font-family: 'noto-sans', sans-serif;
  font-weight: 500;
}
[contenteditable] {
  -webkit-user-select: text;
  -moz-user-select: text;
   -ms-user-select: text;
       user-select: text;
  word-break: break-word;
}
[contenteditable] * {
  background: transparent !important;
  font-size: inherit !important;
  font-family: 'noto-sans', sans-serif !important;
  font-weight: 500 !important;
  color: hsl(225, 20%, 10%) !important;
}
*,
::after,
::before {
  box-sizing: border-box;
}
strong {
  font-weight: 700;
}
ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-light-webfont.76bdb9950fa1.woff2") format('woff2'), url("notosans-light-webfont.cf5380cea7af.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-regular-webfont.388a2b584cf9.woff2") format('woff2'), url("notosans-regular-webfont.f293c47caae8.woff") format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-italic-webfont.cea8cdeb6ab1.woff2") format('woff2'), url("notosans-italic-webfont.5f6c580716d0.woff") format('woff');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-semibold-webfont.b0761b6ff75b.woff2") format('woff2'), url("notosans-semibold-webfont.3e156d136c1a.woff") format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-semibolditalic-webfont.a4a0af7e4784.woff2") format('woff2'), url("notosans-semibolditalic-webfont.7c3b389ae711.woff") format('woff');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'noto-sans';
  src: url("notosans-bold-webfont.1c7b65373286.woff2") format('woff2'), url("notosans-bold-webfont.662169d60b12.woff") format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'icomoon';
  src: url("icomoon.36b0c9bf1b1c.eot");
  src: url("icomoon.36b0c9bf1b1c.eot#iefix") format('embedded-opentype'), url("icomoon.61df2babc57d.ttf") format('truetype'), url("icomoon.38ec8bc712ce.woff") format('woff'), url("icomoon.4fbf62d98b5b.svg#icomoon") format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Extralight';
  src: url("ClashDisplay-Extralight.ed532c7c0e77.woff2") format('woff2'), url("ClashDisplay-Extralight.0bc337fc602d.woff") format('woff'), url("ClashDisplay-Extralight.dd3e06aa66a9.ttf") format('truetype');
  font-weight: 200;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Light';
  src: url("ClashDisplay-Light.d14ff0a7fad0.woff2") format('woff2'), url("ClashDisplay-Light.800f679a2416.woff") format('woff'), url("ClashDisplay-Light.85908d1d0d58.ttf") format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Regular';
  src: url("ClashDisplay-Regular.cf87d6ec7387.woff2") format('woff2'), url("ClashDisplay-Regular.845fd93f056b.woff") format('woff'), url("ClashDisplay-Regular.8281d40c682b.ttf") format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Medium';
  src: url("ClashDisplay-Medium.b94bd6584596.woff2") format('woff2'), url("ClashDisplay-Medium.8c687c3bab8f.woff") format('woff'), url("ClashDisplay-Medium.f801579df950.ttf") format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Semibold';
  src: url("ClashDisplay-Semibold.3ac748889874.woff2") format('woff2'), url("ClashDisplay-Semibold.631d8bf1b23d.woff") format('woff'), url("ClashDisplay-Semibold.5c7adedf6a7a.ttf") format('truetype');
  font-weight: 600;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'ClashDisplay-Bold';
  src: url("ClashDisplay-Bold.ea80c2358066.woff2") format('woff2'), url("ClashDisplay-Bold.5d034e586596.woff") format('woff'), url("ClashDisplay-Bold.845b81eb8251.ttf") format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
/* Utils */
.checkbox--disabled {
  pointer-events: none;
}
.checkbox__input {
  display: none;
}
.checkbox__input:checked + label .checkbox__slider-background {
  background: hsl(138, 62%, 51%);
}
.checkbox__input:checked + label .checkbox__slider-button {
  left: calc(100% - 2.7rem);
}
.checkbox__wrapper {
  cursor: pointer;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 10%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.4rem;
}
.checkbox__text {
  flex: 1;
  display: flex;
  padding-right: 2rem;
  flex-direction: column;
}
.checkbox__title {
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  font-weight: bold;
}
.checkbox__subtitle {
  color: hsl(225, 20%, 60%);
  font-size: 1.3rem;
}
.checkbox__slider {
  position: relative;
  cursor: pointer;
}
.checkbox__slider-background {
  background: #8E8E8E;
  display: block;
  border-radius: 2rem;
  height: 3rem;
  width: 6rem;
}
.checkbox__slider-button {
  position: absolute;
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  left: 0.25rem;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: all ease 250ms;
}
.checkbox label i {
  padding-top: 0.2rem;
  margin-right: 1rem;
}
.checkbox .text-red {
  color: hsl(350, 83%, 55%) !important;
}
.checkbox .text-green {
  color: hsl(138, 62%, 51%) !important;
}
.checkbox .text-orange {
  color: #fbb72f !important;
}
@-webkit-keyframes glow {
  0%,
  100% {
    box-shadow: 0 0 0 0 hsl(138, 62%, 51%);
    border-radius: 0 1rem 0 0;
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 20px 0 hsl(138, 62%, 51%);
    border-radius: 1rem;
    transform: scale(1.1);
    border-left: 0;
  }
}
@keyframes glow {
  0%,
  100% {
    box-shadow: 0 0 0 0 hsl(138, 62%, 51%);
    border-radius: 0 1rem 0 0;
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 20px 0 hsl(138, 62%, 51%);
    border-radius: 1rem;
    transform: scale(1.1);
    border-left: 0;
  }
}
@-webkit-keyframes shake {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%,
  to {
    transform: translateZ(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
@-webkit-keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes tada {
  0% {
    transform: scaleX(1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
  }
  to {
    transform: scaleX(1);
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes slideInUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@keyframes slideInUp {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    transform: translateY(-100%);
    z-index: 1;
  }
  100% {
    transform: translateY(0);
    z-index: 7;
  }
}
@-webkit-keyframes fadeInOpacity {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@keyframes fadeInOpacity {
  0% {
    opacity: 0;
    transform: translateY(-2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@-webkit-keyframes validate {
  0% {
    content: "\f093";
    transform: scale(1);
  }
  49% {
    transform: scale(0);
  }
  50% {
    content: "\f058";
    color: hsl(138, 62%, 51%);
    transform: scale(0);
  }
  51% {
    content: "\f058";
    transform: scale(0);
  }
  100% {
    color: hsl(138, 62%, 51%);
    content: "\f058";
    transform: scale(1);
  }
}
@-webkit-keyframes valid-file {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    background: transparent;
    color: hsl(225, 20%, 60%);
    border: 1px solid hsl(225, 20%, 75%);
  }
  50% {
    opacity: 0;
    background: hsl(138, 62%, 51%);
    color: white;
    border: 1px solid hsl(138, 62%, 51%);
  }
  51% {
    opacity: 0;
    background: hsl(138, 62%, 51%);
    color: white;
    border: 1px solid hsl(138, 62%, 51%);
  }
  100% {
    opacity: 1;
    background: hsl(138, 62%, 51%);
    color: white;
    border: 1px solid hsl(138, 62%, 51%);
  }
}
@-webkit-keyframes valid-file-2 {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    background: hsl(40, 95%, 57%);
    color: white;
  }
  50% {
    opacity: 0;
    background: hsl(138, 62%, 51%);
    color: white;
  }
  51% {
    opacity: 0;
    background: hsl(138, 62%, 51%);
    color: white;
  }
  100% {
    opacity: 1;
    background: hsl(138, 62%, 51%);
    color: white;
  }
}
@-webkit-keyframes valid-file-after {
  0% {
    content: attr(data-upload);
  }
  49% {
    content: attr(data-upload);
  }
  50% {
    content: attr(data-upload-valid);
  }
  51% {
    content: attr(data-upload-valid);
  }
  100% {
    content: attr(data-upload-valid);
  }
}
@-webkit-keyframes valid-file-before {
  0% {
    content: "\f093";
  }
  49% {
    content: "\f093";
  }
  50% {
    content: "\f00c";
  }
  51% {
    content: "\f00c";
  }
  100% {
    content: "\f00c";
  }
}
@-webkit-keyframes invalid-file {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    background: transparent;
    color: hsl(225, 20%, 60%);
    border: 1px solid hsl(225, 20%, 75%);
  }
  50% {
    opacity: 0;
    background: hsl(350, 83%, 55%);
    color: white;
    border: 1px solid hsl(350, 83%, 55%);
  }
  51% {
    opacity: 0;
    background: hsl(350, 83%, 55%);
    color: white;
    border: 1px solid hsl(350, 83%, 55%);
  }
  100% {
    opacity: 1;
    background: hsl(350, 83%, 55%);
    color: white;
    border: 1px solid hsl(350, 83%, 55%);
  }
}
@-webkit-keyframes invalid-file-2 {
  0% {
    opacity: 1;
  }
  49% {
    opacity: 0;
    background: transparent;
    color: white;
  }
  50% {
    opacity: 0;
    background: hsl(350, 83%, 55%);
    color: white;
  }
  51% {
    opacity: 0;
    background: hsl(350, 83%, 55%);
    color: white;
  }
  100% {
    opacity: 1;
    background: hsl(350, 83%, 55%);
    color: white;
  }
}
@-webkit-keyframes invalid-file-after {
  0% {
    content: attr(data-upload);
  }
  49% {
    content: attr(data-upload);
  }
  50% {
    content: attr(data-upload-invalid);
  }
  51% {
    content: attr(data-upload-invalid);
  }
  100% {
    content: attr(data-upload-invalid);
  }
}
@-webkit-keyframes invalid-file-before {
  0% {
    content: "\f093";
  }
  49% {
    content: "\f093";
  }
  50% {
    content: "\f00d";
  }
  51% {
    content: "\f00d";
  }
  100% {
    content: "\f00d";
  }
}
@-webkit-keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes loading {
  0% {
    left: -25%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: translateZ(0);
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    -webkit-transform: translate3d(-3000px, 0, 0);
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    -webkit-transform: translate3d(25px, 0, 0);
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
    opacity: 1;
  }
  90% {
    transform: translate3d(5px, 0, 0);
    opacity: 1;
  }
  to {
    transform: translateZ(0);
    opacity: 1;
  }
}
@-webkit-keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@-webkit-keyframes showHide {
  from {
    visibility: hidden;
    opacity: 0;
  }
  25% {
    visibility: visible;
    opacity: 1;
  }
  75% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes showHide {
  from {
    visibility: hidden;
    opacity: 0;
  }
  25% {
    visibility: visible;
    opacity: 1;
  }
  75% {
    visibility: visible;
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}
@-webkit-keyframes load {
  0% {
    left: 0%;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
  }
}
@keyframes load {
  0% {
    left: 0%;
    transform: translateX(-100%);
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes load-border {
  0% {
    padding-right: 1rem;
  }
  100% {
    padding-right: 2rem;
  }
}
@keyframes load-border {
  0% {
    padding-right: 1rem;
  }
  100% {
    padding-right: 2rem;
  }
}
.tooltip-box {
  margin: 0;
  background: hsla(225, 20%, 10%, 0.9);
  color: white;
  font-size: 1.2rem;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  border-radius: 0.5rem;
  position: absolute;
  display: flex;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  left: 50%;
  font-weight: 500;
  flex-direction: column;
  z-index: 2;
  transition: opacity 500ms ease;
}
.tooltip-box.bottom {
  bottom: -0.5rem;
  transform: translate(-50%, 100%);
}
.tooltip-box.bottom:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent hsla(225, 20%, 10%, 0.9) transparent;
}
.tooltip-box.left {
  top: 50%;
  left: -1rem;
  transform: translate(-100%, -50%);
}
.tooltip-box.left:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(0, -50%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent transparent hsla(225, 20%, 10%, 0.9);
}
.tooltip-box.top {
  top: -0.5rem;
  transform: translate(-50%, -100%);
}
.tooltip-box.top:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border-width: 5px;
  border-style: solid;
  border-color: hsla(225, 20%, 10%, 0.9) transparent transparent transparent;
}
@media screen and (max-width: 768px) {
  .tooltip-box.fixed {
    white-space: normal;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 90%;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    line-height: 1.5;
  }
  .tooltip-box.fixed:after {
    content: none;
  }
}
.tooltip {
  position: relative;
}
.tooltip.tooltip-messages[data-unread-conversations-count="0"] .tooltip-box {
  display: none !important;
}
.tooltip.tooltip-messages:not([data-unread-conversations-count="0"]):before {
  border-radius: 0.5rem;
  content: attr(data-unread-conversations-count);
  background: hsl(350, 83%, 55%);
  position: absolute;
  font-size: 1rem;
  color: white;
  z-index: 5;
  line-height: 1;
  padding: 0.5rem;
  top: 0;
  right: 0;
  text-align: right;
}
.tooltip.tooltip-notifications[data-notifications-count="0"] .tooltip-box {
  display: none !important;
}
.tooltip.tooltip-notifications:not([data-notifications-count="0"]):before {
  border-radius: 0.5rem;
  content: attr(data-notifications-count);
  background: hsl(350, 83%, 55%);
  position: absolute;
  font-size: 1rem;
  color: white;
  z-index: 5;
  line-height: 1;
  padding: 0.5rem;
  top: 0;
  right: 0;
  text-align: right;
}
.tooltip:hover .tooltip-box {
  visibility: visible;
  opacity: 1;
}
.dropdown-wrapper {
  position: relative;
}
.dropdown-wrapper.navbar-links > .dropdown-menu.right {
  right: -1rem;
}
@media screen and (max-width: 780px) {
  .dropdown-wrapper.navbar-links > .dropdown-menu.right {
    right: 0;
  }
}
.dropdown-wrapper > .dropdown-menu {
  overflow: hidden;
  top: calc(100% + 1rem);
  position: absolute;
  padding: 0;
  margin: 0;
  list-style: none;
  background: white;
  border-radius: 1.5rem;
  z-index: 3;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.dropdown-wrapper > .dropdown-menu.right {
  right: 0;
}
.dropdown-wrapper > .dropdown-menu.left {
  left: 0;
}
.dropdown-wrapper > .dropdown-menu.top {
  top: auto;
  bottom: 100%;
  margin-bottom: 1rem;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu {
  top: 100%;
  border-radius: 1.5rem;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a {
  display: flex;
  white-space: nowrap;
  padding: 1rem 2rem;
  align-items: baseline;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a:before {
  width: 2.5rem;
  font-family: 'Font Awesome 5 Pro';
  display: block;
  opacity: 0.5;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a > svg {
  padding-right: 10px;
  height: 1.5rem;
  display: block;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a > i {
  width: 2.5rem;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a > i.fa-facebook-f {
  color: #366ecc;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.undiscover,
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.alert {
  color: hsl(350, 83%, 55%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.profile:before {
  content: "\f007";
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.edit:before {
  content: "\f040";
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.stats:before {
  content: "\f080";
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.delete:before {
  content: "\f2ed";
  color: hsl(350, 83%, 55%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.report:before {
  content: "\f024";
  color: hsl(350, 83%, 55%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.undiscover:before {
  content: "\f890";
  color: hsl(350, 83%, 55%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.block:before {
  content: "\f05e";
  color: hsl(350, 83%, 55%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.pin:before {
  content: "\f08d";
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.discover:before {
  content: "\f890";
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.copied {
  position: relative;
  color: #5ed681;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.copied:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f00c";
  display: block;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.copied span {
  font-size: 0;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li a.copied span:before {
  content: attr(data-text-copied);
  font-size: 1.4rem;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li:last-child a {
  border-bottom: 0;
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li:hover {
  background: hsl(225, 20%, 95%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li.staff-only a {
  color: hsl(40, 95%, 57%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li.staff-only a:before {
  color: hsl(40, 95%, 57%);
}
.dropdown-wrapper.dropdown-actions .dropdown-menu li.staff-only a:hover {
  background: hsl(40, 95%, 90%);
}
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li span,
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li a {
  text-decoration: none;
  color: hsl(225, 20%, 10%);
  cursor: pointer;
  padding: 1rem 2rem;
  white-space: nowrap;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li span i,
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li a i {
  margin-right: 1rem;
  opacity: 0.2;
}
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li:last-child span,
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li:last-child a {
  border-bottom: 0;
}
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li.active span,
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li.active a {
  color: hsl(351, 90%, 64%);
}
.dropdown-wrapper.premium-filters-dropdown .dropdown-menu li:hover {
  background: hsl(225, 20%, 95%);
}
.dropdown-wrapper.dropdown-language button {
  display: flex;
  justify-content: space-between;
  color: hsl(225, 20%, 10%);
}
.dropdown-wrapper.dropdown-language .dropdown-menu {
  max-height: 20rem;
  overflow: auto;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.dropdown-wrapper.dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
[data-loader] i {
  margin-right: 0.5rem;
}
.progress {
  width: 100%;
  position: relative;
  background: hsl(216, 73%, 20%);
  display: flex;
  align-items: center;
  overflow: hidden;
  text-align: center;
  justify-content: center;
  padding: 1rem 1rem 0.5rem 1rem;
  border-radius: 0;
}
.progress:before {
  background: white;
  content: '';
  position: absolute;
  width: 7rem;
  height: 100%;
  filter: blur(20px);
  left: 0;
  opacity: 0.5;
  top: 0;
  z-index: 2;
  -webkit-animation: load infinite linear 2s;
          animation: load infinite linear 2s;
}
.progress .progress-bar-text {
  color: white;
  position: relative;
  z-index: 1;
}
.progress .progress-bar-text small {
  white-space: nowrap;
  font-weight: 700;
  font-size: 1.2rem;
  padding: 0 0.5rem;
  padding-top: 0.2rem;
}
.progress .progress-bar-text .progress-bar-text-failed button {
  padding: 1rem 2rem;
  display: block;
  border: 1px solid white;
  border-radius: 5rem;
  font-weight: 700;
}
.progress .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: hsl(216, 73%, 51%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.11);
  transition: all ease 1s;
  border-radius: 0 2rem 2rem 0;
  overflow: hidden;
  -webkit-animation: load-border infinite ease-in 3s;
          animation: load-border infinite ease-in 3s;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.progress.failed,
.upload-failed .progress {
  background: hsl(350, 83%, 55%) !important;
}
.progress.failed .progress-bar-text .progress-bar-text-loading,
.upload-failed .progress .progress-bar-text .progress-bar-text-loading {
  display: none !important;
}
.progress.failed .progress-bar-text .progress-bar-text-failed,
.upload-failed .progress .progress-bar-text .progress-bar-text-failed {
  display: flex !important;
}
.progress.failed:before,
.upload-failed .progress:before,
.progress.failed .progress-bar,
.upload-failed .progress .progress-bar {
  display: none;
}
.tingle-modal {
  z-index: 100 !important;
  background: rgba(0, 0, 0, 0.51);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.tingle-modal .tingle-modal__close {
  background: hsl(40, 95%, 57%);
  outline: none;
  border-radius: 1rem;
  width: 3rem;
  height: 3rem;
  padding: 1rem;
}
.tingle-modal .tingle-modal__close .tingle-modal__closeIcon svg {
  display: block;
}
.tingle-modal .tingle-modal-box {
  width: auto !important;
  max-width: 100%;
  border-radius: 1.5rem;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1), 0 5px 15px rgba(0, 0, 0, 0.19), 0 0 0 1px rgba(210, 210, 210, 0.1);
}
@media screen and (max-width: 768px) {
  .tingle-modal .tingle-modal-box {
    border-radius: 0;
    width: 100%;
  }
}
.tingle-modal .tingle-modal-box .tingle-modal-box__content {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .tingle-modal .tingle-modal-box .tingle-modal-box__content {
    overflow: auto !important;
  }
}
.tingle-modal .tingle-modal-box .tingle-modal-box__content .modal-wrapper {
  padding: 0;
  border-radius: 1.5rem;
}
@media screen and (max-width: 768px) {
  .tingle-modal .tingle-modal-box .tingle-modal-box__content .modal-wrapper {
    border-radius: 0;
  }
}
.tingle-modal .tingle-modal-box .tingle-modal-box__footer {
  padding: 0;
}
.confirm-modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.51);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  z-index: 2;
}
.confirm-modal .modal-dialog {
  width: 40rem;
  max-width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 1.5rem;
}
.modal-content .modal-header {
  padding: 2rem;
  background: hsl(225, 20%, 95%);
  border-radius: 1.5rem 1.5rem 0 0;
}
.modal-content .modal-header h4 {
  margin: 0;
  font-size: 1.5rem;
  color: hsl(225, 20%, 10%);
  font-weight: 700;
  text-align: center;
  display: block;
}
.modal-content .modal-body {
  position: relative;
}
.modal-content .modal-body > p {
  padding: 1rem;
  color: hsl(225, 20%, 10%);
  text-align: center;
  margin: 0;
}
.modal-content .modal-body .alert.alert-danger {
  background: hsl(350, 83%, 80%);
  padding: 1rem;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  color: hsl(350, 83%, 20%);
  text-align: center;
}
.modal-content .modal-body .modal-text {
  padding: 2rem;
  padding-bottom: 0;
  color: hsl(225, 20%, 10%);
  text-align: center;
}
.modal-content .modal-body .modal-text p {
  margin: 0;
}
.modal-content .modal-body .modal-text p.alert {
  background: hsl(350, 83%, 80%);
  padding: 1rem;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  color: hsl(350, 83%, 20%);
}
.modal-content .modal-body .infinite-container-members-modal {
  width: 50rem;
  max-width: 100%;
  max-height: 60rem;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .modal-content .modal-body .infinite-container-members-modal {
    width: 100%;
  }
}
.modal-content .modal-body .modal-form .alert {
  border-radius: 0;
}
.modal-content .modal-body .modal-form .form-group {
  flex-wrap: wrap;
}
.modal-content .modal-body .modal-form .form-group label {
  flex: 1;
  margin-bottom: 1rem;
  display: block;
}
.modal-content .modal-body .modal-form .form-group .form-control {
  flex: auto;
  width: 100%;
  padding-left: 0;
}
.modal-content .modal-body .modal-form .form-group .form-control .select2-container {
  max-width: 100%;
}
.modal-content .modal-body .modal-form .form-group .form-control.datepicker-wrapper {
  position: relative;
  width: 100%;
  padding-right: 2rem;
  margin-bottom: 2rem;
}
.modal-content .modal-body .modal-form .form-group .form-control.datepicker-wrapper:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 4rem;
  top: 50%;
  font-weight: bold;
  transform: translateY(-50%);
}
.modal-content .modal-body .modal-form .form-group .form-control.datepicker-wrapper > button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.modal-content .modal-body .modal-form .form-group .form-control div[contenteditable],
.modal-content .modal-body .modal-form .form-group .form-control textarea,
.modal-content .modal-body .modal-form .form-group .form-control input[type="datetime-local"],
.modal-content .modal-body .modal-form .form-group .form-control input[type="password"],
.modal-content .modal-body .modal-form .form-group .form-control input[type="text"] {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
}
.modal-content .modal-body .modal-form .form-group .form-control textarea {
  border-radius: 1.5rem;
}
.modal-content .modal-body .modal-form .form-group.checkbox label {
  margin-bottom: 0;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group {
  width: 100%;
  margin-bottom: 0;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group input[type="checkbox"],
.modal-content .modal-body .modal-form .form-group.checkbox-group input[type="radio"] {
  display: none;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group input[type="checkbox"]:checked + label:before,
.modal-content .modal-body .modal-form .form-group.checkbox-group input[type="radio"]:checked + label:before {
  content: "\f058";
  color: #f0ac3d;
  font-weight: 600;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  padding-bottom: 0;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
  top: calc(50% - 0.1rem);
  transform: translate(0, -50%);
}
.modal-content .modal-body .modal-form .form-group.checkbox-group label small {
  color: hsl(138, 62%, 51%);
}
.modal-content .modal-body .modal-form .form-group.checkbox-group label small > span {
  position: relative;
  margin-right: 0.5rem;
  color: hsl(225, 20%, 40%);
}
.modal-content .modal-body .modal-form .form-group.checkbox-group label small > span:after {
  content: '';
  border-bottom: 2px solid hsl(225, 20%, 40%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.modal-content .modal-body .modal-form .form-group.checkbox-group .form-error {
  display: none;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group.has-error label:before {
  color: hsl(350, 83%, 55%);
}
.modal-content .modal-body .modal-form .form-group.checkbox-group.has-error a {
  color: hsl(350, 83%, 55%);
  text-decoration: none;
}
.modal-content .modal-body .modal-form .form-group.checkbox-group.has-error a:hover {
  text-decoration: underline;
}
.modal-content .modal-body .modal-form .footer-form {
  display: flex;
  padding: 1rem 2rem;
  background: hsl(225, 20%, 95%);
  align-items: center;
  justify-content: flex-end;
}
.modal-content .modal-body .modal-form .footer-form button,
.modal-content .modal-body .modal-form .footer-form a {
  background: transparent;
  font-size: 1.4rem;
  font-weight: 500;
}
.modal-content .modal-body .modal-form .footer-form button.submit-profile,
.modal-content .modal-body .modal-form .footer-form a.submit-profile {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
}
.modal-content .modal-body .modal-form .footer-form button.reset-profil,
.modal-content .modal-body .modal-form .footer-form a.reset-profil {
  padding: 1rem 2rem;
  color: hsl(225, 20%, 75%);
}
.modal-content .modal-body .modal-form#premium-subscription-product-creation {
  width: 40rem;
  max-width: 100%;
}
.modal-content .modal-footer {
  padding: 2rem;
  display: flex;
  justify-content: center;
  border-radius: 0 0 1.5rem 1.5rem;
}
.modal-content .modal-footer button {
  padding: 1rem 2rem;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0.5rem;
}
.modal-content .modal-footer button.submit-danger {
  color: white;
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
}
.modal-content .modal-footer button.submit-valid {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
}
.modal-content .modal-footer button.cancel {
  color: hsl(225, 20%, 60%);
  background: transparent;
  border-radius: 2rem;
}
.modal-schedule {
  width: 40rem;
  max-width: 100%;
}
.modal-schedule .datepicker {
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1rem 2rem;
  border-radius: 3.5rem;
  background: #eff1f5;
  border: none;
  text-align: center;
  width: 100%;
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal-schedule {
    width: 100%;
  }
}
#unauthorized_modal .access-informations {
  text-align: center;
  margin: 0 auto;
}
#unauthorized_modal a.app-link.big-link {
  color: white;
  text-align: center;
  background: hsl(216, 73%, 51%);
  padding: 1rem;
  border-radius: 4rem;
  margin: 0 auto;
  width: 25rem;
  max-width: 75%;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  margin-top: 3rem;
}
.appointment-alert-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.appointment-alert-wrapper .appointment-alert {
  width: 50rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 6;
  border-radius: 2rem;
  padding: 4rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.appointment-alert-wrapper .appointment-alert .close {
  position: absolute;
  right: 0;
  top: 0;
}
.appointment-alert-wrapper .appointment-alert .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  padding: 1rem 2rem;
  font-size: 1.8rem;
  display: block;
}
.appointment-alert-wrapper .appointment-alert img {
  display: block;
  width: 100%;
  max-width: 35rem;
  margin: 0 auto;
  margin-top: -8rem;
}
.appointment-alert-wrapper .appointment-alert h2 {
  text-align: center;
  letter-spacing: 0.5px;
  color: hsl(138, 62%, 51%);
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}
.appointment-alert-wrapper .appointment-alert p {
  text-align: center;
  margin: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.3rem;
  line-height: 1.5;
}
.appointment-alert-wrapper .appointment-alert a {
  display: block;
  width: 100%;
  margin-top: 2rem;
  text-align: center;
  border-radius: 3rem;
  font-weight: 700;
  border: 2px solid hsl(138, 62%, 51%);
  padding: 1.5rem 1rem 1.5rem 1rem;
  letter-spacing: 1px;
  color: hsl(138, 62%, 51%);
  font-size: 1.5rem;
}
.appointment-alert-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.modal {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .modal {
    display: flex;
    align-items: flex-end;
  }
}
.modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65rem;
  max-width: 100%;
  transform: translate(-50%, -50%);
  z-index: 5;
  background: white;
  border-radius: 1.5rem;
  overflow: auto;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .modal__content {
    position: relative;
    bottom: 0;
    top: auto;
    left: 0;
    border-radius: 0;
    width: 100%;
    transform: none;
  }
}
.modal__header {
  display: flex;
  padding: 1rem 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}
.modal__form {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
}
.modal__form-group {
  padding: 2rem 0;
}
.modal__close {
  font-size: 1.8rem;
  padding: 1rem;
  font-weight: 100;
  color: hsl(351, 90%, 64%);
  z-index: 2;
  display: block;
}
.modal__close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  pointer-events: none;
}
.modal__backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(47, 53, 70, 0.9);
  z-index: 1;
}
.modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0;
}
.modal__footer > * {
  margin-right: 1rem;
}
.modal__footer > *:last-child {
  margin-right: 0;
}
.modal__btn {
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 2rem;
  background: hsl(225, 20%, 95%);
  color: hsl(225, 20%, 10%);
  font-weight: bold;
}
.modal__btn--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
.modal__btn--bordered {
  background: transparent;
  border: 1px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
.loader {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.loader span {
  width: 1rem;
  height: 1rem;
  border-radius: 100%;
  background-color: hsl(351, 90%, 64%);
  margin: 2rem 0.25rem;
}
.loader span:nth-child(1) {
  -webkit-animation: bounce 1s ease-in-out infinite;
          animation: bounce 1s ease-in-out infinite;
}
.loader span:nth-child(2) {
  -webkit-animation: bounce 1s ease-in-out 0.33s infinite;
          animation: bounce 1s ease-in-out 0.33s infinite;
}
.loader span:nth-child(3) {
  -webkit-animation: bounce 1s ease-in-out 0.66s infinite;
          animation: bounce 1s ease-in-out 0.66s infinite;
}
@-webkit-keyframes bounce {
  0%,
  75%,
  100% {
    transform: translateY(0);
    opacity: 0.5;
  }
  25% {
    transform: translateY(0.5rem);
    opacity: 1;
  }
}
@keyframes bounce {
  0%,
  75%,
  100% {
    transform: translateY(0);
    opacity: 0.5;
  }
  25% {
    transform: translateY(0.5rem);
    opacity: 1;
  }
}
.timeline .loader {
  background: white;
  padding: 1rem;
  border-radius: 0 0 1.5rem 1.5rem;
}
.messages {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  top: 16rem;
  z-index: 10;
}
.messages.message-relative {
  position: relative;
  left: 0;
  transform: translateX(0);
  top: 0;
  z-index: 2;
}
.messages.message-relative .message-wrapper {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .messages {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 14rem;
    z-index: 6;
    padding: 0 1rem;
  }
}
.messages .setting-message {
  margin-top: 0;
  margin-bottom: 1rem;
  max-width: 75rem;
}
.messages .setting-message .message {
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.messages .message-wrapper {
  margin-bottom: 1rem;
  -webkit-animation: fadeInOpacity 1s;
  animation: fadeInOpacity 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0;
  border-radius: 1.5rem;
  max-width: 75rem;
}
.messages .message-wrapper:nth-child(0) {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}
.messages .message-wrapper:nth-child(1) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
.messages .message-wrapper:nth-child(2) {
  -webkit-animation-delay: 1000ms;
          animation-delay: 1000ms;
}
.messages .message-wrapper:nth-child(3) {
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}
.messages .message-wrapper:nth-child(4) {
  -webkit-animation-delay: 2000ms;
          animation-delay: 2000ms;
}
.messages .message-wrapper:nth-child(5) {
  -webkit-animation-delay: 2500ms;
          animation-delay: 2500ms;
}
@media screen and (max-width: 768px) {
  .messages .message-wrapper {
    margin-bottom: 2rem;
  }
}
.messages .message-wrapper.alert-error {
  background: hsl(350, 83%, 90%);
  border: 2px solid hsl(350, 83%, 55%);
}
.messages .message-wrapper.alert-error .message:before {
  content: "\f12a";
  border: 2px solid hsl(350, 83%, 55%);
  color: hsl(350, 83%, 55%);
}
.messages .message-wrapper.alert-warning {
  background: hsl(40, 95%, 90%);
  border: 2px solid hsl(40, 95%, 57%);
}
.messages .message-wrapper.alert-warning .message:before {
  content: "\f0f3";
  border: 2px solid hsl(40, 95%, 57%);
  color: hsl(40, 95%, 57%);
}
.messages .message-wrapper.alert-success {
  background: hsl(138, 62%, 90%);
  border: 2px solid hsl(138, 62%, 51%);
}
.messages .message-wrapper.alert-success .message:before {
  content: "\f164";
  border: 2px solid hsl(138, 62%, 51%);
  color: hsl(138, 62%, 51%);
}
.messages .message-wrapper.alert-info {
  background: hsl(216, 73%, 90%);
  border: 2px solid hsl(216, 73%, 51%);
}
.messages .message-wrapper.alert-info .message:before {
  content: "\f129";
  border: 2px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
.messages .message-wrapper .message {
  text-align: left;
  padding: 2rem 8rem 2rem 9rem;
  margin: 0 auto;
  color: #454749;
  position: relative;
  font-size: 1.3rem;
}
@media screen and (max-width: 768px) {
  .messages .message-wrapper .message {
    max-width: 100%;
    padding: 1rem 3rem 1rem 1rem;
  }
  .messages .message-wrapper .message > div *:first-child {
    margin-top: 0.5rem;
  }
}
.messages .message-wrapper .message:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  width: 5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .messages .message-wrapper .message:before {
    font-size: 1.1rem;
    width: 3rem;
    height: 3rem;
    top: 0;
    left: 1rem;
  }
}
.messages .message-wrapper .message .title {
  display: block;
  margin: 0;
  font-weight: 700;
  font-weight: normal;
  font-size: 1.5rem;
}
.messages .message-wrapper .message a {
  text-decoration: none;
  font-weight: 700;
  color: inherit;
  cursor: pointer;
}
.messages .message-wrapper .message a:hover {
  text-decoration: underline;
}
.messages .message-wrapper .message p {
  margin: 0;
}
.messages .message-wrapper .message .close {
  outline: none;
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  padding: 0.72rem 1rem;
  color: #48494c;
  background: transparent;
  border: none;
  font-size: 0;
}
.messages .message-wrapper .message .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  font-weight: 500;
}
.setting-message {
  margin-top: 1rem;
  position: relative;
  width: 100%;
}
.setting-message + .setting-message {
  margin-top: 2rem;
}
.setting-message > .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  color: hsl(225, 20%, 10%);
}
.setting-message .message {
  display: flex;
  border-radius: 1.5rem;
  padding: 1rem 2rem;
  align-items: center;
  margin-bottom: 1rem;
}
.setting-message .message img {
  width: 25%;
  max-height: 15rem;
  display: block;
}
.setting-message .message .message-text {
  padding-left: 3rem;
  flex: 1;
}
.setting-message .message .message-text h2 {
  margin: 0;
  margin-bottom: 1rem;
  font-weight: 700;
  font-size: 2.5rem;
  letter-spacing: 1px;
}
.setting-message .message .message-text p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.5;
}
.setting-message .message .message-text p a {
  font-weight: 700;
  text-decoration: underline;
}
.setting-message .message .message-text p.quote {
  text-align: left;
}
.setting-message .message .message-text p.quote:before,
.setting-message .message .message-text p.quote:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.3rem;
  opacity: 0.2;
  margin: 0 0.5rem;
  font-weight: bold;
}
.setting-message .message .message-text p.quote:before {
  content: "\f10d";
}
.setting-message .message .message-text p.quote:after {
  content: "\f10e";
}
.setting-message .message.danger {
  background: hsl(351, 90%, 64%);
}
.setting-message .message.danger .message-text h2 {
  color: hsl(351, 90%, 20%);
}
.setting-message .message.danger .message-text p {
  color: hsl(351, 90%, 20%);
}
.setting-message .message.warning {
  background: hsl(40, 95%, 57%);
}
.setting-message .message.warning .message-text h2 {
  color: hsl(40, 95%, 20%);
}
.setting-message .message.warning .message-text p {
  color: hsl(40, 95%, 20%);
}
.setting-message .message.success {
  background: hsl(131, 60%, 67%);
}
.setting-message .message.success .message-text h2 {
  color: hsl(138, 62%, 20%);
}
.setting-message .message.success .message-text p {
  color: hsl(138, 62%, 20%);
}
.setting-message .message.info {
  background: hsl(218, 61%, 60%);
  padding: 2rem;
}
.setting-message .message.info img {
  margin-top: 0;
}
.setting-message .message.info .message-text h2 {
  color: white;
}
.setting-message .message.info .message-text p {
  color: white;
  letter-spacing: 1px;
}
.setting-message .message.mfstar {
  background: white;
  border-top: 2rem solid hsl(40, 95%, 57%);
  margin-bottom: 2rem;
  padding: 2rem;
  position: relative;
}
.setting-message .message.mfstar > button {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem 1.5rem;
  font-size: 2rem;
}
.setting-message .message.mfstar > button:before {
  content: "\f00d";
  color: hsl(225, 20%, 10%);
  font-family: "Font Awesome 5 Pro";
}
.setting-message .message.mfstar img {
  width: 30%;
}
.setting-message .message.mfstar .message-text {
  padding-left: 6rem;
  width: 100%;
}
.setting-message .message.mfstar .message-text h2 {
  color: hsl(225, 20%, 10%);
  letter-spacing: 2px;
}
.setting-message .message.mfstar .message-text p {
  color: hsl(225, 20%, 10%);
  max-width: 40rem;
}
.setting-message .message.mfstar .message-text a {
  margin-top: 1rem;
  display: inline-block;
  padding: 1rem 3rem;
  border-radius: 0.5rem;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 0;
  background: #fab429;
}
@media screen and (max-width: 778px) {
  .setting-message .message {
    flex-wrap: wrap;
    margin-top: 3rem;
  }
  .setting-message .message img {
    width: 100% !important;
    margin-bottom: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
  .setting-message .message .message-text {
    padding: 0 !important;
    padding-top: 2rem;
    padding-bottom: 2rem !important;
  }
}
#mfstar-banner-timeline .setting-message .message {
  padding: 2rem;
}
#mfstar-banner-timeline .setting-message .message img {
  margin-top: 0;
}
.discover-mercifans {
  background: url("lock-background.9b596ae73009.jpg") no-repeat center;
  background-size: cover;
  text-align: center;
  padding: 3rem 2rem;
}
.discover-mercifans h1 {
  margin: 0;
  font-weight: 700;
  font-size: 2.5rem;
  letter-spacing: 1px;
  line-height: 1.5;
}
.discover-mercifans h2 {
  color: #858fad;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
}
.discover-mercifans p {
  color: hsl(225, 20%, 60%);
  margin: 0;
}
.discover-mercifans .btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 2rem;
  flex-wrap: wrap;
}
.discover-mercifans .btn-wrapper a {
  padding: 1rem 2rem;
  border-radius: 3rem;
  margin: 0 0.5rem;
  letter-spacing: 1px;
}
.discover-mercifans .btn-wrapper a.login-btn {
  border: 1px solid hsl(225, 20%, 60%);
  color: hsl(225, 20%, 60%);
}
.discover-mercifans .btn-wrapper a.register-btn {
  background: hsl(40, 95%, 57%);
  color: white;
  font-weight: 700;
}
.alert-switch {
  width: 100%;
  padding: 1rem;
  text-align: center;
  background: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 55%);
}
.alert-switch strong {
  font-weight: bold;
}
.alert-switch a {
  text-decoration: underline;
}
.filters {
  border-radius: 1.5rem;
  background: white;
  overflow: hidden;
}
.filters .filter-title {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0 2rem;
}
.filters .filter-list {
  margin-bottom: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.filters .filter-list > * {
  padding: 0 2rem 2rem 2rem;
}
.filters .filter-list > ul {
  max-height: 31rem;
  overflow: auto;
}
.filters .filter-list > ul > li {
  position: relative;
}
.filters .filter-list > ul > li input {
  display: none;
}
.filters .filter-list > ul > li input + span,
.filters .filter-list > ul > li.checkbox > span {
  padding: 1rem 0 0.8rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.3rem;
  cursor: pointer;
}
.filters .filter-list > ul > li input + span:before,
.filters .filter-list > ul > li.checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.filters .filter-list > ul > li input + span:after,
.filters .filter-list > ul > li.checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.filters .filter-list > ul > li label input:checked + span:before,
.filters .filter-list > ul > li.checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.filters .filter-list > ul > li label input:checked + span:after,
.filters .filter-list > ul > li.checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.filters > li:first-child {
  padding-top: 2rem;
}
.filters > li:last-child .filter-list {
  margin-bottom: 0;
  border-bottom: 0;
}
.empty {
  padding: 2rem;
  background: white;
  border-radius: 1.5rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.empty img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.empty p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 3rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.empty button,
.empty a {
  color: white;
  background: hsl(216, 73%, 51%);
  padding: 1rem 2rem;
  border-radius: 3rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
  margin-right: 1rem;
  margin-left: 1rem;
}
.empty.empty-post {
  margin-top: 1rem;
}
.empty.empty-premium p {
  margin-bottom: 0;
}
.select2-container {
  max-width: 35rem;
}
.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
  border: none !important;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 2.5rem;
  outline: none;
  max-width: 100%;
  height: auto;
  min-height: 4rem;
}
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0;
  line-height: 1;
  padding-right: 0;
}
.select2-container .select2-selection--multiple .select2-selection__arrow,
.select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  width: 4rem;
}
.select2-container .select2-selection--multiple {
  padding: 0.5rem 1rem 0.5rem 1rem;
  min-height: auto;
}
.select2-container .select2-selection--multiple .select2-selection__choice {
  padding: 0.75rem 1rem;
  border: none;
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 2rem;
}
.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  color: white;
}
.select2-dropdown {
  border: none;
  border-radius: 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.select2-dropdown .select2-results__option {
  padding: 0.5rem 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.select2-dropdown .select2-search--dropdown {
  padding: 1rem;
}
.select2-dropdown .select2-search--dropdown .select2-search__field {
  border-radius: 1.5rem;
  border: none !important;
  background: #f0f1f5;
  padding: 0.5rem;
  outline: none;
  font-size: 1.2rem;
}
.ts-control .ts-input {
  border: none !important;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%) !important;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 2.5rem;
  outline: none;
  max-width: 100%;
  height: auto;
  min-height: 4rem;
}
.ts-control .ts-input:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0 1rem;
  content: "\f0d7";
  position: absolute;
  right: 1.5rem;
}
.ts-control .ts-input.focus .item {
  display: none;
}
.ts-control .ts-dropdown {
  border: none;
  border-radius: 1.5rem;
}
.ts-control .ts-dropdown .ts-dropdown-content {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  overflow: auto;
}
.ts-control .ts-dropdown .ts-dropdown-content .option {
  padding: 0.5rem 2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ts-control .ts-dropdown .ts-dropdown-content .option:hover {
  border-radius: 1rem;
}
.ts-control .ts-dropdown .ts-dropdown-content .option.selected,
.ts-control .ts-dropdown .ts-dropdown-content .option.active {
  border-radius: 1rem;
}
.conversion {
  position: relative;
}
.conversion__badge {
  position: absolute;
  top: 0;
  right: 2rem;
  transform: translateY(-25%);
  background: hsl(216, 73%, 51%);
  font-size: 1.2rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  color: white;
  line-height: 1;
  display: flex;
  align-items: center;
}
.conversion__badge i {
  font-size: 1rem;
  margin-left: 0.25rem;
  display: block;
}
.selected-files-wrapper {
  overflow: auto;
  max-height: 35rem;
}
@media screen and (max-width: 768px) {
  .selected-files-wrapper {
    max-height: 40vh;
  }
}
.selected-files-wrapper .sortable-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}
.selected-files-wrapper .sortable-container .sortable {
  width: 25%;
  padding: 0.5rem;
  position: relative;
}
@media screen and (max-width: 768px) {
  .selected-files-wrapper .sortable-container .sortable {
    width: 50%;
  }
}
.selected-files-wrapper .sortable-container .sortable .wrapper {
  transition: all ease 250ms;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.file-error {
  border: 5px solid hsl(350, 83%, 55%);
}
.selected-files-wrapper .sortable-container .sortable .wrapper a {
  display: block;
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper {
  position: absolute;
  top: 1rem;
  right: 1rem;
  display: flex;
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action {
  font-size: 0;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action--edit {
  margin-right: 0.5rem;
  color: white;
  background: hsl(216, 73%, 51%);
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action--edit:before {
  content: "\f040";
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action--delete {
  color: white;
  background: hsl(350, 83%, 55%);
}
.selected-files-wrapper .sortable-container .sortable .wrapper .sortable__action-wrapper .action--delete:before {
  content: "\f00d";
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video .action--edit {
  display: none;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video:not(.ready) a {
  background-image: url("orange-background.32a8d081603a.jpg") !important;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video:not(.ready) a:before {
  content: attr(data-video-name);
  color: white;
  position: absolute;
  width: 100%;
  word-break: break-all;
  max-height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-size: 1.1rem;
  padding: 1rem;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video a {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video a:after {
  content: "\f03d";
  font-family: "Font Awesome 5 Pro";
  display: block;
  position: absolute;
  top: 1rem;
  color: white;
  font-weight: bold;
  left: 1rem;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video.preparing {
  padding-bottom: 100%;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video.preparing a {
  padding-bottom: 0;
  height: 100%;
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video.preparing a > * {
  display: block;
}
.selected-files-wrapper .sortable-container .sortable .wrapper.video.preparing a:before {
  content: none;
}
.selected-files-wrapper .sortable-container .sortable .wrapper:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.selected-files-wrapper .sortable-container .sortable.locked {
  position: relative;
}
.selected-files-wrapper .sortable-container .sortable.locked:after {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: "\f023";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 3rem;
  z-index: 2;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.rs-container * {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.rs-container {
  font-family: Arial, Helvetica, sans-serif;
  height: 45px;
  position: relative;
}
.rs-container .rs-bg,
.rs-container .rs-selected {
  background-color: #eee;
  border: 1px solid #ededed;
  height: 10px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 100%;
  border-radius: 3px;
}
.rs-container .rs-selected {
  background-color: #00b3bc;
  border: 1px solid #00969b;
  transition: all 0.2s linear;
  width: 0;
}
.rs-container.disabled .rs-selected {
  background-color: #ccc;
  border-color: #bbb;
}
.rs-container .rs-pointer {
  background-color: #fff;
  border: 1px solid #bbb;
  border-radius: 4px;
  cursor: pointer;
  height: 20px;
  left: -10px;
  position: absolute;
  top: 0;
  transition: all 0.2s linear;
  width: 30px;
  box-shadow: inset 0 0 1px #FFF, inset 0 1px 6px #ebebeb, 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.rs-container.disabled .rs-pointer {
  border-color: #ccc;
}
.rs-container .rs-pointer::before,
.rs-container .rs-pointer::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 9px;
  background-color: #ddd;
  left: 12px;
  top: 5px;
}
.rs-container .rs-pointer::after {
  left: auto;
  right: 12px;
}
.rs-container.disabled .rs-pointer {
  cursor: default;
}
.rs-container.sliding .rs-selected,
.rs-container.sliding .rs-pointer {
  transition: none;
}
.rs-container .rs-scale {
  left: 0;
  position: absolute;
  top: 5px;
  white-space: nowrap;
}
.rs-container .rs-scale span {
  float: left;
  position: relative;
}
.rs-container .rs-scale span::before {
  background-color: #ededed;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 1px;
}
.rs-container.rs-noscale span::before {
  display: none;
}
.rs-container.rs-noscale span:first-child::before,
.rs-container.rs-noscale span:last-child::before {
  display: block;
}
.rs-container .rs-scale span:last-child {
  margin-left: -1px;
  width: 0px;
}
.rs-container .rs-scale span ins {
  color: #333;
  display: inline-block;
  font-size: 12px;
  margin-top: 20px;
  text-decoration: none;
}
.rs-container.disabled .rs-scale span ins {
  color: #999;
}
.rs-tooltip {
  color: #333;
  width: auto;
  min-width: 60px;
  height: 30px;
  position: relative;
  background: #fff;
  border: 1px solid #00969b;
  border-radius: 3px;
  position: absolute;
  transform: translate(-50%, -35px);
  left: 13px;
  text-align: center;
  font-size: 13px;
  padding: 6px 10px 0;
}
.rs-container.disabled .rs-tooltip {
  border-color: #ccc;
  color: #999;
}
.cta {
  padding: 1rem 3rem;
  text-align: center;
  border-radius: 3rem;
  display: inline-block;
  font-size: 1.2rem;
}
.cta--big {
  padding: 2rem 3rem;
  font-size: 1.8rem;
  font-weight: bold;
}
.cta--white {
  background: white;
  color: black;
}
.cta--blue {
  background: #418DFF;
  color: white;
}
.cta--bold {
  font-weight: bold;
}
.cta--border-gray {
  border: 1px solid hsl(225, 20%, 95%);
  color: black;
}
.cta--black {
  background: black;
  color: white;
}
.cta--gradient {
  background: linear-gradient(90deg, #F66160 0%, #F9B428 100%);
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  color: white;
  font-weight: bold;
}
.cta--facebook {
  background: #366ecc;
  color: white;
}
.cta--facebook:hover {
  background: #4a7dd1;
}
.cta--twitter {
  background: #ffffff;
  color: black;
  border: 1px solid white;
  grid-template-columns: auto !important;
}
.cta--twitter:hover {
  background: black;
}
.cta--twitter:hover svg {
  fill: white;
}
.cta--google {
  background: #ffffff;
  color: white;
  grid-template-columns: auto !important;
}
.cta--google img {
  height: 2.5rem !important;
  border: none !important;
  padding: 0.25rem !important;
  background: white;
  border-radius: 50%;
  display: block;
}
.cta--google:hover {
  background: #4285f4;
}
.cta--icon {
  display: grid;
  grid-column-gap: 2rem;
  align-items: center;
  justify-content: center;
  grid-template-columns: auto auto;
}
.cta--icon i,
.cta--icon img {
  font-size: 2rem;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  padding-right: 2rem;
  display: block;
}
.cta--icon img {
  height: 2rem;
}
.cta--mobile {
  display: none;
}
@media screen and (max-width: 980px) {
  .cta--mobile {
    display: inline-block;
  }
}
.medias-upload__wrapper {
  width: 100%;
  overflow: auto;
  max-height: 35rem;
}
.medias-upload__medias {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}
.medias-upload__media {
  width: 25%;
  padding: 0.5rem;
  position: relative;
}
.medias-upload__media-wrapper {
  transition: all ease 250ms;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.medias-upload__media-wrapper:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.medias-upload__media-preview {
  display: block;
  position: relative;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  pointer-events: none;
}
.medias-upload__media-loader {
  --percent: 1, 200;
  position: absolute;
  top: 0;
  padding: 1.5rem;
  display: none;
  opacity: 0;
  transition: opacity ease 500ms;
}
.medias-upload__media-actions {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  display: flex;
}
.medias-upload__media-action {
  font-size: 0;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
}
.medias-upload__media-action:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
}
.medias-upload__media-action--edit {
  margin-right: 0.5rem;
  color: white;
  background: hsl(216, 73%, 51%);
}
.medias-upload__media-action--edit:before {
  content: "\f040";
}
.medias-upload__media-action--delete {
  color: white;
  background: hsl(350, 83%, 55%);
}
.medias-upload__media-action--delete:before {
  content: "\f00d";
}
.medias-upload__media--uploading {
  overflow: hidden;
}
.medias-upload__media--uploading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: attr(data-file-upload-progress);
  font-size: 1.7rem;
  font-weight: bold;
  color: white;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-family: 'noto-sans', sans-serif;
  text-shadow: none;
  opacity: 1;
}
.medias-upload__media--uploading .medias-upload__media-loader {
  display: block;
  opacity: 1;
}
.medias-upload__media--uploading .medias-upload__media-loader__line {
  transition: all ease 250ms;
  stroke-dasharray: var(--percent);
}
.medias-upload__media--uploading .medias-upload__media-actions .medias-upload__media-action--edit {
  display: none;
}
.medias-upload__media-name {
  font-weight: bold;
  font-size: 1.5rem;
  padding: 1rem;
}
.medias-upload__media--no-preview .medias-upload__media-preview {
  background-image: url("orange-background.32a8d081603a.jpg") !important;
}
.medias-upload__media--no-preview:not(.medias-upload__media--uploading) .medias-upload__media-preview:before {
  content: attr(data-preview-file-name);
  color: white;
  position: absolute;
  width: 100%;
  word-break: break-all;
  max-height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-size: 1.1rem;
  padding: 1rem;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
/* Vue FullWidth */
@media screen and (max-width: 920px) {
  .clean-view header .footer-navbar {
    display: none;
  }
}
.clean-view.clean-header header nav {
  position: relative;
  background: transparent;
  box-shadow: none;
}
.clean-view.clean-header header nav:before {
  content: none;
}
.clean-view.clean-header header nav .left-navbar .login > i,
.clean-view.clean-header header nav .left-navbar .sidebar-toggle > i {
  color: white;
}
.clean-view.clean-header header nav .dropdown-language > button {
  display: flex;
  font-size: 1.5rem;
  color: white;
  padding: 1rem;
  align-items: center;
}
.clean-view.clean-header header nav .dropdown-language > button i {
  pointer-events: none;
  margin-left: 0.5rem;
  font-size: 1rem;
}
@media screen and (max-width: 920px) {
  .clean-view.clean-header header {
    position: absolute;
  }
  .clean-view.clean-header header nav {
    position: relative;
  }
  .clean-view.clean-header header nav:before {
    content: none;
  }
  .clean-view.clean-header header .footer-navbar {
    display: none;
  }
  .clean-view.clean-header header .container {
    background: transparent !important;
  }
}
.clean-view.clean-header .clean-background .container > h1 {
  margin-top: 4rem;
}
.clean-view header {
  margin-bottom: 0;
}
.clean-view.certification-view .premium-registration-wrapper {
  padding-top: 5rem;
}
.clean-view .clean-background {
  padding-top: 7rem;
  flex: 1;
  width: 100%;
  background-image: url("swame-wave.30a152465e88.svg");
  background-repeat: no-repeat;
  background-color: hsl(225, 20%, 95%);
  background-position: center -15rem;
  background-size: 200rem;
  min-height: calc(100vh - 7.5rem);
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background {
    background-size: cover;
  }
}
.clean-view .clean-background.firefox-evil .error-msg {
  width: 100%;
  max-width: 75rem;
  margin: 3rem auto;
}
@media screen and (min-width: 768px) {
  .clean-view .clean-background.firefox-evil {
    background: url("firefox-background.68d25ef069f8.jpg") no-repeat;
    background-size: cover;
    background-position: bottom center;
  }
}
.clean-view .clean-background .container > h1 {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 3.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  margin-top: 8rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .container > h1 {
    margin-top: 2rem;
    font-size: 2.5rem;
  }
}
.clean-view .clean-background .container .home,
.clean-view .clean-background .container > h2 {
  text-align: center;
  color: hsl(40, 95%, 20%);
  font-weight: normal;
  font-size: 1.8rem;
  letter-spacing: 2px;
  margin: 0;
  line-height: 1;
  opacity: 0.8;
  display: block;
}
.clean-view .clean-background .container .cta-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 3rem;
  flex-wrap: wrap;
}
.clean-view .clean-background .container .cta-wrapper .cta {
  margin: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 2rem;
  background: hsl(225, 20%, 98%);
  font-weight: 700;
  text-align: center;
}
.clean-view .clean-background .container .cta-wrapper .cta--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background {
    min-height: calc(100vh - 26rem);
  }
}
@media screen and (max-width: 980px) {
  .clean-view .container {
    width: 100% !important;
  }
}
@media screen and (max-width: 910px) {
  .clean-view {
    padding-bottom: 9rem;
  }
}
.clean-view footer {
  z-index: 2;
  position: relative;
  background: transparent;
}
.clean-view footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  color: hsl(225, 20%, 10%);
}
.clean-view footer .footer-links > * {
  font-size: 1.3rem;
  letter-spacing: 1px;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .clean-view footer .footer-links > * {
    width: 100%;
  }
}
.clean-view footer .footer-links > .dropdown-language > button {
  font-size: 1.3rem;
  width: 100%;
  display: flex;
  padding: 1rem;
  align-items: baseline;
  justify-content: flex-start;
}
.clean-view footer .footer-links > .dropdown-language > button:before {
  content: '\f0ac';
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5rem;
  font-weight: 100;
}
.clean-view footer .footer-links > .dropdown-language > button i {
  margin-left: 1rem;
}
@media screen and (max-width: 980px) {
  .clean-view footer .footer-links {
    flex-wrap: wrap;
  }
  .clean-view footer .footer-links > * {
    width: 100%;
    padding: 0.5rem 1rem;
  }
}
@media screen and (max-width: 768px) {
  .clean-view footer .dropdown-language {
    display: none;
  }
}
.clean-view footer .dropdown-language.top .dropdown-menu {
  top: auto;
  bottom: 100%;
}
.clean-view footer .dropdown-language .dropdown-menu {
  color: hsl(225, 20%, 10%);
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.clean-view footer .dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.clean-header.desktop header nav .left-navbar {
  width: auto !important;
}
.clean-header header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 6;
  background: transparent;
  box-shadow: none;
}
.clean-header header:before {
  content: none;
}
.clean-header header nav .left-navbar .brand-logo {
  background: url("swame-white.c96a1ff2255d.svg") no-repeat center;
  width: 20rem;
  height: 7rem;
  background-size: 100%;
  padding: 0;
}
.clean-header header nav .right-navbar > a {
  margin: 0 0.5rem;
  display: flex;
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 2rem;
  border-radius: 1rem;
  background: transparent;
  font-weight: 500;
  padding: 1.2rem 2.5rem;
  outline: none;
  cursor: pointer;
  border: 1px solid white;
  position: relative;
  overflow: hidden;
}
.clean-header header nav .right-navbar > a.register-btn {
  color: white !important;
  border: 1px solid white !important;
}
.clean-header header nav .right-navbar > a:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 0;
  background: white;
  opacity: 0.1;
  left: 0;
  top: 0;
  transition: width ease 250ms;
}
.clean-header header nav .right-navbar > a:hover:after {
  width: 100%;
}
.clean-header .clean-background {
  padding-top: 8rem;
}
.help-wrapper {
  width: 80rem;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
.help-wrapper .help-content {
  padding: 4rem;
  background: white;
  border-radius: 1.5rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  width: 100%;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.help-wrapper .help-content h1 {
  text-align: left;
  color: hsl(225, 20%, 10%);
  font-weight: 600;
  font-size: 1.8rem;
  letter-spacing: 2px;
  text-transform: initial;
  line-height: 1;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {
  .help-wrapper .help-content h1 {
    margin-top: 2rem;
    font-size: 2rem;
  }
}
.help-wrapper .help-content p {
  margin: 1rem 0;
  display: block;
}
.help-wrapper .help-content ul {
  list-style: unset;
  padding-left: 2rem;
}
.help-wrapper .help-content ul li {
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .help-wrapper h1 {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 2.5rem;
  }
}
.error-msg {
  color: white;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  align-items: center;
  max-width: 40rem;
  margin: 6rem auto 0 auto;
}
.error-msg .error-name {
  font-size: 5rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  display: flex;
  line-height: 1;
}
.error-msg .title {
  word-break: break-word;
}
.error-msg .subtitle {
  padding: 1rem 2rem;
  border-radius: 3rem;
  background: hsl(216, 73%, 51%);
  margin-top: 2rem;
}
.error-msg .button {
  padding: 1rem 2rem;
  border-radius: 3rem;
  background: transparent;
  border: 1px solid white;
  margin-top: 2rem;
  display: block;
}
.error-msg .error-title {
  font-size: 2.5rem;
  line-height: 1.2;
  color: hsl(0, 0%, 100%);
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.error-msg .error-subtitle {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.5rem;
  width: 100%;
  text-align: center;
}
.browser .browser-valid,
.browser .browser-invalid {
  display: none;
  width: 100%;
}
.browser .browser-valid .browser-container {
  max-width: 56rem;
  width: 100%;
}
.browser .browser-valid .browser-container .download {
  display: none;
  color: white;
  background: hsl(216, 73%, 51%);
  text-decoration: none;
  padding: 1rem;
  text-align: center;
  border-radius: 1rem;
  width: 30rem;
  max-width: 90%;
  margin: 2rem auto;
  font-size: 1.5rem;
}
.browser .browser-valid .browser-container .download:hover {
  box-shadow: 0 5px 15px hsl(216, 73%, 51%);
}
.browser .browser-invalid .comp-browser {
  margin: 5rem auto 30rem auto;
}
.browser .browser-invalid .comp-browser li {
  display: none;
}
.browser .browser-invalid .comp-browser li strong {
  color: hsl(0, 0%, 100%);
}
.browser .browser-container {
  padding: 1rem;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .browser .browser-container {
    margin-top: 0;
  }
}
.browser .browser-container h1 {
  font-size: 6rem;
  letter-spacing: 0;
  line-height: 5rem;
  font-weight: 600;
}
.browser .browser-container h2 {
  font-size: 2.5rem;
  color: white;
  margin: 0;
  text-align: center;
  line-height: 3rem;
}
.browser .browser-container h2 small {
  font-size: 1.5rem;
}
.browser .browser-container h2 span {
  font-weight: 700;
}
.browser .browser-container p {
  margin: 0;
  text-align: center;
}
.browser h1 {
  font-size: 2.5rem;
  color: hsl(351, 90%, 64%);
  margin: 0;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.browser h2 {
  margin-bottom: 0;
  margin-top: 0;
  font-size: 1.5rem;
  width: 100%;
  text-align: center;
}
.browser .comp-browser {
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  max-width: 75rem;
  justify-content: center;
  margin-top: 5rem;
}
.browser .comp-browser > li {
  width: 100%;
  text-align: center;
}
.browser .comp-browser > li a {
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px;
  display: block;
}
.browser .comp-browser > li a strong {
  text-transform: none;
  display: block;
  color: hsl(351, 90%, 64%);
  font-size: 1rem;
}
.browser .comp-browser > li a strong i {
  margin-right: 0.5rem;
  font-weight: normal;
}
.browser .comp-browser > li a span {
  width: 100px;
  height: 100px;
  margin: 0 auto 1rem;
  display: block;
  position: relative;
  background: url("browsers-bg.66e9fcb78a4d.png") no-repeat;
  background-size: auto 200px;
}
.browser .comp-browser > li .download {
  margin-top: 3rem;
  border-radius: 3rem;
  border: 2px solid white;
  padding: 1rem 2rem 1rem 2rem;
  color: white;
  opacity: 0;
  transition: all ease 250ms;
}
.browser .comp-browser > li .download:hover {
  background: white;
  color: hsl(225, 20%, 10%);
}
.browser .comp-browser > li:hover .download,
.browser .comp-browser > li:active .download,
.browser .comp-browser > li:focus .download {
  opacity: 1;
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.browser .comp-browser > li.chrome a span {
  background-position: 0 0;
}
.browser .comp-browser > li.chrome:hover a span {
  background-position: 0 -100px;
}
.browser .comp-browser > li.firefox a span {
  background-position: -100px 0;
}
.browser .comp-browser > li.firefox:hover a span {
  background-position: -100px -100px;
}
.browser .comp-browser > li.safari a span {
  background-position: -200px -1px;
}
.browser .comp-browser > li.safari:hover a span {
  background-position: -200px -100px;
}
.browser .contact-link {
  text-align: center;
  color: white;
  border: 1px solid white;
  padding: 2rem;
  text-decoration: none;
  border-radius: 1rem;
  margin: 1rem 0;
}
.browser .contact-link strong {
  color: hsl(351, 90%, 64%);
}
.browser .contact-link:hover {
  background: rgba(255, 255, 255, 0.2);
}
body.macos .browser-invalid .browser-container .comp-browser li.firefox,
body.windows .browser-invalid .browser-container .comp-browser li.firefox,
body.linux .browser-invalid .browser-container .comp-browser li.firefox,
body.macos .browser-invalid .browser-container .comp-browser li.chrome,
body.windows .browser-invalid .browser-container .comp-browser li.chrome,
body.linux .browser-invalid .browser-container .comp-browser li.chrome {
  display: block;
}
body.macos.firefox .download.firefox,
body.windows.firefox .download.firefox,
body.linux.firefox .download.firefox {
  display: block;
}
body.macos.chrome .download.chrome,
body.windows.chrome .download.chrome,
body.linux.chrome .download.chrome {
  display: block;
}
body.macos .browser-invalid .browser-container .comp-browser li.safari {
  display: block;
}
body.macos.safari .download.safari {
  display: block;
}
body.ios .browser-invalid .browser-container .comp-browser li.safari-ios {
  display: block;
}
body.ios .browser-valid .browser-container .download.safari-ios {
  display: block;
}
body.android .browser-invalid .browser-container .comp-browser li.chrome-android {
  display: block;
}
body.android .browser-valid .browser-container .download.chrome-android {
  display: block;
}
body.firefox-section .container {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding-top: 5rem;
}
body.firefox-section .container h1 {
  line-height: 3rem;
}
body.firefox-section .container h2 {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
body.firefox-section .container h2 a {
  color: hsl(351, 90%, 64%);
  text-decoration: none;
}
body.firefox-section .container .close {
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.faq {
  display: grid;
  grid-row-gap: 5rem;
}
.faq__hero {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.faq__content {
  width: 100%;
  background: white;
  border-radius: 2rem;
  display: grid;
  padding: 3rem;
  grid-row-gap: 4rem;
  min-height: 50vh;
  align-items: flex-start;
}
.faq__content--small {
  width: 100%;
  max-width: 65rem;
  margin: 0 auto;
}
.faq__content--gapless {
  grid-row-gap: 2rem;
  min-height: auto;
}
.faq__tabs {
  margin: 0 -2rem 0rem -2rem;
  display: flex;
}
.faq__tab {
  font-weight: bold;
  font-size: 2.5rem;
  margin: 0 2rem;
}
.faq__tab--active {
  position: relative;
  z-index: 1;
}
.faq__tab--active:before {
  position: absolute;
  width: 100%;
  height: 25%;
  content: '';
  left: 0;
  bottom: 10%;
  background: linear-gradient(90deg, rgba(249, 180, 40, 0) 0%, rgba(249, 180, 40, 0.5) 25%, #F66160 47.92%, rgba(249, 180, 40, 0.5) 75%, rgba(249, 180, 40, 0) 100%);
  z-index: -1;
}
.faq__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
}
.faq__list-title {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1;
}
.faq__list-item {
  display: grid;
  align-items: start;
  grid-template-rows: auto 1fr;
  grid-row-gap: 2rem;
}
.faq__sublist {
  display: grid;
  grid-row-gap: 1.5rem;
}
.faq__article {
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.faq__article--link {
  color: hsl(351, 90%, 64%);
}
.faq__title {
  text-align: center;
  margin: 0;
  color: white;
  font-size: 4rem;
}
.faq__title--small {
  font-size: 3rem;
}
.faq__title--black {
  color: black;
}
.faq__subtitle {
  text-align: center;
  margin: 0;
  color: white;
  font-size: 1.5rem;
}
.faq__search {
  position: relative;
  width: 100%;
  max-width: 50rem;
  margin-top: 2rem;
}
.faq__search input {
  padding: 1.5rem 4rem;
  border-radius: 5rem;
  border: none;
  width: 100%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
.faq__breadcrumb {
  color: #B4B4B4;
}
.article {
  display: grid;
  grid-template-columns: auto 35rem;
  grid-column-gap: 2rem;
}
.article__title {
  margin: 0;
  font-size: 4rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
  display: inline-block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.article__title:before {
  position: absolute;
  width: 100%;
  height: 25%;
  content: '';
  left: 0;
  bottom: 10%;
  background: linear-gradient(90deg, rgba(249, 180, 40, 0) 0%, rgba(249, 180, 40, 0.5) 25%, #F66160 47.92%, rgba(249, 180, 40, 0.5) 75%, rgba(249, 180, 40, 0) 100%);
  z-index: -1;
}
.article__content {
  display: grid;
  grid-row-gap: 3rem;
  justify-content: flex-start;
}
.article__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.article__navbar {
  display: grid;
  grid-row-gap: 1rem;
  grid-template-columns: 1fr;
  align-items: flex-start;
  justify-content: flex-start;
  grid-template-rows: auto 1fr;
}
.article__navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 1.5rem;
  position: sticky;
  top: var(--header-height);
}
.article__navbar-title {
  font-size: 2rem;
  margin: 0;
}
.article__navbar-link {
  color: #797979;
  font-size: 1.5rem;
}
.article__navbar-link--active {
  color: #f5615f;
  font-weight: bold;
}
.sub-article {
  display: grid;
  grid-gap: 3rem;
  padding-top: 7rem;
}
.sub-article__content {
  color: #797979;
  display: grid;
  grid-row-gap: 1rem;
}
.sub-article__content > * {
  margin: 0;
}
.sub-article__content a {
  color: #F66160;
  text-decoration: underline;
}
.sub-article__content ul {
  list-style: initial;
  padding-left: 2rem;
}
.sub-article__content ol {
  padding-left: 2rem;
}
.sub-article__title {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .faq {
    padding: 0 !important;
    grid-row-gap: 3rem;
  }
  .faq__hero {
    padding: 0 2rem;
  }
  .faq__title {
    font-size: 2.5rem;
    line-height: 1.2;
  }
  .faq__tabs {
    margin: 0;
    width: 100%;
    justify-content: space-around;
  }
  .faq__tab {
    margin: 1rem;
    font-size: 2rem;
  }
  .faq__list {
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
  }
  .faq__list-title {
    font-size: 1.8rem;
  }
  .faq__list-item {
    grid-row-gap: 1rem;
  }
  .faq__content {
    padding: 1rem 2rem 3rem 2rem;
    grid-row-gap: 2rem;
  }
  .article {
    grid-template-columns: 1fr;
  }
  .article__title {
    font-size: 2.5rem;
  }
  .article__navbar {
    display: none;
  }
  .sub-article__content img {
    width: 100% !important;
    height: auto !important;
    margin: 2rem 0;
  }
}
/* Hero Header */
.hero-header {
  background-image: url("hero__background.ac693c51750e.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
  border-radius: 2rem;
  padding: 2rem 2rem 2rem 4rem;
  display: grid;
  align-items: flex-start;
  position: relative;
  grid-template-columns: auto calc(50% + 5rem);
  overflow: hidden;
  margin-top: 1rem;
}
.hero-header.tns-slider__illustrations {
  display: block;
}
.hero-header__ctas {
  display: grid;
  grid-template-columns: auto auto;
  grid-column-gap: 1.5rem;
}
.hero-header__texts {
  display: grid;
  grid-row-gap: 2.5rem;
  justify-content: flex-start;
  height: 100%;
  padding-bottom: 8.5rem;
  margin-top: 0;
  align-content: center;
}
.hero-header__description {
  font-size: var(--font-size-normal);
  margin: 0;
  max-width: 35rem;
}
.hero-header__title {
  font-size: var(--font-size-big);
  margin: 0;
  font-weight: normal;
  line-height: 1;
}
.hero-header__title strong {
  display: block;
  font-size: var(--font-size-bigger);
  line-height: 1;
  text-transform: uppercase;
  font-weight: 900;
}
.hero-header__stats {
  position: absolute;
  left: 0;
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1rem;
  background: white;
  color: black;
  padding: 2rem 3rem;
  width: 50%;
}
.hero-header__stats:after {
  content: '';
  background-image: url("stats-border.65025a5187e0.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: right bottom;
  width: 20rem;
  display: block;
  height: 100%;
  position: absolute;
  right: 2rem;
  transform: translateX(100%);
  top: 0;
}
.hero-header__stat-number {
  font-size: var(--font-size-big);
  font-weight: bold;
  line-height: 1;
}
.hero-header__stat-name {
  font-size: var(--font-size-medium);
  color: #4e4e4e;
}
/* UserCard in Hero Header */
/* Website Functions */
.landing-cards {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.landing-cards__item {
  background: white;
  border-radius: 1rem;
  box-shadow: 0 30px 45px rgba(0, 0, 0, 0.1);
  padding: 2rem;
  display: grid;
  grid-row-gap: 1.5rem;
  width: calc((100% / 4) - 2rem);
  margin: 1rem;
}
.landing-cards__icon {
  display: block;
  width: 6.4rem;
  max-width: 100%;
}
.landing-cards__title {
  margin: 0;
  width: 100%;
  line-height: 1;
  font-size: var(--font-size-big);
  word-break: break-word;
}
.landing-cards__description {
  font-size: var(--font-size-normal);
  margin: 0;
  color: #797979;
}
/* Estimate Revenue section */
.estimate-revenue {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.estimate-revenue__results {
  padding: 1rem 5rem;
  background: white;
  font-size: 3.5rem;
  font-weight: 600;
  box-shadow: 0px 30px 45px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
}
.estimate-revenue__results > span {
  color: #f5615f;
}
.estimate-revenue__subtitle {
  font-size: var(--font-size-normal);
  margin-top: 1rem;
}
/* Range Slider */
.rs-container {
  width: 100%;
  margin-top: 8rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
.rs-container .rs-selected {
  background: #f66160;
  border: #f66160;
}
.rs-container .rs-pointer {
  border: 3px solid white;
  width: 25px;
  height: 25px;
  background: #f66160;
  border-radius: 50%;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
}
.rs-container .rs-pointer:after,
.rs-container .rs-pointer:before {
  content: none;
}
.rs-container .rs-bg {
  background-color: #e1e4f4;
}
.rs-container .rs-bg,
.rs-container .rs-selected {
  border: none;
}
.rs-container .rs-scale {
  display: flex;
  width: calc(100% + calc(100% / 18));
  margin: 0 calc((100% / 18) / -2);
}
.rs-container .rs-scale span {
  opacity: 0;
  width: 100% !important;
}
.rs-container .rs-scale span:before {
  content: none;
}
.rs-container .rs-scale span ins {
  margin-left: 0 !important;
  width: 100%;
  text-align: center;
}
.rs-tooltip {
  background: #7b8bea;
  border: none;
  color: white;
  height: auto;
  padding: 10px 15px 7px 15px;
  font-size: 25px;
  top: -10px;
  font-weight: bold;
  transform: translate(-50%, -100%);
  line-height: 1;
  border-radius: 10px;
}
.rs-tooltip:before {
  content: "Followers";
  display: block;
  font-size: 10px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
}
/* SLIDER */
.swamer-slider--hero .swamer-slider__illustrations {
  padding-left: 5rem;
}
.swamer-slider--hero .swamer-slider__illustrations .user-card {
  bottom: 14rem;
  left: 5rem;
}
.swamer-slider--registration {
  width: 100%;
  height: clamp(25rem, 50vh, 50rem);
}
.swamer-slider--registration .swamer-slider__illustrations {
  height: 100%;
}
.swamer-slider--registration .swamer-slider__illustrations .user-card {
  bottom: 10%;
  left: 5rem;
}
.swamer-slider--registration .swamer-slider__illustration {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  height: 100%;
}
.swamer-slider__illustrations {
  position: relative;
  align-items: flex-end;
  display: none;
  pointer-events: none;
}
.swamer-slider__illustrations:first-child {
  display: block;
}
.swamer-slider__illustrations:nth-child(0n+1) .user-card,
.swamer-slider__illustrations:nth-child(0n+2) .user-card {
  opacity: 1;
  transform: translateX(0);
  transition: all ease 500ms;
}
.swamer-slider__illustrations .user-card {
  opacity: 0;
  transform: translateX(15rem);
  transition: all ease 1s;
}
.swamer-slider__illustrations.tns-slide-active .user-card {
  opacity: 1;
  transform: translateX(0);
}
.swamer-slider__illustrations.tns-slide-active:before {
  opacity: 1;
  transform: translateX(0);
}
.swamer-slider__illustration {
  display: block;
  width: 100%;
  border-radius: 2rem;
  margin-left: auto;
}
.user-card {
  position: absolute;
  color: black;
  display: flex;
  border-radius: 1rem;
}
.user-card__avatar {
  display: block;
  border-radius: 50%;
  margin: -2rem;
  width: 11rem;
  height: 11rem;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
}
.user-card__infos {
  padding: 0 3rem;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
  border-radius: 0 1rem 1rem 0;
}
.user-card__title {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
}
.user-card__subtitle {
  font-size: var(--font-size-normal);
  color: #F66160;
  margin-left: 2px;
  text-align: center;
}
.user-card:after {
  background-image: url("tchat.7cbb2a6eb706.svg");
  left: 4rem;
  top: -4rem;
  position: absolute;
  content: '';
  background-size: contain;
  background-repeat: no-repeat;
  width: 10rem;
  max-width: 30rem;
  height: 5rem;
  z-index: 2;
}
.user-card:before {
  content: '';
  width: 13rem;
  height: 13rem;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  position: absolute;
  left: -3rem;
  top: -3rem;
  z-index: 1;
}
.public-landing {
  --container-width: 130rem;
  --font-size-bigger: 8rem;
  --font-size-big: 4rem;
  --font-size-medium: 1.8rem;
  --font-size-normal: 1.5rem;
  --font-size-small: 1rem;
}
.public-landing--has-header body {
  padding-top: var(--header-height);
}
@media screen and (max-width: 980px) {
  .public-landing--registration .layout-card {
    grid-template-columns: 1fr;
  }
  .public-landing--registration .layout-card__right {
    display: none;
  }
}
.public-landing body {
  background: white;
}
.public-landing body.mobile {
  padding-bottom: 5rem;
}
.public-landing .section {
  width: 100%;
  padding: 5rem 0;
}
.public-landing .section--faq {
  position: relative;
}
.public-landing .section--faq:before {
  content: '';
  background-image: url("hero__background.ac693c51750e.svg");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40rem;
  z-index: -1;
}
.public-landing .section--story {
  position: relative;
}
.public-landing .section--story:before {
  content: '';
  background-image: url("hero__background.ac693c51750e.svg");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 40rem;
  z-index: -1;
}
.public-landing .section--registration {
  height: 100vh;
  padding: 2rem;
}
.public-landing .section__container {
  width: var(--container-width);
  max-width: 100%;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
.public-landing .section--hero {
  padding: 0;
}
.public-landing .section--estimate-revenue {
  padding: 2.5rem 0;
}
.public-landing .section--landing-background {
  position: relative;
}
.public-landing .section--landing-background:before,
.public-landing .section--landing-background:after {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: 50%;
  height: 50rem;
  display: block;
}
.public-landing .section--landing-background:before {
  background-image: url("background-pattern--left.cbee58e45a1b.svg");
  background-position: left;
  left: 0;
  top: 0;
}
.public-landing .section--landing-background:after {
  background-image: url("background-pattern--right.67f104fc06bb.svg");
  background-position: right;
  right: 0;
  bottom: 0;
}
.public-landing .section--landing-academy {
  position: relative;
}
.public-landing .section--landing-academy:before {
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  width: calc(50% + 2rem);
  height: calc(100% + 10rem);
  display: block;
  background-image: url("academy__background.c173e2351b2b.svg");
  background-position: left;
  left: 0;
  top: -5rem;
}
.public-landing .text-component--tier {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2rem;
  align-items: center;
}
.public-landing .text-component--tier .text-component__content {
  grid-gap: 2rem;
}
.public-landing .text-component--tier .text-component__content .text-component__title {
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.public-landing .text-component--duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 5rem;
  align-items: center;
}
.public-landing .text-component--duo .text-component__content {
  grid-gap: 3rem;
}
.public-landing .text-component--duo .text-component__title {
  line-height: 1.2;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}
.public-landing .text-component--duo .text-component__text {
  max-width: 40rem;
}
.public-landing .text-component__content {
  display: grid;
  grid-gap: 5rem;
}
.public-landing .text-component__title {
  width: 100%;
  font-size: var(--font-size-big);
  margin: 0;
  font-weight: bold;
}
.public-landing .text-component__title .stronger {
  font-size: var(--font-size-bigger);
}
.public-landing .text-component__title .underline {
  position: relative;
  z-index: 1;
}
.public-landing .text-component__title .underline:after {
  position: absolute;
  width: 100%;
  height: 25%;
  content: '';
  left: 0;
  bottom: 10%;
  background: linear-gradient(90deg, rgba(249, 180, 40, 0) 0%, rgba(249, 180, 40, 0.5) 25%, #F66160 47.92%, rgba(249, 180, 40, 0.5) 75%, rgba(249, 180, 40, 0) 100%);
  z-index: -1;
}
.public-landing .text-component__title--center {
  text-align: center;
}
.public-landing .text-component__subtitle {
  font-size: var(--font-size-medium);
}
.public-landing .text-component__asterix {
  font-size: var(--font-size-normal);
  color: hsl(225, 20%, 75%);
  text-align: center;
}
.public-landing .text-component__ctas {
  display: flex;
}
.public-landing .text-component__ctas--center {
  justify-content: center;
}
.public-landing .text-component__ctas--duo {
  margin: 0 -0.5rem;
}
.public-landing .text-component__ctas--duo > * {
  margin: 0 0.5rem;
}
.public-landing .text-component__player {
  width: 100%;
  border-radius: 1rem;
  background: #F4F5FB;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.5%;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
}
.public-landing .text-component__player:before {
  content: '\f04b';
  font-family: 'Font Awesome 5 Pro';
  color: #f5615f;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 50%;
  z-index: 1;
  width: 10rem;
  height: 10rem;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  padding-left: 0.5rem;
  pointer-events: none;
}
.public-landing .text-component__player video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
}
.public-landing .text-component__slider {
  background: #f4f4fa;
  width: 100%;
  grid-column: 2/4;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
  flex-direction: column;
  padding: 5rem;
}
.footer__items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.footer__item {
  display: flex;
  padding: 0.25rem 0;
  align-items: center;
  gap: 0.5rem;
}
.footer__item .language-selector__cta {
  padding: 0;
}
.footer__item .language-selector__cta:before {
  top: 0;
  right: -1rem;
}
.footer__item > * {
  font-size: 1.1rem;
  color: #8d8d8d;
}
.footer__item i {
  font-size: 1.8rem;
}
.footer__item:before {
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #6c6c6c;
  margin: 0 0.5rem;
}
.footer__item:first-child:before {
  content: none;
}
.footer__text {
  width: 100%;
  text-align: center;
}
.footer .dropdown-toggle {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  grid-gap: 0.5rem;
  font-size: 1.2rem;
}
@media screen and (max-width: 1350px) {
  .public-landing {
    --container-width: 1100px;
  }
  .public-landing .section__container {
    padding: 0 2rem;
  }
  .landing-cards__title {
    font-size: 3rem;
  }
  .footer__item {
    padding: 0;
  }
}
@media screen and (max-width: 1024px) {
  .public-landing .text-component__content {
    grid-gap: 2rem;
  }
  .hero-header {
    padding: 2rem;
    grid-template-columns: auto 50%;
  }
  .hero-header__texts {
    grid-row-gap: 1rem;
    padding-bottom: 0;
  }
  .hero-header__title strong {
    font-size: 6.5rem;
  }
  .hero-header__illustrations {
    padding-left: 2rem;
  }
  .hero-header__stats {
    width: 100%;
    padding: 1.5rem;
    position: relative;
    grid-column: 1/3;
    margin-top: 1rem;
    border-radius: 2rem;
    text-align: center;
  }
  .hero-header__stats:after {
    display: none;
  }
  .user-card {
    display: none;
  }
  .landing-cards__item {
    width: calc((100% / 2) - 2rem);
  }
}
@media screen and (max-width: 980px) {
  .public-landing .section {
    padding: 1rem 0;
  }
  .public-landing .section--story,
  .public-landing .section--hero {
    padding: 0;
  }
  .public-landing .section--story {
    min-height: calc(100vh - var(--header-height) - 13rem);
    display: flex;
    flex-direction: column;
  }
  .public-landing .section--story .section__container {
    display: contents;
  }
  .public-landing .section--story:before {
    content: none;
  }
  .public-landing .text-component__player {
    order: 2;
  }
  .public-landing .text-component__slider {
    grid-column: auto;
  }
  .public-landing .text-component--tier,
  .public-landing .text-component--duo {
    grid-template-columns: 1fr;
  }
  .public-landing .section--estimate-revenue {
    padding-top: 1rem;
  }
  .hero-header {
    grid-template-columns: 1fr 1fr;
  }
  .hero-header__ctas {
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-row-gap: 1rem;
  }
}
@media screen and (max-width: 768px) {
  .hero-header {
    grid-template-columns: 1fr;
    border-radius: 0;
    padding: 0;
    background: transparent;
  }
  .hero-header__title strong {
    font-size: 4.5rem;
  }
  .hero-header__ctas {
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-row-gap: 1rem;
  }
  .hero-header__texts {
    padding: 2rem;
    background-image: url("hero__background.ac693c51750e.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 2rem;
  }
  .hero-header .tns-outer {
    display: none;
  }
  .hero-header__stat-number {
    font-size: 2.5rem;
  }
  .hero-header__stats {
    border-radius: 0;
    padding: 2rem 0;
    margin-top: 1rem;
  }
  .hero-header__stat-name {
    font-size: 1.3rem;
  }
  .public-landing .text-component__title {
    font-size: 2.5rem;
  }
  .public-landing .text-component__slider {
    padding: 2rem;
  }
  .public-landing .text-component__ctas {
    flex-wrap: wrap;
  }
  .public-landing .text-component__ctas > * {
    margin: 1rem;
  }
  .footer {
    margin-top: 10rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-top: 1px solid hsl(225, 20%, 95%);
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .footer__items {
    display: contents;
  }
  .footer__item {
    width: 100%;
    padding: 0.25rem;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
  }
  .footer__item a {
    text-align: center;
  }
  .footer__item:before {
    display: none;
  }
  .footer__item:first-child:before {
    content: '';
  }
  .footer__item .dropdown-language {
    width: 100%;
  }
  .footer .dropdown-toggle {
    margin: 0 auto;
  }
  .estimate-revenue__results {
    font-size: 1.8rem;
    padding: 1rem;
    width: 100%;
    text-align: center;
  }
  .landing-cards__item {
    width: 100%;
    margin: 1rem 0;
    grid-template-columns: auto 1fr;
    align-items: center;
  }
  .landing-cards__title {
    padding-left: 2rem;
  }
  .landing-cards__description {
    grid-column: 1/3;
  }
  .public-landing .section__container {
    padding: 0rem;
  }
}
.landing-box {
  position: fixed;
  z-index: 90;
  background: white;
  padding: 3rem;
  width: 35rem;
  border-radius: 2rem;
  box-shadow: 15px 15px 40px rgba(249, 173, 46, 0.5), -15px -15px 40px rgba(246, 102, 93, 0.5);
  display: grid;
  grid-row-gap: 1rem;
  align-items: center;
  justify-content: center;
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 750ms;
  animation-duration: 750ms;
  -webkit-animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
          animation-timing-function: cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.landing-box--bottom-right {
  bottom: 2rem;
  right: 2rem;
}
.landing-box__img {
  display: block;
  width: 15rem;
  max-width: 100%;
  margin: 0 auto;
}
.landing-box__title {
  text-align: center;
  margin: 0;
  font-weight: 900;
  font-size: 2.4rem;
  color: #15171f;
  position: relative;
}
.landing-box__title:before {
  position: absolute;
  width: 100%;
  height: 25%;
  content: '';
  left: 0;
  bottom: 10%;
  background: linear-gradient(90deg, rgba(249, 180, 40, 0) 0%, rgba(249, 180, 40, 0.5) 25%, #F66160 47.92%, rgba(249, 180, 40, 0.5) 75%, rgba(249, 180, 40, 0) 100%);
  z-index: -1;
}
.landing-box__text {
  margin: 0;
  text-align: center;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translateZ(0);
  }
}
.landing-box__close {
  display: block;
  padding: 1rem;
  border-radius: 2rem;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.landing-box__close:before {
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
  font-weight: 500;
  display: block;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .landing-box {
    width: calc(100% - 2rem);
  }
  .landing-box--bottom-right {
    bottom: 1rem;
    right: 1rem;
  }
}
/*********************************************    */
.register-landing {
  background-image: url("background-topo.03120bf8ea55.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: white;
  --container-width: 130rem;
}
.register-landing__header {
  position: relative;
  padding: 2rem 1rem;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  background: transparent;
  align-items: center;
}
.register-landing__header__ctas {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.register-landing__header__cta {
  display: block;
  padding: 1rem 2rem;
  border-radius: 3rem;
  background: transparent;
  font-weight: bold;
}
.register-landing__header__cta--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
.register-landing__header__cta--bordered {
  border: 1px solid black;
}
.register-landing__main {
  padding: 5rem 2rem;
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
  display: grid;
  gap: 5rem;
}
@media screen and (max-width: 768px) {
  .register-landing__main {
    padding: 2rem 0;
    gap: 4rem;
  }
}
.register-landing__logo {
  display: block;
  width: 18rem;
}
.register-landing__logo img {
  display: block;
  width: 100%;
}
.register-landing__title {
  text-align: center;
  margin: 0;
  font-family: "ClashDisplay-Bold", Serif;
  font-size: 3.5rem;
}
.register-landing__title strong {
  color: #f0ac3d;
}
@media screen and (max-width: 768px) {
  .register-landing__title {
    font-size: 3rem;
    padding: 0 2rem;
  }
  .register-landing__title span {
    display: none;
  }
}
.register-landing__hero {
  position: relative;
}
.register-landing__hero:before {
  pointer-events: none;
  content: '';
  background-image: url("background-cards.f186e4c62063.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  width: calc(100% + 4rem);
  height: calc(100% + 4rem);
  position: absolute;
  left: -2rem;
  display: block;
}
@media screen and (max-width: 560px) {
  .register-landing__hero {
    width: 100%;
    overflow: hidden;
    padding-bottom: 20rem;
  }
  .register-landing__hero:before {
    width: calc(100% + 2rem);
    height: calc(100% + 2rem);
  }
}
.register-landing__premium {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
}
.public-registration {
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0px 15px 35px 0px rgba(0, 0, 0, 0.1), 0px 5px 15px 0px rgba(0, 0, 0, 0.25), -2px -2px 0px 0px rgba(255, 255, 255, 0.2) inset;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  width: 40rem;
  max-width: 100%;
  padding: 2rem;
  z-index: 3;
  gap: 2rem;
  display: grid;
  margin: 0 auto;
}
.public-registration--hero {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: calc(100% - 2rem);
}
.public-registration__header {
  text-align: center;
  color: white;
  font-family: 'ClashDisplay-Bold';
  font-size: 3rem;
}
.public-registration__form {
  display: grid;
  grid-row-gap: 1.5rem;
}
.public-registration__group--checkbox {
  position: relative;
  display: grid;
  grid-row-gap: 1rem;
}
.public-registration__group--checkbox input[type="checkbox"],
.public-registration__group--checkbox input[type="radio"] {
  display: none;
}
.public-registration__group--checkbox input[type="checkbox"]:checked + .public-registration__label:before,
.public-registration__group--checkbox input[type="radio"]:checked + .public-registration__label:before {
  content: "\f058";
  color: hsl(351, 90%, 64%);
  font-weight: 600;
}
.public-registration__group--checkbox .public-registration__label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  margin: 0;
  color: white;
}
.public-registration__group--checkbox .public-registration__label a {
  color: hsl(351, 90%, 64%);
}
.public-registration__group--checkbox .public-registration__label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: #D2D2D2;
  font-size: 1.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.public-registration__control {
  position: relative;
  display: grid;
  grid-row-gap: 1rem;
}
.public-registration__control .error {
  color: hsl(350, 83%, 55%);
  font-weight: bold;
}
.public-registration__control i {
  position: absolute;
  top: 0;
  left: 1.5rem;
  color: white;
  opacity: 0.5;
  font-size: 1.5rem;
  height: 5rem;
  align-items: center;
  justify-content: center;
  display: flex;
}
.public-registration__control .toggle-password {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: white;
}
.public-registration__label {
  color: hsl(0, 0%, 70%);
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  display: block;
}
.public-registration__input {
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  border-radius: 5px;
  outline: none;
  min-height: 5rem;
  background: transparent;
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.public-registration__input:focus {
  border: 1px solid hsl(216, 73%, 51%);
}
.public-registration__input--textarea {
  width: 100% !important;
  max-width: 100%;
  min-height: 15rem;
  max-height: 30rem;
  padding: 2rem;
}
.public-registration__input.is-invalid {
  border: 1px solid hsl(350, 83%, 55%);
}
.public-registration__input.is-invalid:focus {
  border: 1px solid hsl(350, 83%, 55%);
}
.public-registration__submit {
  display: block;
  padding: 1rem;
  background: #418DFF;
  border-radius: 5rem;
  color: white;
  font-weight: bold;
  text-align: center;
}
.public-registration_link {
  display: block;
  color: white;
  text-align: center;
  font-size: 1.1rem;
  opacity: 0.5;
}
.public-registration__footer {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.public-registration__subtitle {
  color: white;
  text-align: center;
  font-size: 1.1rem;
}
.public-registration__link {
  display: block;
  color: hsl(351, 90%, 64%);
  font-weight: bold;
  text-decoration: underline;
}
.public-registration .alert {
  text-align: center;
  border-radius: 1rem;
  padding: 2rem;
  margin: 0;
}
.public-registration .alert p {
  margin: 0;
}
.public-registration .alert a {
  font-weight: bold;
  text-decoration: underline;
}
.public-registration .alert-info {
  color: white;
  background: hsla(216, 73%, 51%, 0.8);
}
.public-registration .alert-danger {
  color: white;
  background: hsla(350, 83%, 55%, 0.8);
}
.public-registration .alert-success {
  color: white;
  background: hsla(138, 62%, 51%, 0.8);
}
.swamer-cards {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
  align-items: start;
}
.swamer-cards__column {
  display: grid;
  gap: 1.5rem;
}
.swamer-cards__column:nth-child(1),
.swamer-cards__column:nth-child(6) {
  margin-top: 4.5rem;
}
.swamer-cards__column:nth-child(2) {
  margin-top: 9rem;
}
.swamer-cards__column:nth-child(4) {
  margin-top: 2.5rem;
}
.swamer-cards__column:nth-child(odd) .swamer-card:nth-child(odd) {
  aspect-ratio: 1;
}
.swamer-cards__column:nth-child(even) .swamer-card:nth-child(even) {
  aspect-ratio: 1;
}
@media screen and (max-width: 1100px) {
  .swamer-cards {
    grid-template-columns: repeat(5, 1fr);
  }
  .swamer-cards__column:nth-child(6) {
    display: none;
  }
}
@media screen and (max-width: 860px) {
  .swamer-cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .swamer-cards__column:nth-child(5) {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .swamer-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .swamer-cards__column:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .swamer-cards {
    grid-template-columns: repeat(2, 1fr);
    transform: scale(1.2);
    transform-origin: top;
  }
  .swamer-cards__column:nth-child(1) {
    margin-top: 0;
  }
  .swamer-cards__column:nth-child(2) {
    margin-top: 4rem;
  }
  .swamer-cards__column:nth-child(3) {
    display: none;
  }
}
.swamer-card {
  aspect-ratio: 4/5;
  position: relative;
  border-radius: 15px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.swamer-card:before {
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1;
  height: 100%;
  display: block;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);
}
.swamer-card--square {
  aspect-ratio: 1;
}
.swamer-card__avatar {
  display: block;
  aspect-ratio: 1;
  border-radius: 50%;
  width: 15%;
  background-color: white;
}
.swamer-card__username {
  margin: 0;
  font-weight: bold;
  color: white;
  font-size: 1.5rem;
}
@media screen and (max-width: 768px) {
  .swamer-card__username {
    font-size: 1.2rem;
  }
}
.swamer-card__infos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  gap: 1rem;
  align-items: center;
  padding: 0.5rem;
  z-index: 2;
}
.swamer-card__media {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  width: 100%;
}
.layout-card {
  height: 100vh;
  padding: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  align-items: center;
}
.layout-card--centered {
  grid-template-columns: 1fr;
}
.layout-card__left {
  height: 100%;
  width: 100%;
}
.layout-card__right {
  height: 100%;
}
.layout-card__row {
  height: 100%;
  display: grid;
  grid-template-rows: 1fr auto;
}
.layout-card__content {
  max-width: 50rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto;
}
.layout-card__footer {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .layout-card__footer {
    margin-top: 1rem;
    grid-template-columns: auto;
  }
  .layout-card__footer .footer {
    margin-top: 0 !important;
  }
}
/* Stories */
.stories {
  padding-bottom: 2rem;
}
.stories__cta {
  margin: 0 1rem;
  color: white;
  background: #F77155;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stories__list {
  opacity: 0;
}
.stories__list.tns-slider {
  opacity: 1;
}
.stories__slider {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.95);
  z-index: 999;
  left: 0;
  top: 0;
  align-items: center;
  justify-content: center;
  display: flex;
}
.stories__slide {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .stories {
    padding: 0 1rem;
  }
}
.story {
  width: 100%;
  height: 100%;
  max-width: 45rem;
  max-height: 80rem;
  position: relative;
  background: black;
  border-radius: 2rem;
  overflow: hidden;
}
.story--liked .story__cta--like {
  font-weight: bold;
}
.story--liked .story__cta--like i {
  font-weight: bold;
  color: #F77155;
}
.story__header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  padding: 2rem;
  background: linear-gradient(180deg, black, transparent);
}
.story__ctas {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2;
  color: white;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  pointer-events: none;
}
.story__ctas__group {
  display: grid;
  align-items: flex-end;
  justify-content: flex-end;
  grid-gap: 2rem;
  padding: 2rem 0;
  pointer-events: all;
}
.story__ctas .cta {
  width: 100%;
  font-size: 1.5rem;
  pointer-events: all;
}
.story__cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 2rem;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.story__cta i {
  font-size: 2rem;
}
.story__cta__text {
  font-size: 1.5rem;
  margin-top: 0.5rem;
  word-break: break-word;
}
.story__cta__text:before {
  content: attr(data-counter-value);
}
.story__media {
  z-index: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 2rem;
}
.story__text {
  display: flex;
  font-size: 4rem;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .story__text {
    font-size: clamp(2rem, 1.8vw, 6rem) !important;
  }
}
.story__content {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
  position: relative;
}
.story__content--background {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.story__content--blurred {
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(5px);
  transform: scale(1.1);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.5;
}
.story__progress-bar {
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(10px, 1fr));
}
.story__progress-bar__item {
  height: 0.5rem;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
  position: relative;
  overflow: hidden;
}
.story__progress-bar__item > span {
  height: 100%;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
}
.story__context {
  display: flex;
  flex-direction: column;
}
.story__username {
  font-weight: bold;
  font-size: 1.5rem;
  color: white;
}
.story__date {
  color: white;
  font-size: 1.3rem;
  opacity: 0.5;
}
.story__user {
  display: grid;
  align-items: center;
  padding-top: 2rem;
  grid-gap: 1rem;
  grid-template-columns: 5rem 1fr;
}
.story__user .user-avatar img {
  width: 100%;
}
.story__close {
  color: white;
  position: absolute;
  top: 2rem;
  right: 1rem;
  padding: 1rem;
  font-size: 2rem;
}
.story__nav {
  position: absolute;
  width: 50%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
.story__nav--left {
  left: 0;
}
.story__nav--right {
  right: 0;
}
.story-cta__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.story-cta__content {
  position: relative;
  width: 100%;
  display: flex;
  padding: 0.3rem;
  border-radius: 50%;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
}
.story-cta__add {
  position: absolute;
  right: 0;
  top: 0;
  padding: 1rem;
  z-index: 2;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.2rem;
  color: white;
  border: 5px solid hsl(225, 20%, 95%);
}
.story-cta__text {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 0.5rem;
  overflow: hidden;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.story-cta__background {
  width: 100%;
  position: relative;
  background-size: cover;
  overflow: hidden;
  border-radius: 50%;
  border: 5px solid hsl(225, 20%, 95%);
  padding-bottom: calc(100% - 10px);
}
.story-cta--gray .story-cta__content {
  background: hsl(225, 20%, 85%);
}
.create-story {
  padding: 4rem;
  width: 45rem;
  max-width: 100%;
}
.create-story__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 3rem;
}
.create-story__title {
  margin: 0;
  font-size: 1.8rem;
}
.create-story__subtitle {
  margin: 0;
  font-size: 1.5rem;
  font-weight: normal;
  color: #999999;
}
.create-story__body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
}
.create-story__label {
  display: block;
  font-size: 3rem;
  color: white;
  font-weight: bold;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
}
.create-story__icon {
  width: 10rem;
  height: 10rem;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  margin-bottom: 2rem;
}
.create-story__option {
  flex: 1;
  display: flex;
  padding: 3rem;
  flex-direction: column;
  align-items: center;
  border-radius: 2rem;
  transition: all ease 250ms;
}
.create-story__option--blue {
  background: radial-gradient(237.67% 100% at 100% 0%, #FF5EF7 0%, #02F5FF 100%);
}
.create-story__option--green {
  background: radial-gradient(301.46% 101.78% at 100% 0%, #F3C753 0%, #12EBCF 100%);
}
.create-story__option:hover {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}
.story-visibility {
  display: grid;
  grid-row-gap: 1.5rem;
  padding: 2rem;
  background: hsl(225, 20%, 98%);
}
.story-visibility__item input {
  display: none;
}
.story-visibility__item input:checked + .story-visibility__label .story-visibility__checkbox {
  background: hsl(351, 90%, 64%);
  color: white;
  border-color: hsl(351, 90%, 64%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.story-visibility__item input:checked + .story-visibility__label .story-visibility__checkbox:after {
  content: '\f00c';
  font-family: "Font Awesome 5 Pro", sans-serif;
  color: white;
}
.story-visibility__label {
  padding: 2rem;
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-gap: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.5rem;
  border: 1px solid hsl(225, 20%, 90%);
  cursor: pointer;
  transition: background ease 250ms;
}
.story-visibility__label:hover {
  background: hsl(225, 20%, 98%);
}
.story-visibility__checkbox {
  width: 3rem;
  height: 3rem;
  border: 2px solid hsl(225, 20%, 90%);
  border-radius: 50%;
}
.story-visibility__icon {
  font-size: 3rem;
}
.story-visibility__title {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  margin: 0;
}
.story-visibility__subtitle {
  font-size: 1.5rem;
  color: hsl(225, 20%, 75%);
  line-height: 1;
}
.story-visibility__text {
  display: grid;
  grid-row-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .story-visibility {
    background: white;
  }
}
.form-story {
  background: white;
  width: 70rem;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 3rem;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.form-story--disabled {
  pointer-events: none;
}
.form-story__form--disabled {
  pointer-events: none;
}
.form-story .alert {
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.form-story .alert-danger {
  color: black;
  font-weight: bold;
  background: rgba(255, 0, 0, 0.8);
}
.form-story__backgrounds {
  width: 100%;
}
.form-story__background {
  width: 100%;
  border-radius: 1rem;
  padding-bottom: 60%;
  background-size: cover;
  background-position: center;
  border: 3px solid black;
}
.form-story__background.selected {
  border: 3px solid white;
}
.form-story__background-carousel {
  opacity: 0;
  display: none;
}
.form-story__background-carousel.tns-slider {
  opacity: 1;
  visibility: visible;
  display: block;
}
.form-story__preview-wrapper {
  width: 100%;
  padding-bottom: 65%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 1rem;
}
.form-story__preview-wrapper--background {
  background: url("lock-background.9b596ae73009.jpg") no-repeat center;
  background-size: cover;
}
.form-story__preview {
  width: 40%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-size: cover;
  background-position: center;
  height: 100%;
  border-radius: 2rem;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: center;
  padding: 2rem;
  font-size: 7rem;
  font-weight: bold;
}
.form-story__preview:before {
  content: attr(data-story-text-preview);
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  word-break: break-word;
  white-space: initial;
  text-align: center;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-story__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
}
.form-story__title {
  font-size: 2rem;
  margin: 0;
}
.form-story__subtitle {
  font-size: 1.5rem;
  margin: 0;
  color: #999;
}
.form-story__content {
  display: grid;
  grid-row-gap: 1.5rem;
  padding: 3rem;
}
.form-story__content--black {
  background: black;
  color: white;
}
.form-story__footer {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
}
.form-story__cta {
  padding: 1rem 3rem;
  border-radius: 2rem;
  display: block;
  cursor: pointer;
  font-size: 1.3rem;
}
.form-story__cta--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
.form-story__cta--orange {
  background: hsl(40, 95%, 57%);
  color: white;
}
.form-story__cta--gray {
  color: black;
  background: #efefef;
}
.form-story__control {
  display: flex;
  flex-direction: column;
}
.form-story__control--space-between {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.form-story__control--space-between .form-story__label {
  margin-bottom: 0;
}
.form-story__label {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.form-story__group {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.form-story__group .emoji-picker {
  padding: 1rem 1.5rem;
  background: #ffffff29;
  margin-right: 1rem;
  border-radius: 50%;
  position: relative;
}
.form-story__group .emoji-picker emoji-picker {
  position: absolute;
  left: 100%;
  bottom: 0;
  border-radius: 1rem;
  overflow: hidden;
  --num-columns: 9;
  --emoji-size: 2.5rem;
}
.form-story__input {
  width: 100%;
  padding: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: white;
  border-radius: 1rem;
  min-height: 10rem;
  max-height: 20rem;
  overflow: auto;
  flex: 1;
}
.form-story__input * {
  color: white !important;
}
.form-story .help-block {
  width: 100%;
  color: hsl(350, 83%, 55%);
  margin-top: 1rem;
  text-align: right;
}
.form-story__color-picker {
  display: flex;
  align-items: center;
  position: relative;
}
.form-story__color-picker__result {
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background: white;
  border: 1px solid white;
  border-radius: 0.5rem;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .form-story__color-picker__result {
    width: 3rem;
    height: 3rem;
  }
}
.form-story__color-picker__module {
  padding: 0.5rem;
  background: #454545;
  border-radius: 1rem;
  position: absolute;
  right: 0;
  bottom: calc(100% + 1rem);
}
.form-story__color-picker__module .Scp {
  display: flex;
  border-radius: 1rem;
  color: white;
  position: relative;
  padding: 0 !important;
}
.form-story__color-picker__module .Scp-saturation {
  border-radius: 1rem 0 0 1rem;
}
.form-story__color-picker__module .Scp-brightness {
  border-radius: 1rem 0 0 1rem;
}
.form-story__color-picker__module .Scp-hue {
  border-radius: 0 1rem 1rem 0;
}
.form-story__color-picker__module .form-story__color-picker {
  position: relative;
}
.form-story__file-upload {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.form-story__file-upload--footer {
  position: relative;
  height: auto;
  width: auto;
}
.form-story__file-upload__input {
  display: none;
}
.form-story__file-upload__cta {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.form-story__file-upload__cta span {
  display: block;
  padding: 1rem 2rem;
  background: hsl(40, 95%, 57%);
  border-radius: 1rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: all ease 250ms;
}
.form-story__file-upload__cta:hover span {
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.form-story__file-loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: none;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: black;
  background-position: center;
}
.form-story__file-loading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: attr(data-file-upload-progress);
  font-size: 2rem;
  font-weight: bold;
  color: white;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-family: 'noto-sans', sans-serif;
  text-shadow: none;
  opacity: 1;
}
.form-story__file-loader {
  pointer-events: none;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  max-width: 15rem;
  height: 75%;
  z-index: 2;
  opacity: 1;
}
.form-story__file-loader__line {
  transition: all ease 250ms;
  stroke-dasharray: var(--percent);
}
.form-story__cropper {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  left: 0;
  background: black;
  overflow: hidden;
}
.form-story__cropper img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 768px) {
  .form-story {
    box-shadow: none;
    border-radius: 0;
    background: white;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .form-story__header {
    background: hsl(225, 20%, 98%);
  }
  .form-story__content {
    padding: 1rem;
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .form-story__preview {
    font-size: clamp(2rem, 1.8vw, 6rem) !important;
  }
  .form-story__preview-wrapper--background {
    padding: 0;
    flex: 1;
    border-radius: 0;
  }
  .form-story__form {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .form-story__step {
    display: contents;
  }
}
.image-transformer {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr auto auto auto;
  grid-gap: 1rem;
}
.image-transformer__rotation-slider {
  flex: 1;
}
.image-transformer__rotation-slider input[type="range"] {
  width: 100%;
}
.image-transformer__cta {
  background: #0c73ee;
  padding: 1rem 3rem;
  border-radius: 2rem;
}
/* Credit Buy */
.offers-list,
.buy-access,
.buy-credits {
  display: flex;
  margin-bottom: 5rem;
}
.offers-list .form,
.buy-access .form,
.buy-credits .form {
  width: 100%;
}
.offers-list .form .access-text,
.buy-access .form .access-text,
.buy-credits .form .access-text {
  padding: 0 3rem;
  width: 80rem;
  max-width: 100%;
  text-align: center;
  margin: 0 auto 2rem auto;
  color: hsl(36, 100%, 20%);
}
.offers-list .form .access-text p,
.buy-access .form .access-text p,
.buy-credits .form .access-text p {
  margin: 0;
  line-height: 1.4;
}
.offers-list .form .buy-error,
.buy-access .form .buy-error,
.buy-credits .form .buy-error {
  background: white;
  text-align: center;
  width: 50rem;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.offers-list .form .buy-error span,
.buy-access .form .buy-error span,
.buy-credits .form .buy-error span {
  display: block;
  color: hsl(350, 83%, 55%);
}
.offers-list .form .buy-error a,
.buy-access .form .buy-error a,
.buy-credits .form .buy-error a {
  display: inline-block;
  background: hsl(350, 83%, 55%);
  color: white;
  padding: 1rem 3rem;
  border-radius: 1rem;
  margin-top: 1rem;
}
.offers-list .form .offers-btn,
.buy-access .form .offers-btn,
.buy-credits .form .offers-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
.offers-list .form .offers-btn .credit-offer,
.buy-access .form .offers-btn .credit-offer,
.buy-credits .form .offers-btn .credit-offer {
  padding: 0.5rem;
  flex: 0 0 30%;
  position: relative;
}
@media screen and (max-width: 920px) {
  .offers-list .form .offers-btn .credit-offer,
  .buy-access .form .offers-btn .credit-offer,
  .buy-credits .form .offers-btn .credit-offer {
    flex: 0 0 40%;
  }
}
@media screen and (max-width: 778px) {
  .offers-list .form .offers-btn .credit-offer,
  .buy-access .form .offers-btn .credit-offer,
  .buy-credits .form .offers-btn .credit-offer {
    flex: 0 0 50%;
  }
}
@media screen and (max-width: 540px) {
  .offers-list .form .offers-btn .credit-offer,
  .buy-access .form .offers-btn .credit-offer,
  .buy-credits .form .offers-btn .credit-offer {
    flex: 0 0 100%;
    order: 2;
  }
  .offers-list .form .offers-btn .credit-offer.top-offer,
  .buy-access .form .offers-btn .credit-offer.top-offer,
  .buy-credits .form .offers-btn .credit-offer.top-offer {
    order: 1;
  }
}
.offers-list .form .offers-btn .credit-offer .is-expired,
.buy-access .form .offers-btn .credit-offer .is-expired,
.buy-credits .form .offers-btn .credit-offer .is-expired {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  flex-direction: column;
  padding: 2rem;
  background: rgba(255, 255, 255, 0.85);
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  align-items: center;
  justify-content: center;
  z-index: 3;
}
.offers-list .form .offers-btn .credit-offer .is-expired i,
.buy-access .form .offers-btn .credit-offer .is-expired i,
.buy-credits .form .offers-btn .credit-offer .is-expired i {
  font-size: 5rem;
  display: block;
  color: hsl(350, 83%, 55%);
}
.offers-list .form .offers-btn .credit-offer .is-expired p,
.buy-access .form .offers-btn .credit-offer .is-expired p,
.buy-credits .form .offers-btn .credit-offer .is-expired p {
  font-size: 1.5rem;
  color: hsl(350, 83%, 55%);
  font-weight: 700;
}
.offers-list .form .offers-btn .credit-offer a,
.buy-access .form .offers-btn .credit-offer a,
.buy-credits .form .offers-btn .credit-offer a,
.offers-list .form .offers-btn .credit-offer button,
.buy-access .form .offers-btn .credit-offer button,
.buy-credits .form .offers-btn .credit-offer button {
  padding: 2rem;
  border-radius: 1.5rem;
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  transition: all ease 250ms;
  background: white;
  text-align: center;
}
.offers-list .form .offers-btn .credit-offer a:hover,
.buy-access .form .offers-btn .credit-offer a:hover,
.buy-credits .form .offers-btn .credit-offer a:hover,
.offers-list .form .offers-btn .credit-offer button:hover,
.buy-access .form .offers-btn .credit-offer button:hover,
.buy-credits .form .offers-btn .credit-offer button:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  z-index: 5;
}
.offers-list .form .offers-btn .credit-offer a:hover .button,
.buy-access .form .offers-btn .credit-offer a:hover .button,
.buy-credits .form .offers-btn .credit-offer a:hover .button,
.offers-list .form .offers-btn .credit-offer button:hover .button,
.buy-access .form .offers-btn .credit-offer button:hover .button,
.buy-credits .form .offers-btn .credit-offer button:hover .button {
  background: hsl(40, 95%, 57%);
  color: white;
}
.offers-list .form .offers-btn .credit-offer a:hover .button .offer-date,
.buy-access .form .offers-btn .credit-offer a:hover .button .offer-date,
.buy-credits .form .offers-btn .credit-offer a:hover .button .offer-date,
.offers-list .form .offers-btn .credit-offer button:hover .button .offer-date,
.buy-access .form .offers-btn .credit-offer button:hover .button .offer-date,
.buy-credits .form .offers-btn .credit-offer button:hover .button .offer-date {
  transform: translate(-50%, 150%);
}
.offers-list .form .offers-btn .credit-offer a .offer-name,
.buy-access .form .offers-btn .credit-offer a .offer-name,
.buy-credits .form .offers-btn .credit-offer a .offer-name,
.offers-list .form .offers-btn .credit-offer button .offer-name,
.buy-access .form .offers-btn .credit-offer button .offer-name,
.buy-credits .form .offers-btn .credit-offer button .offer-name {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  color: hsl(40, 95%, 57%);
  margin-bottom: 1rem;
  margin-top: 2rem;
  width: 100%;
}
.offers-list .form .offers-btn .credit-offer a .offer-name > .offer-subtitle,
.buy-access .form .offers-btn .credit-offer a .offer-name > .offer-subtitle,
.buy-credits .form .offers-btn .credit-offer a .offer-name > .offer-subtitle,
.offers-list .form .offers-btn .credit-offer button .offer-name > .offer-subtitle,
.buy-access .form .offers-btn .credit-offer button .offer-name > .offer-subtitle,
.buy-credits .form .offers-btn .credit-offer button .offer-name > .offer-subtitle {
  color: hsl(225, 20%, 10%);
  font-weight: 500;
  display: block;
  line-height: 1;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.offers-list .form .offers-btn .credit-offer a .offer-name > .offer-title,
.buy-access .form .offers-btn .credit-offer a .offer-name > .offer-title,
.buy-credits .form .offers-btn .credit-offer a .offer-name > .offer-title,
.offers-list .form .offers-btn .credit-offer button .offer-name > .offer-title,
.buy-access .form .offers-btn .credit-offer button .offer-name > .offer-title,
.buy-credits .form .offers-btn .credit-offer button .offer-name > .offer-title {
  font-size: 3rem;
  line-height: 1;
}
.offers-list .form .offers-btn .credit-offer a .offer-name:after,
.buy-access .form .offers-btn .credit-offer a .offer-name:after,
.buy-credits .form .offers-btn .credit-offer a .offer-name:after,
.offers-list .form .offers-btn .credit-offer button .offer-name:after,
.buy-access .form .offers-btn .credit-offer button .offer-name:after,
.buy-credits .form .offers-btn .credit-offer button .offer-name:after {
  width: 3rem;
  border-radius: 1rem;
  height: 0.5rem;
  content: "";
  background: hsl(40, 95%, 57%);
  display: block;
  margin: 2rem auto;
}
@media screen and (max-width: 768px) {
  .offers-list .form .offers-btn .credit-offer a .offer-name,
  .buy-access .form .offers-btn .credit-offer a .offer-name,
  .buy-credits .form .offers-btn .credit-offer a .offer-name,
  .offers-list .form .offers-btn .credit-offer button .offer-name,
  .buy-access .form .offers-btn .credit-offer button .offer-name,
  .buy-credits .form .offers-btn .credit-offer button .offer-name {
    margin: 0;
  }
  .offers-list .form .offers-btn .credit-offer a .offer-name:after,
  .buy-access .form .offers-btn .credit-offer a .offer-name:after,
  .buy-credits .form .offers-btn .credit-offer a .offer-name:after,
  .offers-list .form .offers-btn .credit-offer button .offer-name:after,
  .buy-access .form .offers-btn .credit-offer button .offer-name:after,
  .buy-credits .form .offers-btn .credit-offer button .offer-name:after {
    margin: 1rem auto 0 auto;
  }
}
.offers-list .form .offers-btn .credit-offer a .currency-value,
.buy-access .form .offers-btn .credit-offer a .currency-value,
.buy-credits .form .offers-btn .credit-offer a .currency-value,
.offers-list .form .offers-btn .credit-offer button .currency-value,
.buy-access .form .offers-btn .credit-offer button .currency-value,
.buy-credits .form .offers-btn .credit-offer button .currency-value {
  position: relative;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .price,
.buy-access .form .offers-btn .credit-offer a .currency-value .price,
.buy-credits .form .offers-btn .credit-offer a .currency-value .price,
.offers-list .form .offers-btn .credit-offer button .currency-value .price,
.buy-access .form .offers-btn .credit-offer button .currency-value .price,
.buy-credits .form .offers-btn .credit-offer button .currency-value .price {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: baseline;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .price > i,
.buy-access .form .offers-btn .credit-offer a .currency-value .price > i,
.buy-credits .form .offers-btn .credit-offer a .currency-value .price > i,
.offers-list .form .offers-btn .credit-offer button .currency-value .price > i,
.buy-access .form .offers-btn .credit-offer button .currency-value .price > i,
.buy-credits .form .offers-btn .credit-offer button .currency-value .price > i {
  font-size: 3rem;
  margin-left: 0.5rem;
  position: absolute;
  opacity: 0.1;
  right: -1.5rem;
  top: -1rem;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .price > small,
.buy-access .form .offers-btn .credit-offer a .currency-value .price > small,
.buy-credits .form .offers-btn .credit-offer a .currency-value .price > small,
.offers-list .form .offers-btn .credit-offer button .currency-value .price > small,
.buy-access .form .offers-btn .credit-offer button .currency-value .price > small,
.buy-credits .form .offers-btn .credit-offer button .currency-value .price > small {
  font-size: 2rem;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .user,
.buy-access .form .offers-btn .credit-offer a .currency-value .user,
.buy-credits .form .offers-btn .credit-offer a .currency-value .user,
.offers-list .form .offers-btn .credit-offer button .currency-value .user,
.buy-access .form .offers-btn .credit-offer button .currency-value .user,
.buy-credits .form .offers-btn .credit-offer button .currency-value .user {
  display: flex;
  align-items: baseline;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .user:before,
.buy-access .form .offers-btn .credit-offer a .currency-value .user:before,
.buy-credits .form .offers-btn .credit-offer a .currency-value .user:before,
.offers-list .form .offers-btn .credit-offer button .currency-value .user:before,
.buy-access .form .offers-btn .credit-offer button .currency-value .user:before,
.buy-credits .form .offers-btn .credit-offer button .currency-value .user:before {
  content: attr(data-connected);
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  display: block;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .user > i,
.buy-access .form .offers-btn .credit-offer a .currency-value .user > i,
.buy-credits .form .offers-btn .credit-offer a .currency-value .user > i,
.offers-list .form .offers-btn .credit-offer button .currency-value .user > i,
.buy-access .form .offers-btn .credit-offer button .currency-value .user > i,
.buy-credits .form .offers-btn .credit-offer button .currency-value .user > i {
  font-size: 3rem;
  margin-left: 0.5rem;
  opacity: 0.1;
  position: relative;
  top: -0.5rem;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .user > small,
.buy-access .form .offers-btn .credit-offer a .currency-value .user > small,
.buy-credits .form .offers-btn .credit-offer a .currency-value .user > small,
.offers-list .form .offers-btn .credit-offer button .currency-value .user > small,
.buy-access .form .offers-btn .credit-offer button .currency-value .user > small,
.buy-credits .form .offers-btn .credit-offer button .currency-value .user > small {
  font-size: 2rem;
}
.offers-list .form .offers-btn .credit-offer a .currency-value .sub-price,
.buy-access .form .offers-btn .credit-offer a .currency-value .sub-price,
.buy-credits .form .offers-btn .credit-offer a .currency-value .sub-price,
.offers-list .form .offers-btn .credit-offer button .currency-value .sub-price,
.buy-access .form .offers-btn .credit-offer button .currency-value .sub-price,
.buy-credits .form .offers-btn .credit-offer button .currency-value .sub-price {
  display: block;
  font-size: 1rem;
  text-transform: uppercase;
  line-height: 1;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .offers-list .form .offers-btn .credit-offer a .currency-value,
  .buy-access .form .offers-btn .credit-offer a .currency-value,
  .buy-credits .form .offers-btn .credit-offer a .currency-value,
  .offers-list .form .offers-btn .credit-offer button .currency-value,
  .buy-access .form .offers-btn .credit-offer button .currency-value,
  .buy-credits .form .offers-btn .credit-offer button .currency-value {
    display: none;
  }
}
.offers-list .form .offers-btn .credit-offer a .button,
.buy-access .form .offers-btn .credit-offer a .button,
.buy-credits .form .offers-btn .credit-offer a .button,
.offers-list .form .offers-btn .credit-offer button .button,
.buy-access .form .offers-btn .credit-offer button .button,
.buy-credits .form .offers-btn .credit-offer button .button {
  margin-top: 2rem;
  border-radius: 1rem;
  margin-bottom: 1rem;
  border: 1px solid hsl(40, 95%, 57%);
  width: 100%;
  display: block;
  padding: 1.5rem 3rem;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: hsl(40, 95%, 57%);
  letter-spacing: 3px;
  font-weight: 300;
  line-height: 1;
  position: relative;
}
.offers-list .form .offers-btn .credit-offer a .button .currency-price,
.buy-access .form .offers-btn .credit-offer a .button .currency-price,
.buy-credits .form .offers-btn .credit-offer a .button .currency-price,
.offers-list .form .offers-btn .credit-offer button .button .currency-price,
.buy-access .form .offers-btn .credit-offer button .button .currency-price,
.buy-credits .form .offers-btn .credit-offer button .button .currency-price {
  color: hsl(40, 95%, 20%);
  text-align: center;
  letter-spacing: 1px;
  text-transform: none;
  font-size: 1.2rem;
  margin-top: 0.25rem;
}
.offers-list .form .offers-btn .credit-offer a .button .currency-price small,
.buy-access .form .offers-btn .credit-offer a .button .currency-price small,
.buy-credits .form .offers-btn .credit-offer a .button .currency-price small,
.offers-list .form .offers-btn .credit-offer button .button .currency-price small,
.buy-access .form .offers-btn .credit-offer button .button .currency-price small,
.buy-credits .form .offers-btn .credit-offer button .button .currency-price small {
  text-decoration: line-through;
  font-size: 1.2rem;
  color: hsl(40, 89%, 21%);
  opacity: 0.5;
}
.offers-list .form .offers-btn .credit-offer a .button[data-reduction]:after,
.buy-access .form .offers-btn .credit-offer a .button[data-reduction]:after,
.buy-credits .form .offers-btn .credit-offer a .button[data-reduction]:after,
.offers-list .form .offers-btn .credit-offer button .button[data-reduction]:after,
.buy-access .form .offers-btn .credit-offer button .button[data-reduction]:after,
.buy-credits .form .offers-btn .credit-offer button .button[data-reduction]:after {
  content: attr(data-reduction);
  position: absolute;
  top: 0;
  right: 2rem;
  transform: translateY(-50%);
  background: hsl(36, 100%, 80%);
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  line-height: 1;
  color: hsl(36, 100%, 20%);
  z-index: 2;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0;
}
.offers-list .form .offers-btn .credit-offer a .button .offer-date,
.buy-access .form .offers-btn .credit-offer a .button .offer-date,
.buy-credits .form .offers-btn .credit-offer a .button .offer-date,
.offers-list .form .offers-btn .credit-offer button .button .offer-date,
.buy-access .form .offers-btn .credit-offer button .button .offer-date,
.buy-credits .form .offers-btn .credit-offer button .button .offer-date {
  color: hsl(40, 95%, 57%);
  display: block;
  padding: 0 1rem 0 1rem;
  background: white;
  z-index: 2;
  position: absolute;
  font-size: 1rem;
  letter-spacing: 1px;
  left: 50%;
  bottom: 0;
  text-transform: none;
  white-space: nowrap;
  transform: translate(-50%, 50%);
  transition: all ease 250ms;
}
@media screen and (max-width: 768px) {
  .offers-list .form .offers-btn .credit-offer a .button,
  .buy-access .form .offers-btn .credit-offer a .button,
  .buy-credits .form .offers-btn .credit-offer a .button,
  .offers-list .form .offers-btn .credit-offer button .button,
  .buy-access .form .offers-btn .credit-offer button .button,
  .buy-credits .form .offers-btn .credit-offer button .button {
    flex: 1;
    margin: 0;
    border: none;
  }
}
@media screen and (max-width: 768px) {
  .offers-list .form .offers-btn .credit-offer a,
  .buy-access .form .offers-btn .credit-offer a,
  .buy-credits .form .offers-btn .credit-offer a,
  .offers-list .form .offers-btn .credit-offer button,
  .buy-access .form .offers-btn .credit-offer button,
  .buy-credits .form .offers-btn .credit-offer button {
    align-items: flex-start;
    justify-content: flex-start;
    padding: 1rem 0;
  }
}
.offers-list .form .offers-btn .credit-offer.top-offer button,
.buy-access .form .offers-btn .credit-offer.top-offer button,
.buy-credits .form .offers-btn .credit-offer.top-offer button,
.offers-list .form .offers-btn .credit-offer.limited-offer button,
.buy-access .form .offers-btn .credit-offer.limited-offer button,
.buy-credits .form .offers-btn .credit-offer.limited-offer button,
.offers-list .form .offers-btn .credit-offer.top-offer a,
.buy-access .form .offers-btn .credit-offer.top-offer a,
.buy-credits .form .offers-btn .credit-offer.top-offer a,
.offers-list .form .offers-btn .credit-offer.limited-offer a,
.buy-access .form .offers-btn .credit-offer.limited-offer a,
.buy-credits .form .offers-btn .credit-offer.limited-offer a {
  position: relative;
  overflow: hidden;
}
.offers-list .form .offers-btn .credit-offer.top-offer button .offer-name,
.buy-access .form .offers-btn .credit-offer.top-offer button .offer-name,
.buy-credits .form .offers-btn .credit-offer.top-offer button .offer-name,
.offers-list .form .offers-btn .credit-offer.limited-offer button .offer-name,
.buy-access .form .offers-btn .credit-offer.limited-offer button .offer-name,
.buy-credits .form .offers-btn .credit-offer.limited-offer button .offer-name,
.offers-list .form .offers-btn .credit-offer.top-offer a .offer-name,
.buy-access .form .offers-btn .credit-offer.top-offer a .offer-name,
.buy-credits .form .offers-btn .credit-offer.top-offer a .offer-name,
.offers-list .form .offers-btn .credit-offer.limited-offer a .offer-name,
.buy-access .form .offers-btn .credit-offer.limited-offer a .offer-name,
.buy-credits .form .offers-btn .credit-offer.limited-offer a .offer-name {
  color: hsl(138, 62%, 51%);
}
.offers-list .form .offers-btn .credit-offer.top-offer button .offer-name:after,
.buy-access .form .offers-btn .credit-offer.top-offer button .offer-name:after,
.buy-credits .form .offers-btn .credit-offer.top-offer button .offer-name:after,
.offers-list .form .offers-btn .credit-offer.limited-offer button .offer-name:after,
.buy-access .form .offers-btn .credit-offer.limited-offer button .offer-name:after,
.buy-credits .form .offers-btn .credit-offer.limited-offer button .offer-name:after,
.offers-list .form .offers-btn .credit-offer.top-offer a .offer-name:after,
.buy-access .form .offers-btn .credit-offer.top-offer a .offer-name:after,
.buy-credits .form .offers-btn .credit-offer.top-offer a .offer-name:after,
.offers-list .form .offers-btn .credit-offer.limited-offer a .offer-name:after,
.buy-access .form .offers-btn .credit-offer.limited-offer a .offer-name:after,
.buy-credits .form .offers-btn .credit-offer.limited-offer a .offer-name:after {
  background: hsl(138, 62%, 51%);
}
.offers-list .form .offers-btn .credit-offer.top-offer button .button,
.buy-access .form .offers-btn .credit-offer.top-offer button .button,
.buy-credits .form .offers-btn .credit-offer.top-offer button .button,
.offers-list .form .offers-btn .credit-offer.limited-offer button .button,
.buy-access .form .offers-btn .credit-offer.limited-offer button .button,
.buy-credits .form .offers-btn .credit-offer.limited-offer button .button,
.offers-list .form .offers-btn .credit-offer.top-offer a .button,
.buy-access .form .offers-btn .credit-offer.top-offer a .button,
.buy-credits .form .offers-btn .credit-offer.top-offer a .button,
.offers-list .form .offers-btn .credit-offer.limited-offer a .button,
.buy-access .form .offers-btn .credit-offer.limited-offer a .button,
.buy-credits .form .offers-btn .credit-offer.limited-offer a .button {
  border: 1px solid hsl(138, 62%, 51%);
  color: hsl(138, 62%, 51%);
}
.offers-list .form .offers-btn .credit-offer.top-offer button .button .offer-date,
.buy-access .form .offers-btn .credit-offer.top-offer button .button .offer-date,
.buy-credits .form .offers-btn .credit-offer.top-offer button .button .offer-date,
.offers-list .form .offers-btn .credit-offer.limited-offer button .button .offer-date,
.buy-access .form .offers-btn .credit-offer.limited-offer button .button .offer-date,
.buy-credits .form .offers-btn .credit-offer.limited-offer button .button .offer-date,
.offers-list .form .offers-btn .credit-offer.top-offer a .button .offer-date,
.buy-access .form .offers-btn .credit-offer.top-offer a .button .offer-date,
.buy-credits .form .offers-btn .credit-offer.top-offer a .button .offer-date,
.offers-list .form .offers-btn .credit-offer.limited-offer a .button .offer-date,
.buy-access .form .offers-btn .credit-offer.limited-offer a .button .offer-date,
.buy-credits .form .offers-btn .credit-offer.limited-offer a .button .offer-date,
.offers-list .form .offers-btn .credit-offer.top-offer button .button .currency-price,
.buy-access .form .offers-btn .credit-offer.top-offer button .button .currency-price,
.buy-credits .form .offers-btn .credit-offer.top-offer button .button .currency-price,
.offers-list .form .offers-btn .credit-offer.limited-offer button .button .currency-price,
.buy-access .form .offers-btn .credit-offer.limited-offer button .button .currency-price,
.buy-credits .form .offers-btn .credit-offer.limited-offer button .button .currency-price,
.offers-list .form .offers-btn .credit-offer.top-offer a .button .currency-price,
.buy-access .form .offers-btn .credit-offer.top-offer a .button .currency-price,
.buy-credits .form .offers-btn .credit-offer.top-offer a .button .currency-price,
.offers-list .form .offers-btn .credit-offer.limited-offer a .button .currency-price,
.buy-access .form .offers-btn .credit-offer.limited-offer a .button .currency-price,
.buy-credits .form .offers-btn .credit-offer.limited-offer a .button .currency-price {
  color: hsl(138, 62%, 20%);
}
.offers-list .form .offers-btn .credit-offer.top-offer button:hover .button,
.buy-access .form .offers-btn .credit-offer.top-offer button:hover .button,
.buy-credits .form .offers-btn .credit-offer.top-offer button:hover .button,
.offers-list .form .offers-btn .credit-offer.limited-offer button:hover .button,
.buy-access .form .offers-btn .credit-offer.limited-offer button:hover .button,
.buy-credits .form .offers-btn .credit-offer.limited-offer button:hover .button,
.offers-list .form .offers-btn .credit-offer.top-offer a:hover .button,
.buy-access .form .offers-btn .credit-offer.top-offer a:hover .button,
.buy-credits .form .offers-btn .credit-offer.top-offer a:hover .button,
.offers-list .form .offers-btn .credit-offer.limited-offer a:hover .button,
.buy-access .form .offers-btn .credit-offer.limited-offer a:hover .button,
.buy-credits .form .offers-btn .credit-offer.limited-offer a:hover .button {
  color: white;
  background: hsl(138, 62%, 51%);
}
.offers-list .form .offers-btn .credit-offer.top-offer button:before,
.buy-access .form .offers-btn .credit-offer.top-offer button:before,
.buy-credits .form .offers-btn .credit-offer.top-offer button:before,
.offers-list .form .offers-btn .credit-offer.top-offer a:before,
.buy-access .form .offers-btn .credit-offer.top-offer a:before,
.buy-credits .form .offers-btn .credit-offer.top-offer a:before {
  border-top: 15px solid hsl(138, 62%, 51%);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
}
.offers-list .form .offers-btn .credit-offer.limited-offer button:before,
.buy-access .form .offers-btn .credit-offer.limited-offer button:before,
.buy-credits .form .offers-btn .credit-offer.limited-offer button:before,
.offers-list .form .offers-btn .credit-offer.limited-offer a:before,
.buy-access .form .offers-btn .credit-offer.limited-offer a:before,
.buy-credits .form .offers-btn .credit-offer.limited-offer a:before {
  content: attr(data-limited-offer-max-beneficiaries);
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  background: hsl(138, 62%, 51%);
  color: white;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  font-weight: 500;
  font-size: 1.1rem;
}
.offers-list .form .offers-btn .credit-offer.free-offer a,
.buy-access .form .offers-btn .credit-offer.free-offer a,
.buy-credits .form .offers-btn .credit-offer.free-offer a {
  position: relative;
  overflow: hidden;
}
.offers-list .form .offers-btn .credit-offer.free-offer a .offer-name,
.buy-access .form .offers-btn .credit-offer.free-offer a .offer-name,
.buy-credits .form .offers-btn .credit-offer.free-offer a .offer-name {
  color: hsl(225, 20%, 60%);
}
.offers-list .form .offers-btn .credit-offer.free-offer a .offer-name:after,
.buy-access .form .offers-btn .credit-offer.free-offer a .offer-name:after,
.buy-credits .form .offers-btn .credit-offer.free-offer a .offer-name:after {
  background: hsl(225, 20%, 60%);
}
.offers-list .form .offers-btn .credit-offer.free-offer a .button,
.buy-access .form .offers-btn .credit-offer.free-offer a .button,
.buy-credits .form .offers-btn .credit-offer.free-offer a .button {
  border: 1px solid hsl(225, 20%, 60%);
  color: hsl(225, 20%, 60%);
}
.offers-list .form .offers-btn .credit-offer.free-offer a .button .currency-price,
.buy-access .form .offers-btn .credit-offer.free-offer a .button .currency-price,
.buy-credits .form .offers-btn .credit-offer.free-offer a .button .currency-price {
  color: hsl(225, 20%, 10%);
}
.offers-list .form .offers-btn .credit-offer.free-offer a:hover .button,
.buy-access .form .offers-btn .credit-offer.free-offer a:hover .button,
.buy-credits .form .offers-btn .credit-offer.free-offer a:hover .button {
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 95%);
}
.offers-list .form .offers-btn .credit-offer.expired .is-expired,
.buy-access .form .offers-btn .credit-offer.expired .is-expired,
.buy-credits .form .offers-btn .credit-offer.expired .is-expired {
  display: flex;
}
.offers-list .form .offers-btn .credit-offer.expired button,
.buy-access .form .offers-btn .credit-offer.expired button,
.buy-credits .form .offers-btn .credit-offer.expired button,
.offers-list .form .offers-btn .credit-offer.expired a,
.buy-access .form .offers-btn .credit-offer.expired a,
.buy-credits .form .offers-btn .credit-offer.expired a {
  filter: blur(5px) grayscale(1);
}
.offers-list .form .offer-btn-wrapper.dismiss,
.buy-access .form .offer-btn-wrapper.dismiss,
.buy-credits .form .offer-btn-wrapper.dismiss {
  width: 100%;
  text-align: center;
  padding: 1rem;
}
.offers-list .form .offer-btn-wrapper.dismiss button,
.buy-access .form .offer-btn-wrapper.dismiss button,
.buy-credits .form .offer-btn-wrapper.dismiss button {
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
  padding: 1rem 2rem;
}
@media screen and (max-width: 768px) {
  .offers-list .form .offer-btn-wrapper.dismiss button,
  .buy-access .form .offer-btn-wrapper.dismiss button,
  .buy-credits .form .offer-btn-wrapper.dismiss button {
    color: hsl(0, 0%, 100%);
  }
}
.offers-list .form .compatibility-info,
.buy-access .form .compatibility-info,
.buy-credits .form .compatibility-info {
  padding: 1rem;
  text-align: center;
  font-size: 1.2rem;
  max-width: 100%;
  width: 55rem;
  margin: 0 auto;
}
.offers-list .single-offer,
.buy-access .single-offer,
.buy-credits .single-offer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1rem;
}
.offers-list .single-offer button,
.buy-access .single-offer button,
.buy-credits .single-offer button {
  font-size: 1.5rem;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  padding: 1.75rem 2rem;
  border-radius: 1.5rem;
  line-height: 1;
  color: hsl(225, 20%, 10%);
  border: 1px solid white;
}
.offers-list .single-offer button:hover,
.buy-access .single-offer button:hover,
.buy-credits .single-offer button:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.offers-list .access-informations > p,
.buy-access .access-informations > p,
.buy-credits .access-informations > p {
  color: white;
  max-width: 55rem;
  width: 100%;
  margin: 0 auto 1rem auto;
  text-align: center;
  line-height: 1.4;
}
.offers-list {
  flex: 1;
  background: url("header-background-clean.8105db3339eb.jpg") no-repeat;
  background-position: top center;
  position: relative;
  background-size: auto 100%;
  display: flex;
  background-color: #f0f1f5;
  flex-direction: column;
  max-width: 100%;
  width: 100rem;
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 1rem;
}
@media screen and (max-width: 778px) {
  .offers-list {
    border-radius: 0;
  }
}
.offers-list h1 {
  text-align: center;
  color: white;
  font-weight: 600;
  font-size: 3.8rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 920px) {
  .offers-list h1 {
    margin-top: 2rem;
    font-size: 2rem;
  }
}
.offers-list.solo-offer {
  width: 40rem;
  flex: auto;
  padding: 1rem;
}
.offers-list.solo-offer .form .offers-btn .credit-offer {
  width: 100%;
  flex: 1;
}
.buy-credits {
  margin-top: 7rem;
}
@media screen and (max-width: 910px) {
  .buy-credits {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
}
.clean-view .clean-background .shopping-cart {
  padding-bottom: 5rem;
}
.clean-view .clean-background .shopping-cart h2 {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 1px;
  display: block;
  margin: 0 0 2rem 0;
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .shopping-cart .shopping-table {
  border-radius: 1.5rem;
  background: white;
  max-width: 65rem;
  margin: 0 auto;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.clean-view .clean-background .shopping-cart .shopping-table .shopping-header {
  display: flex;
  border-bottom: 1px solid #f0f1f5;
}
.clean-view .clean-background .shopping-cart .shopping-table .shopping-header > div {
  text-align: left;
  padding: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: hsl(224, 20%, 50%);
  font-size: 1.2rem;
}
.clean-view .clean-background .shopping-cart .shopping-table .detail {
  flex: 1;
  padding: 2rem;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
}
.clean-view .clean-background .shopping-cart .shopping-table .detail .img-wrapper {
  width: 10rem;
  padding-bottom: 10rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.clean-view .clean-background .shopping-cart .shopping-table .detail .title {
  margin-left: 2rem;
}
.clean-view .clean-background .shopping-cart .shopping-table .detail .title > span {
  display: block;
  color: hsl(228, 20%, 75%);
  font-size: 1.3rem;
}
.clean-view .clean-background .shopping-cart .shopping-table .price {
  flex: 0 0 15rem;
  padding: 2rem;
}
.clean-view .clean-background .shopping-cart .shopping-table .shopping-content {
  display: flex;
  align-items: center;
}
.clean-view .clean-background .shopping-cart .container {
  z-index: 3;
  position: relative;
}
@media screen and (max-width: 910px) {
  .clean-view .clean-background .shopping-cart {
    background-color: #ff3f65;
    padding: 0 1rem;
  }
  .clean-view .clean-background .shopping-cart h2 {
    color: white;
    margin: 2rem 0;
    font-size: 1.8rem;
  }
  .clean-view .clean-background .shopping-cart .shopping-table .shopping-header {
    display: none;
  }
  .clean-view .clean-background .shopping-cart .shopping-table .shopping-content {
    flex-wrap: wrap;
  }
  .clean-view .clean-background .shopping-cart .shopping-table .shopping-content .price {
    width: 100%;
    text-align: center;
    flex: auto;
    font-weight: 700;
    border-top: 1px solid hsl(227, 19%, 95%);
  }
}
.offers__modal {
  max-width: 45rem;
  width: 100%;
  border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .offers__modal {
    border-radius: 0;
    max-width: 100%;
  }
}
.offers__modal .close__modal {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
}
.offers__modal .profile__cover {
  width: 100%;
  padding-bottom: 20%;
  background-size: cover;
  background-position: center;
  border-radius: 0;
}
.offers__modal .user__offers {
  padding: 0 2rem 2rem 2rem;
}
.offers__modal .user__box {
  display: flex;
  align-items: center;
  font-weight: 300;
}
.offers__modal .user__box .user__avatar {
  margin-top: -5rem;
  position: relative;
}
.offers__modal .user__box .user__avatar .user-avatar {
  border: 5px solid #fff;
  border-radius: 50%;
  position: relative;
}
.offers__modal .user__box .user__name {
  padding-left: 1rem;
}
.offers__modal .user__box .user__name .username {
  font-size: 1.6rem;
}
.offers__modal .user__description {
  font-size: 1.2rem;
  margin-top: 1rem;
  color: hsl(228, 19%, 60%);
  letter-spacing: 0.5px;
}
.offers__modal .offers__title {
  margin: 2rem 0;
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: flex;
  align-items: baseline;
  font-weight: bold;
}
.offers__modal .offers__title.offers__title--promo {
  color: hsl(138, 62%, 51%);
}
.offers__modal .offers__title i {
  font-size: 1.2rem;
  margin-right: 1rem;
}
.offers__modal .offers__title + .button-unlock {
  margin-top: 0;
}
.offers__modal .offers__title.offers__title--accordion {
  width: 100%;
  justify-content: space-between;
  margin-bottom: 0;
}
.offers__modal .offers__title.offers__title--accordion .chevron:before {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 75%);
  margin-bottom: 0;
}
.offers__modal .offers__avantages li {
  position: relative;
  padding: 1rem 0;
  font-size: 1.5rem;
  font-weight: 300;
}
.offers__modal .offers__avantages li:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 1.5rem;
  color: hsl(40, 95%, 57%);
  font-weight: bold;
}
.offers__modal .offers__avantages li:first-child {
  padding-top: 0;
}
.offers__modal .offers__avantages li:last-child {
  padding-bottom: 0;
}
.offers__modal .offers__ctas {
  display: grid;
  grid-gap: 1rem;
  margin-top: 2rem;
  align-items: center;
}
.offers__modal .offers__ctas .button-unlock {
  margin: 0;
}
.offers__modal .button-unlock {
  padding: 1.5rem;
  border-radius: 5rem;
  background: linear-gradient(90deg, #f65169, #fab429);
  color: white;
  width: 100%;
  margin-top: 1rem;
  display: block;
  text-align: center;
  transition: all ease 250ms;
}
.offers__modal .button-unlock i {
  margin-right: 0.5rem;
}
.offers__modal .button-unlock--follow {
  background: transparent;
  color: black;
  border: 1px solid hsl(0, 0%, 90%);
}
.offers__modal .button-unlock--onetime {
  background: linear-gradient(90deg, hsl(216, 73%, 51%), hsl(216, 73%, 61%));
}
.offers__modal .button-unlock--promo {
  background: linear-gradient(90deg, hsl(138, 62%, 51%), hsl(138, 62%, 66%));
}
.offers__modal .button-unlock--expired {
  position: relative;
  overflow: hidden;
}
.offers__modal .button-unlock--expired:after {
  content: attr(data-text);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: white;
  letter-spacing: 1px;
  font-weight: bold;
}
.offers__modal .button-unlock__slash {
  position: relative;
  margin: 0 0.25rem;
}
.offers__modal .button-unlock__slash:after {
  content: "";
  height: 2px;
  display: block;
  width: 100%;
  background: white;
  position: absolute;
  top: 10px;
  left: 0px;
  transform: rotate(9deg);
}
.offers__modal .button-unlock > small {
  pointer-events: none;
  display: block;
}
.offers__modal .button-unlock:hover {
  transform: scale(1.05);
}
.offers__modal .offers__footer-links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.offers__modal .offers__footer-links button {
  color: hsl(225, 20%, 60%);
  padding: 1rem;
}
.container--offers {
  display: flex;
  align-items: center;
  justify-content: center;
}
.container--offers .offers__modal {
  background: white;
  margin-top: 3rem;
}
.offers__subtitle {
  color: hsl(229, 19%, 60%);
  margin-top: 1.5rem;
  font-size: 1.2rem;
  border-top: 1px solid hsl(229, 19%, 95%);
  padding-top: 1.5rem;
  background: white;
}
.offers__subtitle--center {
  text-align: center;
}
.subscriptionModal {
  max-width: 100%;
  width: 50rem;
}
.subscriptionModal__cover {
  width: 100%;
  aspect-ratio: 3/1;
  background-size: cover;
  background-position: center;
  border-radius: 0;
  background-image: url("orange-background.32a8d081603a.jpg");
  background-repeat: no-repeat;
}
.subscriptionModal__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1rem;
}
.subscriptionModal__header .user-avatar {
  margin-top: -6rem;
  border: 5px solid #fff;
  border-radius: 50%;
  position: relative;
  aspect-ratio: 1;
  background: gray;
}
.subscriptionModal__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.6rem;
}
.subscriptionModal__content {
  padding: 2rem;
  display: grid;
  row-gap: 2rem;
}
.subscriptionModal__title {
  text-align: center;
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0;
}
.subscriptionModal__text {
  margin: 0;
  color: #646568;
  font-size: 1.5rem;
}
.subscriptionModal__list {
  display: grid;
  row-gap: 2rem;
  padding: 0 2rem;
  align-items: center;
}
.subscriptionModal__list__item {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 2rem;
  font-size: 1.5rem;
  color: #646568;
}
.subscriptionModal__list__icon {
  font-size: 2rem;
  color: hsl(40, 95%, 57%);
}
.subscriptionModal__separator {
  width: 100%;
  height: 1px;
  background-color: hsl(225, 20%, 95%);
}
.subscriptionModal__footer {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 1rem;
  flex-wrap: wrap;
}
.subscriptionModal__footer .alert {
  flex-basis: 100%;
}
.subscriptionModal__cta {
  padding: 1rem 3rem;
  border-radius: 3rem;
  font-weight: bold;
}
.subscriptionModal__cta--bordered {
  border: 1px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
.subscriptionModal__cta--blue {
  color: white;
  background: hsl(216, 73%, 51%);
}
@media screen and (max-width: 768px) {
  .subscriptionModal {
    width: 100%;
  }
}
/* Admin */
#django-su-warning {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5000;
  height: 100%;
  border: 5px solid hsl(350, 83%, 55%);
  pointer-events: none;
}
#django-su-warning span {
  width: 100%;
  text-align: center;
  color: white;
  background: hsl(350, 83%, 55%);
  font-size: 1.5rem;
  padding: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  position: fixed;
  bottom: 0;
  z-index: 5000;
}
@media screen and (max-width: 920px) {
  #django-su-warning {
    height: auto;
    width: auto;
    bottom: 5rem;
    border: none;
    right: 50%;
    transform: translateX(50%);
    font-size: 0;
    padding: 1.325rem 2rem;
    border-radius: 50%;
    box-shadow: 0 0 5px hsl(350, 83%, 55%);
    background: hsl(350, 83%, 55%);
  }
  #django-su-warning span {
    display: none;
  }
  #django-su-warning:before {
    content: '\f12a';
    font-family: 'Font Awesome 5 Pro';
    font-size: 3rem;
    font-weight: bold;
    color: white;
  }
}
body:not(.staff) .staff-only {
  display: none !important;
}
body.staff .staff-only {
  display: block;
}
/* Structural Style */
.desktop .container {
  width: 128rem;
  margin: 0 auto;
}
.desktop .container .row {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1300px) {
  .desktop .container {
    width: 110rem;
  }
}
@media screen and (max-width: 1120px) {
  .desktop .container {
    width: 96rem;
  }
}
.mobile .container {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .mobile .container {
    width: 70rem;
    margin: 0 auto;
  }
}
.mobile .container .row {
  display: flex;
  flex-wrap: wrap;
}
.main {
  --left-column: 25rem;
  --right-column: 35rem;
  --grid-gap: 2rem;
}
.main__container {
  max-width: 100%;
  width: 128rem;
  margin: 0 auto;
}
.main__grid {
  display: grid;
  grid-template-columns: var(--left-column) calc(100% - (var(--grid-gap)*2) - var(--right-column) - var(--left-column)) var(--right-column);
  grid-gap: var(--grid-gap);
}
.main__left .navigation {
  position: sticky;
  top: var(--header-height);
  display: grid;
  grid-row-gap: 0.5rem;
  --icon-size: 4rem;
  padding-top: 1rem;
}
.main__left .navigation__link {
  position: relative;
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 1.8rem;
  border-radius: 20rem;
  display: grid;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  line-height: 1;
  grid-template-columns: var(--icon-size) auto;
}
.main__left .navigation__link i {
  width: var(--icon-size);
  height: var(--icon-size);
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 2.2rem;
}
.main__left .navigation__link .user-avatar.mfstar:after {
  display: none;
}
.main__left .navigation__link--transparent {
  color: hsl(225, 20%, 10%);
}
.main__left .navigation__link--transparent i {
  color: hsl(225, 20%, 75%);
}
.main__left .navigation__link--transparent:hover {
  background: hsl(225, 20%, 90%);
}
.main__left .navigation__link--transparent:hover i {
  color: hsl(351, 90%, 64%);
}
.main__left .navigation__link--live {
  background: #383838;
  color: white;
  width: 100%;
}
.main__left .navigation__link--live:after {
  content: '';
  width: 15px;
  height: 15px;
  background: hsl(138, 62%, 51%);
  border-radius: 50%;
  border: 3px solid hsl(225, 20%, 95%);
  position: absolute;
  top: 0;
  right: 2.5rem;
  transform: translateY(-50%);
}
.main__left .navigation__link--live:hover i {
  color: hsl(138, 62%, 51%);
}
.main__left .navigation__link--post {
  margin-bottom: 20rem;
  position: relative;
  font-weight: 700;
  font-size: 1.8rem;
  border-radius: 20rem;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  color: white;
  justify-content: center;
  width: 100%;
  height: 5rem;
  transition: transform ease 250ms;
  grid-template-columns: auto;
}
.main__left .navigation__link--post i {
  display: none;
}
.main__left .navigation__link--post:hover {
  transform: scale(1.02);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.main__right [data-public-sidebar] {
  position: sticky;
  top: var(--header-height);
  display: grid;
  grid-row-gap: 0.5rem;
}
.main__content .title {
  display: flex;
  padding: 2rem;
  align-items: baseline;
}
.main__content .title .flow-link {
  font-size: 0;
  margin-right: 1rem;
}
.main__content .title .flow-link:before {
  content: "\f053";
  color: hsl(351, 90%, 64%);
  font-size: 1.5rem;
  font-family: 'Font Awesome 5 Pro';
  padding: 0 1rem;
  display: block;
}
.main__content .title h2 {
  margin: 0;
  line-height: 1;
  font-size: 1.8rem;
  flex: 1;
}
@media screen and (max-width: 1300px) {
  .main {
    --left-column: 20rem;
    --right-column: 30rem;
  }
  .main__container {
    width: 110rem;
  }
}
@media screen and (max-width: 1120px) {
  .main {
    --left-column: 8rem;
  }
  .main__container {
    width: 96rem;
  }
  .main__left {
    z-index: 3;
    position: relative;
  }
  .main__left .navigation {
    justify-content: center;
  }
  .main__left .navigation__link {
    padding: 0;
    width: 5rem;
    height: 5rem;
    grid-gap: 0;
    justify-content: center;
  }
  .main__left .navigation__link > span {
    position: absolute;
    background: white;
    left: 6rem;
    top: 50%;
    transform: translateY(-50%);
    padding: 1.5rem;
    border-radius: 4rem;
    z-index: 5;
    white-space: nowrap;
    box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
    visibility: hidden;
    opacity: 0;
    transition: opacity ease 250ms;
    color: hsl(225, 20%, 10%);
  }
  .main__left .navigation__link--post i {
    display: flex;
  }
  .main__left .navigation__link:hover > span {
    opacity: 1;
    visibility: visible;
  }
}
@media screen and (max-width: 768px) {
  .main__container {
    width: 100%;
  }
  .main__grid {
    grid-template-columns: 1fr;
  }
  .main__left {
    position: relative;
    top: auto;
  }
  .main__left .navigation {
    grid-auto-flow: column;
    grid-gap: 1rem;
    justify-content: space-around;
  }
  .main__left .navigation__link {
    margin-bottom: 0;
  }
  .main__right {
    display: none;
  }
}
.mobile .main__grid {
  grid-template-columns: 1fr;
}
.mobile .main__content {
  padding: 1rem 0;
  width: 100vw;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .mobile .main__content {
    padding: 0;
  }
}
.mobile .main__right {
  display: none;
}
.mobile [data-main-container].has-appointment,
.mobile [data-main-container].has-live {
  padding-top: calc(15rem + var(--header-height));
}
@media screen and (min-width: 768px) {
  .mobile [data-main-container] {
    padding-top: calc(2rem + var(--header-height));
  }
}
[data-main-container] {
  width: 100%;
  padding-top: calc(2rem + var(--header-height));
  position: relative;
  z-index: 1;
}
[data-main-container].has-live,
[data-main-container].has-appointment {
  padding-top: calc(7rem + var(--header-height));
}
@media screen and (min-height: 75rem) {
  [data-main-container] {
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 768px) {
  [data-main-container] {
    padding-top: var(--header-height);
  }
}
.visible-anonymous {
  display: none;
}
.anonymous .visible-anonymous {
  display: flex;
}
form .form-group--required label:before {
  content: "*";
  color: red;
}
form .form-group.editable-field-wrapper.editable-field-wrapper--cancel button:before {
  content: "\f00d" !important;
}
form .form-group.editable-field-wrapper button,
form .form-group.editable-field-wrapper .editable-field-button {
  font-weight: 500;
  font-size: 1.4rem;
  border: none;
  background: transparent;
  padding: 1rem 0;
  width: 100%;
  cursor: pointer;
  outline: none;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
}
form .form-group.editable-field-wrapper button > span,
form .form-group.editable-field-wrapper .editable-field-button > span {
  display: block;
  width: 100%;
  color: hsl(225, 20%, 60%);
}
form .form-group.editable-field-wrapper button > span.link,
form .form-group.editable-field-wrapper .editable-field-button > span.link {
  color: hsl(225, 20%, 10%);
  font-size: 1.3rem;
}
form .form-group.editable-field-wrapper button > span.link strong,
form .form-group.editable-field-wrapper .editable-field-button > span.link strong {
  color: hsl(351, 90%, 64%);
}
form .form-group.editable-field-wrapper button:before,
form .form-group.editable-field-wrapper .editable-field-button:before {
  content: "\f040";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 2rem;
  font-size: 1.8rem;
  transform: translateY(-50%);
  color: hsl(225, 20%, 10%);
  opacity: 0.5;
  padding: 1rem;
  border-radius: 5rem;
  z-index: 2;
}
form .form-group.editable-field-wrapper button:hover:before,
form .form-group.editable-field-wrapper .editable-field-button:hover:before {
  color: hsl(351, 90%, 64%);
  background: hsl(225, 20%, 90%);
}
form .form-control .select-wrapper--large {
  min-width: 35rem;
  max-width: 100%;
}
form .form-control .select-wrapper--large select,
form .form-control .select-wrapper--large .items,
form .form-control .select-wrapper--large .ts-control {
  min-width: 35rem;
  max-width: 100%;
}
form .form-help-text {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
}
/* Registration */
.contact-form,
.registration-form {
  padding: 0;
  overflow: hidden;
  border-radius: 1.5rem;
  background: white;
  max-width: 100%;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.contact-form .alert-danger,
.registration-form .alert-danger {
  text-align: center;
  color: hsl(350, 83%, 55%);
  padding: 1rem;
  background: hsla(350, 83%, 55%, 0.1);
  border-radius: 1rem;
  margin-bottom: 2rem;
}
.contact-form .form-title,
.registration-form .form-title {
  padding: 3rem 2.5rem 2rem 9rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  position: relative;
}
.contact-form .form-title.reset-password:before,
.registration-form .form-title.reset-password:before {
  font-family: "Font Awesome 5 Pro";
  color: #6a8fcb;
  background-color: rgba(106, 143, 203, 0.1);
  border-radius: 2rem;
  display: block;
  position: absolute;
  left: 1.5rem;
  padding: 1.5rem 1.5rem;
  font-size: 3rem;
  top: 50%;
  transform: translateY(-50%) rotate(15deg);
}
.contact-form .form-title.reset-password:before,
.registration-form .form-title.reset-password:before {
  content: "\f6f3";
}
.contact-form .form-title.login,
.registration-form .form-title.login {
  border-bottom: 0;
}
.contact-form .form-title.login:before,
.registration-form .form-title.login:before {
  content: '\e902';
  font-family: 'icomoon' !important;
  color: #6a8fcb;
  background-color: rgba(106, 143, 203, 0.1);
  border-radius: 2rem;
  display: block;
  position: absolute;
  left: 1.5rem;
  padding: 1.5rem 1rem;
  font-size: 3rem;
  top: 50%;
  transform: translateY(-50%) rotate(110deg);
}
.contact-form .form-title h1,
.registration-form .form-title h1 {
  margin: 0;
  font-weight: 600;
  font-size: 2.5rem;
  letter-spacing: 1px;
  color: hsl(225, 20%, 40%);
  line-height: 2rem;
}
@media screen and (max-width: 768px) {
  .contact-form .form-title h1,
  .registration-form .form-title h1 {
    font-size: 2rem;
  }
}
.contact-form .form-title h2,
.registration-form .form-title h2 {
  font-size: 1.3rem;
  color: hsl(225, 20%, 60%);
  font-weight: 500;
  margin: 0;
  letter-spacing: 1px;
  line-height: 1.4rem;
  padding-top: 0.5rem;
}
.contact-form .form-description,
.registration-form .form-description {
  padding: 0 2rem 2rem 2rem;
  text-align: center;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.contact-form .form-description p,
.registration-form .form-description p {
  margin: 0;
}
.contact-form .password-reset,
.registration-form .password-reset {
  margin: 2rem auto;
  text-align: center;
  width: 100%;
  display: block;
  color: hsl(225, 20%, 10%);
  font-weight: bold;
  position: absolute;
  bottom: -6rem;
}
.contact-form .footer-form,
.registration-form .footer-form {
  background-color: hsl(225, 20%, 95%);
  padding: 2rem;
  display: flex;
  justify-content: center;
  color: hsl(225, 20%, 60%);
}
.contact-form .footer-form a,
.registration-form .footer-form a {
  color: hsl(225, 20%, 40%);
  font-weight: bold;
  padding: 0 1rem;
  position: relative;
  transition: all ease 250ms;
  text-decoration: none;
}
.contact-form .footer-form a:after,
.registration-form .footer-form a:after {
  position: absolute;
  width: 50%;
  content: '';
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: hsl(225, 20%, 40%);
}
.contact-form .footer-form a:hover,
.registration-form .footer-form a:hover {
  color: #f0ac3d;
}
.contact-form .footer-form a:hover:after,
.registration-form .footer-form a:hover:after {
  background: #f0ac3d;
}
.contact-form .form-title {
  margin-bottom: 2rem;
}
.contact-form p.phone-number {
  margin: 0;
  padding: 0 2rem;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.2rem;
}
.contact-form form {
  padding: 0 1rem;
}
.contact-form .form-submit {
  margin: 2rem 0;
  padding: 0 1rem;
  width: 100%;
}
.contact-form .form-submit > button {
  width: 100%;
  background: #f0ac3d;
  color: white;
  border: none;
  font-size: 1.8rem;
  border-radius: 1rem;
  padding: 1.5rem;
  align-items: center;
  outline: none;
  text-align: center;
  display: block;
  letter-spacing: 1px;
}
.contact-wrapper,
.registration-wrapper {
  position: relative;
  margin: 5rem auto;
}
@media screen and (max-width: 920px) {
  .contact-wrapper,
  .registration-wrapper {
    margin-top: 0;
  }
}
.contact-wrapper .alert,
.registration-wrapper .alert {
  max-width: 75rem;
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  text-align: center;
}
.contact-wrapper .alert.success,
.registration-wrapper .alert.success {
  background: hsl(138, 62%, 90%);
  border: 2px solid hsl(138, 62%, 51%);
  color: hsl(138, 62%, 20%);
}
.contact-wrapper {
  width: 60rem;
}
.login-view .login-btn {
  display: none !important;
}
.login-view .registration-wrapper {
  width: 50rem;
}
.login-view .registration-wrapper .registration-form form {
  padding: 0 2rem;
}
.login-view .registration-wrapper .registration-form form .form-group,
.login-view .registration-wrapper .registration-form form .form-submit {
  padding: 0;
}
.register-view .registration-wrapper {
  width: 60rem;
}
.register-view .register-btn,
.mfstar-register-view .register-btn {
  display: none !important;
}
.register-view .premium-registration-wrapper .sublink,
.mfstar-register-view .premium-registration-wrapper .sublink,
.register-view .registration-wrapper .sublink,
.mfstar-register-view .registration-wrapper .sublink {
  display: block;
  text-align: center;
  padding: 2rem;
  color: hsl(225, 20%, 40%);
  letter-spacing: 1px;
  font-weight: 700;
}
.register-view .premium-registration-wrapper .registration-form form,
.mfstar-register-view .premium-registration-wrapper .registration-form form,
.register-view .registration-wrapper .registration-form form,
.mfstar-register-view .registration-wrapper .registration-form form {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.register-view .premium-registration-wrapper .registration-form form .form-group,
.mfstar-register-view .premium-registration-wrapper .registration-form form .form-group,
.register-view .registration-wrapper .registration-form form .form-group,
.mfstar-register-view .registration-wrapper .registration-form form .form-group {
  width: 50%;
}
.register-view .premium-registration-wrapper .registration-form form .form-group.checkbox-group,
.mfstar-register-view .premium-registration-wrapper .registration-form form .form-group.checkbox-group,
.register-view .registration-wrapper .registration-form form .form-group.checkbox-group,
.mfstar-register-view .registration-wrapper .registration-form form .form-group.checkbox-group,
.register-view .premium-registration-wrapper .registration-form form .form-group.radio-group,
.mfstar-register-view .premium-registration-wrapper .registration-form form .form-group.radio-group,
.register-view .registration-wrapper .registration-form form .form-group.radio-group,
.mfstar-register-view .registration-wrapper .registration-form form .form-group.radio-group {
  width: 100%;
}
.register-view .premium-registration-wrapper .registration-form form .form-group.checkbox-group,
.mfstar-register-view .premium-registration-wrapper .registration-form form .form-group.checkbox-group,
.register-view .registration-wrapper .registration-form form .form-group.checkbox-group,
.mfstar-register-view .registration-wrapper .registration-form form .form-group.checkbox-group {
  margin-bottom: 1rem;
}
.register-view .premium-registration-wrapper .registration-form form .form-group .radio-form,
.mfstar-register-view .premium-registration-wrapper .registration-form form .form-group .radio-form,
.register-view .registration-wrapper .registration-form form .form-group .radio-form,
.mfstar-register-view .registration-wrapper .registration-form form .form-group .radio-form {
  padding: 0;
  margin: 0 -0.75rem;
  width: 100%;
}
@media screen and (max-width: 778px) {
  .register-view .premium-registration-wrapper .registration-form form .form-group,
  .mfstar-register-view .premium-registration-wrapper .registration-form form .form-group,
  .register-view .registration-wrapper .registration-form form .form-group,
  .mfstar-register-view .registration-wrapper .registration-form form .form-group {
    width: 100%;
    margin-bottom: 1rem;
  }
}
/* Public Registration */
.public__form--duo {
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr;
}
.public__form--duo [data-form-error-container] {
  grid-column: 1/-1;
}
.public__form--duo .public__form__footer {
  grid-column: 1/-1;
}
.public__form--duo .public__form__group--checkbox,
.public__form--duo .public__form__group.gender-select {
  grid-column: 1/-1;
}
@media screen and (max-width: 768px) {
  .public__form--duo {
    grid-template-columns: 1fr;
    grid-row-gap: 1rem;
  }
}
.public__form__group--checkbox {
  position: relative;
  display: grid;
  grid-row-gap: 1rem;
}
.public__form__group--checkbox input[type="checkbox"],
.public__form__group--checkbox input[type="radio"] {
  display: none;
}
.public__form__group--checkbox input[type="checkbox"]:checked + .public__form__label:before,
.public__form__group--checkbox input[type="radio"]:checked + .public__form__label:before {
  content: "\f058";
  color: hsl(351, 90%, 64%);
  font-weight: 600;
}
.public__form__group--checkbox .public__form__label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  margin: 0;
  color: black;
}
.public__form__group--checkbox .public__form__label a {
  color: hsl(351, 90%, 64%);
}
.public__form__group--checkbox .public__form__label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: #D2D2D2;
  font-size: 1.3rem;
  top: 50%;
  transform: translateY(-50%);
}
.public__form__control {
  position: relative;
  display: grid;
  grid-row-gap: 1rem;
}
.public__form__control i {
  position: absolute;
  top: 0;
  left: 1.5rem;
  color: #D2D2D2;
  font-size: 1.5rem;
  height: 5rem;
  align-items: center;
  justify-content: center;
  display: flex;
}
.public__form__control .toggle-password {
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.public__form__label {
  color: hsl(0, 0%, 70%);
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
  display: block;
}
.public__form__input {
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  border: 1px solid #E5E5E5;
  border-radius: 5px;
  outline: none;
  min-height: 5rem;
}
.public__form__input:focus {
  border: 1px solid hsl(216, 73%, 51%);
}
.public__form__input--textarea {
  width: 100% !important;
  max-width: 100%;
  min-height: 15rem;
  max-height: 30rem;
  padding: 2rem;
}
.public__form__input.is-invalid {
  border: 1px solid hsl(350, 83%, 55%);
}
.public__form__input.is-invalid:focus {
  border: 1px solid hsl(350, 83%, 55%);
}
.public__form__button {
  padding: 1rem 2.5rem;
  border-radius: 2rem;
  background: #418DFF;
  color: white;
  font-weight: bold;
}
.public__form__button--large {
  width: 100%;
}
.public__form__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
}
.public .alert {
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
}
.public .alert a {
  text-decoration: underline;
  font-weight: bold;
}
.public .alert-danger {
  background: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 55%);
}
.public .alert-info {
  background: hsl(216, 73%, 90%);
  color: hsl(216, 73%, 51%);
}
.public .alert-success {
  background: hsl(138, 62%, 90%);
  color: hsl(138, 62%, 20%);
}
.public .help-block.error {
  color: hsl(350, 83%, 55%);
}
.registration {
  display: grid;
  grid-row-gap: 2rem;
  width: 100%;
}
.registration__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  z-index: 1;
}
.registration__tab {
  text-align: center;
  border-radius: 1rem;
  margin: 0 1rem;
  min-width: 25%;
}
.registration__tab--active {
  font-weight: bold;
  color: hsl(351, 90%, 64%);
  pointer-events: none;
}
.registration--modal {
  width: 45rem;
  max-width: 100%;
}
.registration--modal .public__form--duo {
  grid-template-columns: 1fr;
}
.registration-steps {
  grid-row-gap: 2.5rem;
}
.registration-steps__title {
  font-size: 2.5rem;
  font-weight: 900;
}
.registration-steps__subtitle {
  font-size: 1.5rem;
  font-weight: 100;
  color: hsl(0, 0%, 70%);
}
.registration-steps__titles__step {
  display: block;
  font-size: 1.3rem;
  font-weight: 100;
  color: hsl(0, 0%, 70%);
}
.registration__hidden {
  display: contents;
}
.registration__separator {
  width: 100%;
  height: 1px;
  background: hsl(225, 20%, 95%);
}
.registration__logo img {
  width: 35rem;
  margin: 1rem auto;
  max-width: 100%;
  display: block;
}
.registration__logo__subtitle {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
  margin: 0;
}
.registration__header--bordered {
  border-top: 1px solid #e5e5e5;
  padding-top: 2rem;
}
.registration__title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  margin: 0;
}
.registration__subtitle {
  font-size: 1.3rem;
  text-align: center;
  font-weight: 100;
  margin: 0;
}
.registration__subtitle a {
  display: block;
  color: #F6526A;
  font-weight: bold;
}
.registration__text {
  display: grid;
  text-align: center;
}
.registration__text > * {
  margin: 0;
}
.registration__footer {
  display: grid;
  grid-gap: 1rem;
}
.registration .alert {
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
}
.registration .alert a {
  text-decoration: underline;
  font-weight: bold;
}
.registration .alert-info {
  background: hsl(216, 73%, 90%);
  color: hsl(216, 73%, 51%);
}
.registration .alert-success {
  background: hsl(138, 62%, 90%);
  color: hsl(138, 62%, 51%);
}
.social-registration {
  display: grid;
  grid-row-gap: 2rem;
}
.social-registration__btns {
  display: grid;
  grid-row-gap: 1rem;
}
.social-registration__ctas {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.social-registration__ctas > * {
  flex: 1;
}
.social-registration__separator {
  text-align: center;
  color: white;
  font-size: 1.3rem;
  display: block;
  line-height: initial;
  position: relative;
  padding-bottom: 0;
  overflow: hidden;
}
.social-registration__separator > span {
  z-index: 2;
  position: relative;
}
.social-registration__separator > span:after {
  width: 200%;
  content: '';
  height: 1px;
  display: block;
  background: #ffffff;
  position: absolute;
  top: 50%;
  right: -10px;
  transform: translateX(100%);
  opacity: 0.3;
}
.social-registration__separator > span:before {
  width: 200%;
  content: '';
  height: 1px;
  display: block;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateX(-100%);
  opacity: 0.3;
}
/* Gender Select */
.gender-select {
  display: grid;
  grid-column-gap: 1rem;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}
.gender-select__text {
  background: white;
  text-align: center;
  padding: 1rem;
  cursor: pointer;
  position: relative;
  transition: all ease 250ms;
  background-clip: padding-box;
  border: 2px solid hsl(225, 20%, 95%);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.gender-select__text span {
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: normal;
  display: block;
  margin-top: 1rem;
  opacity: 0.2;
  width: 100%;
}
@media screen and (max-width: 778px) {
  .gender-select__text span {
    margin-top: 0;
  }
}
.gender-select__text i {
  display: block;
  font-size: 3rem;
  opacity: 0.2;
}
@media screen and (max-width: 920px) and (min-width: 768px) {
  .gender-select__text i {
    font-size: 5rem;
  }
}
.gender-select__item > input {
  display: none;
}
.gender-select__item > input:checked + .gender-select__text span {
  color: hsl(225, 20%, 40%);
  opacity: 1;
  transition: opacity ease 250ms;
}
.gender-select__item > input:checked + .gender-select__text:after {
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  background-color: white;
  font-size: 25px;
  display: block;
  position: absolute;
  border: 2px solid white;
  border-radius: 50%;
  padding-left: 2px;
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.gender-select__item > input[value="couple"]:checked + .gender-select__text,
.gender-select__item > input[value="female"]:checked + .gender-select__text {
  border: 2px solid hsl(351, 90%, 64%);
}
.gender-select__item > input[value="couple"]:checked + .gender-select__text:after,
.gender-select__item > input[value="female"]:checked + .gender-select__text:after,
.gender-select__item > input[value="couple"]:checked + .gender-select__text i,
.gender-select__item > input[value="female"]:checked + .gender-select__text i {
  color: hsl(351, 90%, 64%);
}
.gender-select__item > input[value="male"]:checked + .gender-select__text {
  border: 2px solid hsl(216, 73%, 51%);
}
.gender-select__item > input[value="male"]:checked + .gender-select__text:after,
.gender-select__item > input[value="male"]:checked + .gender-select__text i {
  color: hsl(216, 73%, 51%);
}
.gender-select__item:hover {
  transform: scale(1.1);
}
.gender-select__item:hover .gender-select__text {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.password-reset {
  color: hsl(225, 20%, 60%);
  font-size: 1.2rem;
}
.breadcrumb {
  display: grid;
  --steps: 3;
  grid-template-columns: repeat(var(--steps), 1fr);
  -ms-grid-columns: 1fr 1fr 1fr;
}
.breadcrumb__step {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: auto 1fr;
  align-items: center;
}
.breadcrumb__step--active .breadcrumb__number:before {
  background: #f66160;
  color: white;
  font-weight: bold;
}
.breadcrumb__step--done .breadcrumb__number:before {
  background: rgba(246, 97, 96, 0.2);
  content: '\f00c';
  color: #F66160;
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
}
.breadcrumb__number:before {
  content: attr(data-step);
  background: #F4F5FB;
  width: 3rem;
  height: 3rem;
  align-items: center;
  justify-content: center;
  display: flex;
  border-radius: 0.5rem;
  font-size: 1.3rem;
  color: #797979;
}
.breadcrumb__name {
  font-weight: 200;
  color: #797979;
}
@media screen and (max-width: 768px) {
  .breadcrumb .breadcrumb__name {
    text-align: center;
  }
  .breadcrumb .breadcrumb__step {
    grid-template-columns: 1fr;
  }
  .breadcrumb .breadcrumb__number {
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
  }
}
.interest-selection {
  display: grid;
  grid-row-gap: 2rem;
}
.interest-selection__title {
  font-size: 1.5rem;
  font-weight: bold;
}
.interest-selection__list {
  list-style: none;
  display: flex;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin: 0;
  padding: 0;
  max-height: 30rem;
  overflow: auto;
}
.interest-selection__list--subtag {
  background: #f4f5fb;
  padding: 10px;
  border-radius: 10px;
  margin: 0;
}
.interest-selection__list--subtag .interest-selection__item {
  background: #e1e4f4;
}
.interest-selection__subtag {
  width: 100%;
}
.interest-selection__item {
  padding: 1rem 2rem;
  background: #f4f5fb;
  color: black;
  border-radius: 50px;
  line-height: 1;
  cursor: pointer;
  display: block;
  transition: transform ease 250ms;
}
.interest-selection__item i {
  margin-right: 1rem;
}
.interest-selection__item--active {
  background: hsl(351, 90%, 64%) !important;
  color: white;
}
.interest-selection__item--open {
  background: hsl(216, 73%, 51%) !important;
  color: white;
}
.interest-selection__item:not(.interest-selection__item--active):hover {
  background: rgba(65, 141, 255, 0.2);
}
.interest-selection--register {
  color: white;
}
.interest-selection--register .interest-selection__list--subtag {
  background: rgba(255, 255, 255, 0.2);
}
.interest-selection--register .interest-selection__item:not(.interest-selection__item--active):hover {
  color: black;
  background: #afccff;
}
.tutorial-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  overflow: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.tutorial-modal .tutorial-wrapper {
  width: 100%;
  max-width: 65rem;
  background: white;
  z-index: 2;
  border-radius: 2.5rem;
  margin-top: calc(var(--header-height) + 5rem);
  position: relative;
  max-height: calc(100% - var(--header-height) + 7rem);
  margin-bottom: 2rem;
  overflow: auto;
}
.tutorial-modal .tutorial-wrapper h2 {
  margin: 0;
  padding: 2rem 3rem;
  font-weight: 300;
  font-size: 2.5rem;
  line-height: 1;
}
.tutorial-modal .tutorial-wrapper .tutorial {
  padding: 0 3rem;
}
.tutorial-modal .tutorial-wrapper .tutorial .img-cover {
  width: 100%;
  height: 0;
  padding-bottom: 40%;
  border-radius: 1.5rem;
  background-size: cover;
  background-position: center;
}
.tutorial-modal .tutorial-wrapper .tutorial h3 {
  margin: 0;
  font-size: 2rem;
  padding: 1.5rem 0;
  font-weight: 700;
  font-style: italic;
  color: hsl(40, 95%, 57%);
  display: flex;
  align-items: baseline;
}
.tutorial-modal .tutorial-wrapper .tutorial h3:after {
  content: '';
  max-width: 20%;
  min-width: 2rem;
  background: hsl(40, 95%, 57%);
  height: 0.3rem;
  display: block;
  border-radius: 2rem;
  margin-left: 1rem;
  width: 100%;
  flex: 1;
}
.tutorial-modal .tutorial-wrapper .tutorial p {
  margin-top: 0;
  margin-bottom: 1.5rem;
  line-height: 1.5;
}
.tutorial-modal .tutorial-wrapper .tutorial ul {
  list-style: initial;
  padding-left: 1rem;
  margin-bottom: 1.5rem;
}
.tutorial-modal .tutorial-wrapper .tutorial a {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
}
.tutorial-modal .tutorial-wrapper .tuto-footer {
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  display: flex;
  justify-content: flex-end;
}
.tutorial-modal .tutorial-wrapper .tuto-footer button {
  padding: 1rem 3rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
}
.tutorial-modal .tutorial-wrapper .tuto-footer button.next {
  border-radius: 2rem;
  background: hsl(216, 73%, 51%);
  color: white;
}
.tutorial-modal .tutorial-wrapper .tuto-footer button.skip {
  color: hsl(225, 20%, 60%);
}
@media screen and (max-width: 768px) {
  .tutorial-modal .tutorial-wrapper {
    border-radius: 0;
    margin-bottom: 0;
    margin-top: 0;
    max-height: 100%;
  }
}
.tutorial-modal .backdrop-tuto {
  width: 100%;
  height: 100%;
  background: hsl(225, 20%, 10%);
  opacity: 0.8;
  position: fixed;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .tutorial-modal {
    align-items: flex-end;
  }
}
.breadcrumbs {
  display: flex;
  width: 100%;
  padding-top: 2rem;
  position: relative;
  color: white;
  justify-content: space-between;
}
.breadcrumbs .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 0 2rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .breadcrumbs .step {
    padding: 0;
  }
}
.breadcrumbs .step .icon {
  background: hsl(225, 20%, 95%);
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.5rem;
  border: 0.5rem solid hsl(225, 20%, 98%);
  position: relative;
  overflow: hidden;
}
.breadcrumbs .step .icon i {
  z-index: 2;
  color: hsl(225, 20%, 75%);
}
.breadcrumbs .step .icon:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 0%;
  height: 100%;
  background: hsl(40, 95%, 57%);
  content: '';
  transition-delay: 0ms;
  transition-duration: 250ms;
  transition-property: all;
  transition-timing-function: linear;
}
.breadcrumbs .step .title {
  display: block;
  margin: 1rem 0;
  text-align: center;
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 768px) {
  .breadcrumbs .step .title {
    display: none;
  }
}
.breadcrumbs:before,
.breadcrumbs:after {
  content: '';
  position: absolute;
  height: 0.5rem;
  background: #f0f1f5;
  z-index: 1;
  top: 4.5rem;
  border-radius: 1rem;
  transform: translateY(-50%);
  transition: all ease-in 500ms;
}
.breadcrumbs:after {
  background: hsl(40, 95%, 57%);
  width: 0;
}
.breadcrumbs[data-current="1"] .step:nth-child(-n+1) .icon:before,
.breadcrumbs[data-current="2"] .step:nth-child(-n+2) .icon:before,
.breadcrumbs[data-current="3"] .step:nth-child(-n+3) .icon:before,
.breadcrumbs[data-current="4"] .step:nth-child(-n+4) .icon:before,
.breadcrumbs[data-current="5"] .step:nth-child(-n+5) .icon:before,
.breadcrumbs[data-current="6"] .step:nth-child(-n+6) .icon:before {
  width: 100%;
  transition-delay: 400ms;
  transition-timing-function: ease-out;
}
.breadcrumbs[data-current="1"] .step:nth-child(-n+1) .icon i,
.breadcrumbs[data-current="2"] .step:nth-child(-n+2) .icon i,
.breadcrumbs[data-current="3"] .step:nth-child(-n+3) .icon i,
.breadcrumbs[data-current="4"] .step:nth-child(-n+4) .icon i,
.breadcrumbs[data-current="5"] .step:nth-child(-n+5) .icon i,
.breadcrumbs[data-current="6"] .step:nth-child(-n+6) .icon i {
  color: white;
  transition: color ease 250ms;
  transition-delay: 500ms;
}
.breadcrumbs[data-current="1"] .step:nth-child(-n+1) .title,
.breadcrumbs[data-current="2"] .step:nth-child(-n+2) .title,
.breadcrumbs[data-current="3"] .step:nth-child(-n+3) .title,
.breadcrumbs[data-current="4"] .step:nth-child(-n+4) .title,
.breadcrumbs[data-current="5"] .step:nth-child(-n+5) .title,
.breadcrumbs[data-current="6"] .step:nth-child(-n+6) .title {
  color: hsl(40, 95%, 57%);
  font-weight: 700;
}
.breadcrumbs[data-total-steps="5"][data-current="2"]:after {
  width: calc(100% / 5);
}
.breadcrumbs[data-total-steps="5"][data-current="3"]:after {
  width: calc(100% / 5 * 2);
}
.breadcrumbs[data-total-steps="5"][data-current="4"]:after {
  width: calc(100% / 5 * 3);
}
.breadcrumbs[data-total-steps="5"][data-current="5"]:after {
  width: calc(100% - (100% / 5));
}
.breadcrumbs[data-total-steps="5"]:before,
.breadcrumbs[data-total-steps="5"]:after {
  left: calc(50% / 5);
}
.breadcrumbs[data-total-steps="5"]:before {
  width: calc(100% - (100% / 5));
}
.breadcrumbs[data-total-steps="6"][data-current="2"]:after {
  width: calc(100% / 6);
}
.breadcrumbs[data-total-steps="6"][data-current="3"]:after {
  width: calc(100% / 6 * 2);
}
.breadcrumbs[data-total-steps="6"][data-current="4"]:after {
  width: calc(100% / 6 * 3);
}
.breadcrumbs[data-total-steps="6"][data-current="5"]:after {
  width: calc(100% / 6 * 4);
}
.breadcrumbs[data-total-steps="6"][data-current="6"]:after {
  width: calc(100% - (100% / 6));
}
@media screen and (max-width: 768px) {
  .breadcrumbs[data-total-steps="6"] .step .icon {
    width: 4.5rem;
    height: 4.5rem;
  }
}
.breadcrumbs[data-total-steps="6"]:before,
.breadcrumbs[data-total-steps="6"]:after {
  left: calc(50% / 6);
}
.breadcrumbs[data-total-steps="6"]:before {
  width: calc(100% - (100% / 6));
}
.clean-view .clean-background .live-form-wrapper {
  padding-top: 6rem;
}
.clean-view .clean-background .premium-registration-wrapper {
  width: 75rem;
  margin: 0 auto;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form {
  border-radius: 1.5rem;
  background: white;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  margin-bottom: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .header {
  background: hsl(225, 20%, 98%);
  padding: 3rem 0;
  text-align: center;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .header h1 {
  color: hsl(225, 20%, 10%);
  margin: 0;
  text-transform: initial;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .header h3 {
  margin: 0;
  font-weight: 300;
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper {
  width: 100%;
  padding: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 3rem;
  width: 100%;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content.content--live-access-fan div {
  width: 100%;
  text-align: center;
  padding: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content.content--live-access-fan div a {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  background: hsl(216, 73%, 51%);
  color: white;
  padding: 1rem 4rem;
  border-radius: 3rem;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content {
    padding: 2rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content h2 {
  font-size: 2.5rem;
  font-weight: 700;
  color: hsl(225, 20%, 10%);
  letter-spacing: 1px;
  opacity: 1;
  text-align: left;
  margin: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content h2 small {
  font-size: 1.5rem;
  color: hsl(225, 20%, 75%);
  font-weight: 500;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .subtitle {
  color: hsl(225, 20%, 60%);
  margin: 0;
  font-size: 1.5rem;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .separator {
  height: 1px;
  width: 100%;
  background: hsl(225, 20%, 95%);
  margin: 2rem 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .description {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group {
  position: relative;
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control.billing-address p {
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-error {
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 1.5rem;
  font-size: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper .ts-input,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper select {
  width: 100%;
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  border: none;
  font-size: 1.4rem;
  background-color: hsl(225, 20%, 95%);
  padding: 1.5rem 4rem 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper .ts-input,
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .select-wrapper select {
    width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-toggle {
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 2.5rem;
  outline: none;
  max-width: 100%;
  height: auto;
  min-height: 4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-toggle > * {
  pointer-events: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-carret {
  display: block;
  position: relative;
  width: 4rem;
  height: 100%;
  margin-right: -1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-carret:before {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  content: '';
  display: block;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-menu {
  min-width: 100%;
  padding: 1rem 0;
  max-height: 23rem;
  overflow: auto;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-menu .dropdown-item {
  display: block;
  padding: 0.75rem 2rem;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-menu .dropdown-item:hover,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-menu .dropdown-item--selected {
  background: hsl(225, 20%, 95%);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .dropdown-offers .dropdown-menu {
    right: auto;
    left: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .paypal-available {
  padding: 0.25rem 1rem;
  background: hsl(216, 73%, 51%);
  color: white;
  border-radius: 1rem;
  display: inline-block;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .recommanded {
  color: hsl(216, 73%, 51%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half {
  width: 50%;
  padding-right: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half .select-wrapper select {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half {
    padding-right: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half + .half {
  padding-left: 2rem;
  border-left: 1px solid hsl(225, 20%, 90%);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half + .half {
    padding-left: 0;
    border-left: none;
  }
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.half {
    width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 778px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group {
    margin-bottom: 2rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > span,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > label {
  font-weight: 500;
  letter-spacing: 1px;
  width: 100%;
  display: block;
  font-size: 1.5rem;
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > span.label--split,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > label.label--split {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > span.form-error,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > label.form-error {
  padding: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > span + .form-control,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > label + .form-control {
  margin-top: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > span a,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group > label a {
  color: hsl(40, 95%, 57%);
  text-decoration: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .switch-cam {
  font-size: 1.2rem;
  color: hsl(40, 95%, 57%);
  border: 1px solid hsl(40, 95%, 57%);
  padding: 0.5rem;
  border-radius: 0.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .subtitle {
  font-size: 1.3rem;
  color: hsl(225, 20%, 60%);
  letter-spacing: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group {
  width: 100%;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group input[type="checkbox"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group input[type="radio"] {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group input[type="checkbox"]:checked + label:before,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group input[type="radio"]:checked + label:before {
  content: "\f058";
  color: #f0ac3d;
  font-weight: 600;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  padding-bottom: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
  top: calc(50% - 0.1rem);
  transform: translate(0, -50%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group label small {
  color: hsl(138, 62%, 51%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group label small > span {
  position: relative;
  margin-right: 0.5rem;
  color: hsl(225, 20%, 40%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group label small > span:after {
  content: '';
  border-bottom: 2px solid hsl(225, 20%, 40%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group .form-error {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group.has-error label:before {
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group.has-error a {
  color: hsl(350, 83%, 55%);
  text-decoration: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox-group.has-error a:hover {
  text-decoration: underline;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file {
  width: 100%;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .image-preview[style] {
  width: 100%;
  background-size: cover;
  padding-bottom: 56.5%;
  background-position: center;
  border-radius: 1rem;
  margin-bottom: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1010px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper {
    flex-wrap: wrap;
    margin: 1rem 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper input[type="file"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .edit-file-text .label {
  display: block;
  font-size: 1.5rem;
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .edit-file-text .filename {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .edit-file-text .subtitle {
  color: hsl(225, 20%, 75%);
  font-size: 1.3rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .input-file__buttons {
  display: flex;
  flex-direction: column;
  z-index: 3;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .picture-button {
  border: none;
  padding: 1rem 2rem;
  border-radius: 3rem;
  color: white;
  background: hsl(40, 95%, 57%);
  margin-top: 0.5rem;
  z-index: 3;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .picture-button:before {
  content: "\f832";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  margin-right: 0.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .upload-button {
  border: none;
  padding: 1rem 2rem;
  border-radius: 3rem;
  color: white;
  background: hsl(40, 95%, 57%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .upload-button:after {
  content: attr(data-upload);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .upload-button:before {
  content: "\f093";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1010px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file .input-file-wrapper .upload-button {
    margin: 1rem 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.invalid-file .edit-file-text {
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.invalid-file .input-file-wrapper .upload-button {
  -webkit-animation: invalid-file-2 ease 1s both;
  animation: invalid-file-2 ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.invalid-file .input-file-wrapper .upload-button:before {
  -webkit-animation: invalid-file-before ease 1s both;
  animation: invalid-file-before ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.invalid-file .input-file-wrapper .upload-button:after {
  -webkit-animation: invalid-file-after ease 1s both;
  animation: invalid-file-after ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.valid-file .edit-file-text .filename {
  display: block;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.valid-file .input-file-wrapper .upload-button {
  -webkit-animation: valid-file-2 ease 1s both;
  animation: valid-file-2 ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.valid-file .input-file-wrapper .upload-button:before {
  -webkit-animation: valid-file-before ease 1s both;
  animation: valid-file-before ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.input-file.valid-file .input-file-wrapper .upload-button:after {
  -webkit-animation: valid-file-after ease 1s both;
  animation: valid-file-after ease 1s both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li {
  display: grid;
  grid-template-columns: 1fr 1fr auto auto;
  width: 100%;
  align-items: center;
  margin: 1rem 0;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li {
    border-bottom: 1px solid hsl(225, 20%, 95%);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li .select-wrapper {
    margin-bottom: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li .prices-input {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li .prices-input {
    padding-left: 0;
    width: calc(100% - 7rem);
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li .prices-input input {
  margin: 0;
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
  outline: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button.delete {
  margin-right: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button.delete:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button.delete:hover:before {
  font-weight: bold;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button.add:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li button.add:hover:before {
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li .price__error {
  grid-column: 1/-1;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li [data-field-error-container] {
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .form-control > ul > li [data-field-error-container] > span {
  font-size: 1.2rem;
  color: hsl(350, 83%, 55%);
  padding: 0.5rem 0 0 0.5rem;
  display: block;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.prices .help {
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control {
  width: 100%;
  flex-wrap: wrap;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control > ul {
  padding: 0.5rem 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control > ul > li {
  display: flex;
  padding: 0.5rem 0;
  color: hsl(225, 20%, 75%);
  align-items: flex-start;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control > ul > li {
    flex-wrap: wrap;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control > ul > li.current-day {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper .form-control > ul > li .day {
    margin-bottom: 1rem;
    width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li input {
  margin: 0 1rem;
  text-align: center;
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1rem 2rem;
  border-radius: 5rem;
  outline: none;
  font-family: 'noto-sans', sans-serif;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li input {
    width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .day {
  padding: 1rem 0;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .day {
    padding: 1rem 1.5rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete {
  margin-right: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete:hover:before {
  font-weight: bold;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add:hover:before {
  color: hsl(225, 20%, 10%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 0.75rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control {
  width: calc(100% / 3);
  transition: all ease 250ms;
}
@media screen and (max-width: 778px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input {
  background: white;
  text-align: center;
  padding: 3rem;
  cursor: pointer;
  margin: 0 0.75rem;
  position: relative;
  transition: all ease 250ms;
  background-clip: padding-box;
  border: 2px solid hsl(225, 20%, 95%);
  border-radius: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input {
    padding: 2rem 0;
  }
}
@media screen and (max-width: 778px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input {
    align-items: center;
    padding: 1rem;
    margin: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input span {
  letter-spacing: 2px;
  font-size: 1.8rem;
  font-weight: 200;
  text-transform: uppercase;
  display: block;
  margin-top: 1rem;
  opacity: 0.2;
  width: 100%;
}
@media screen and (max-width: 778px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input span {
    width: auto;
    margin-top: 0;
    margin-left: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input i {
  display: block;
  font-size: 7rem;
  opacity: 0.2;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control .radio-input i {
    font-size: 5rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input:checked + .radio-input span {
  color: hsl(225, 20%, 40%);
  opacity: 1;
  transition: opacity ease 250ms;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input:checked + .radio-input:after {
  top: 0;
  right: 20px;
  transform: translateY(-50%);
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: 250ms;
          animation-duration: 250ms;
  background-color: white;
  font-size: 25px;
  display: block;
  position: absolute;
  border: 5px solid white;
  padding-left: 2px;
  content: "\f058";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="couple"]:checked + .radio-input,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="female"]:checked + .radio-input {
  border: 2px solid hsl(351, 90%, 64%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="couple"]:checked + .radio-input:after,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="female"]:checked + .radio-input:after,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="couple"]:checked + .radio-input i,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="female"]:checked + .radio-input i {
  color: hsl(351, 90%, 64%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="male"]:checked + .radio-input {
  border: 2px solid hsl(216, 73%, 51%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="male"]:checked + .radio-input:after,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control input[value="male"]:checked + .radio-input i {
  color: hsl(216, 73%, 51%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control:hover {
  transform: scale(1.1);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .radio-form .radio-control:hover .radio-input {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox {
  width: 100%;
  flex-wrap: wrap;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox.disabled {
  background-color: hsl(225, 20%, 95%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 10%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span {
  color: hsl(225, 20%, 10%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
  padding-right: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span a {
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  font-weight: 700;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span .form-error {
  display: block;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span {
    padding-right: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span small {
  display: block;
  color: hsl(225, 20%, 75%);
  text-transform: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span > .free {
  display: inline-block;
  font-size: 1.2rem;
  color: hsl(138, 62%, 51%);
  margin-right: 0.25rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span > .free > span {
  position: relative;
  margin-right: 0.5rem;
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label > span > .free > span:after {
  content: '';
  border-bottom: 2px solid hsl(225, 20%, 60%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label .convert-result p {
  font-size: 3rem;
  margin: 0;
  font-weight: 700;
  color: hsl(138, 62%, 51%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label .slider {
  position: relative;
  cursor: pointer;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label .slider .background {
  background: hsl(225, 20%, 95%);
  display: block;
  border-radius: 2rem;
  padding: 0.9rem 2.5rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox label .slider .button {
  position: absolute;
  display: block;
  padding: 1.2rem;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translate(0%, -50%);
  transition: all ease 250ms;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="checkbox"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="radio"] {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="radio"]:checked + label .slider .background {
  background: hsla(351, 90%, 64%, 0.2);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group.checkbox input[type="radio"]:checked + label .slider .button {
  left: 100%;
  transform: translate(-100%, -50%);
  background: hsl(351, 90%, 64%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .input-box {
  position: relative;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .input-box div[contenteditable] {
  border: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .input-box div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .input-box textarea {
  width: 100%;
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .input-box textarea.is-invalid ~ div[contenteditable]:empty:before {
  color: hsl(350, 83%, 55%);
  content: attr(data-error);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control {
    flex-wrap: wrap;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control > .select2 {
  display: inline-block !important;
  margin-right: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control > .select2 + button {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control > .select2 {
    margin-right: 0;
    margin-bottom: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container {
  display: flex;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container .input-wrapper {
  padding: 0 0.25rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container input {
  background: hsl(225, 20%, 95%);
  border: none;
  padding: 1rem 0.5rem;
  border-radius: 2.5rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  outline: none;
  line-height: 1;
  margin: 0 0.25rem;
  letter-spacing: 1px;
  min-width: 1px;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container input {
    font-size: 1rem !important;
    border-radius: 0 !important;
    padding: 1rem 0 !important;
    margin: 0 0.25rem;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container input:first-child {
    border-radius: 1.5rem 0 0 1.5rem !important;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .iban-number-fields-container input:last-of-type {
    border-radius: 0 1.5rem 1.5rem 0 !important;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .add-offer {
  background: hsl(40, 95%, 57%);
  margin-left: 1rem;
  color: white;
  padding: 1rem 4rem;
  border-radius: 3rem;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .add-offer {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control textarea {
  background: hsl(225, 20%, 95%);
  border-radius: 2rem;
  outline: none;
  min-width: 100%;
  max-width: 100%;
  width: 100% !important;
  border: none;
  min-height: 10rem !important;
  background-color: hsl(225, 20%, 95%) !important;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  color: hsl(225, 20%, 40%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="text"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="email"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="password"] {
  width: 100%;
  border: none;
  border-radius: 3rem;
  background-color: hsl(225, 20%, 95%) !important;
  outline: none;
  padding: 1rem 2rem;
  font-size: 1.5rem;
  color: hsl(225, 20%, 40%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="text"]::-moz-placeholder, .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="email"]::-moz-placeholder, .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="password"]::-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="text"]:-ms-input-placeholder, .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="email"]:-ms-input-placeholder, .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="password"]:-ms-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="text"]::placeholder,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="email"]::placeholder,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="password"]::placeholder {
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="text"]:focus,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="email"]:focus,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control input[type="password"]:focus {
  box-shadow: 0 0 0 3px rgba(106, 143, 203, 0.2);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input {
    min-width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input > input {
  border: none;
  padding: 1.5rem 0;
  font-size: inherit;
  color: hsl(225, 20%, 10%);
  outline: none;
  background: transparent;
  border-radius: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel {
  align-items: center !important;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel select {
  padding: 0 !important;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  max-width: 50%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel .select2-container {
  max-width: 20rem !important;
  height: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel .select2-selection {
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel .select2-selection__arrow {
  width: 2rem;
  top: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-tel input {
  border-left: 1px solid hsl(220, 23%, 90%);
  padding-left: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-group {
  color: hsl(225, 20%, 60%);
  padding: 0 2rem;
  display: flex;
  align-items: baseline;
  width: 100%;
  white-space: nowrap;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-group > input {
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-group .copied i {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .input.input-group .copied i:before {
  color: hsl(138, 62%, 51%);
  font-weight: bold;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .form-error {
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .form-control .help-block.error {
  font-size: 1.2rem;
  color: hsl(350, 83%, 55%);
  padding: 0.5rem 0 0 0.5rem;
  display: block;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .selected-offers {
  padding-left: 2rem;
  border-left: 0.5rem solid hsl(225, 20%, 90%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .selected-offers li {
  padding: 0.5rem 0;
  font-size: 1.5rem;
  color: hsl(225, 20%, 60%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .selected-offers li button {
  font-size: 1.2rem;
  margin: 0 1rem;
  color: hsl(350, 83%, 55%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .video-wrapper {
  margin-top: 2rem;
  width: 100%;
  padding-bottom: 56.5%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background: black;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .video-wrapper canvas {
  opacity: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations {
    grid-template-columns: repeat(1, 1fr);
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration > input {
  display: none;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration > input:checked + label {
  border: 1px solid hsl(40, 95%, 37%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration > input:checked + label .duration__value {
  background: hsl(40, 95%, 57%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration label {
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid hsl(225, 20%, 90%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration__content {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration__value {
  text-align: center;
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: 300;
  background: hsl(225, 20%, 95%);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration__value {
    padding: 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-wrapper .content .form-group .durations .duration__value span {
  font-size: 1.2rem;
  display: block;
  font-weight: 100;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group {
  width: 50%;
  margin-bottom: 2rem;
  padding-right: 2rem;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group {
    width: 100%;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-control {
  margin-top: 1rem;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-control > span:not(.toggle-password) {
  display: none !important;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-control > span.toggle-password {
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: #6a8fcb;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.checkbox,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.input-file,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.checkbox-group,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.radio-group {
  width: 100%;
  padding-right: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.radio-group .radio-form {
  margin-top: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.input-file,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.checkbox,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.checkbox-group {
  margin-bottom: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.has-error .form-control input[type="text"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.has-error .form-control input[type="email"],
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.has-error .form-control input[type="password"] {
  border: 1px solid hsl(350, 83%, 55%);
  box-shadow: 0 0 0 3px hsla(350, 83%, 55%, 0.2);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.has-error > label {
  color: hsl(350, 83%, 55%) !important;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group.has-error.password-group .form-error .help-block.error {
  margin-top: 0.75rem;
  position: relative;
  top: auto;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-error {
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-error .help-block.error {
  color: hsl(350, 83%, 55%);
  font-size: 1.2rem;
  padding: 1rem;
  line-height: 1.2;
  width: 100%;
  margin-top: 0.5rem;
  display: block;
  text-align: center;
  background: hsl(350, 83%, 90%);
  border-radius: 3rem;
  position: absolute;
  top: 100%;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form #registration .content .form-group .form-error .help-block.error {
    margin-top: 0.75rem;
    position: relative;
    top: auto;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .alert a {
  text-decoration: underline;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .alert.alert-danger {
  width: 100%;
  background: hsl(350, 83%, 90%);
  text-align: center;
  padding: 1rem;
  color: hsl(350, 83%, 55%);
  border-radius: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .alert.alert-danger + .form-group {
  margin-top: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .alert.alert-info {
  background: hsl(216, 73%, 90%);
  border: 2px solid hsl(216, 73%, 51%);
  border-radius: 1rem;
  padding: 1rem;
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .alert.alert-warning {
  background: hsl(40, 95%, 90%);
  border: 2px solid hsl(40, 95%, 57%);
  border-radius: 1rem;
  padding: 1rem;
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .cover {
  background-image: url("orange-background.32a8d081603a.jpg");
  width: 100%;
  padding-bottom: 40%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .cover input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .cover:hover > .overlay > span {
  background: rgba(255, 255, 255, 0.2);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar {
  padding: 1rem 2rem 0 2rem;
  display: flex;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar {
    padding: 2rem 2rem 0 2rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar {
  position: relative;
  margin-top: -8rem;
  border: 5px solid white;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
  background-color: white;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar .user-avatar > span,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar .user-avatar img {
  width: 14rem;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar .user-avatar > span,
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar .user-avatar img {
    width: 10rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar .user-avatar > span {
  padding-bottom: 100%;
  background-size: cover;
  display: block;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar .profile-avatar:hover > .overlay > span {
  background: rgba(255, 255, 255, 0.2);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  color: white;
  background: hsla(225, 20%, 10%, 0.4);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .overlay > span {
  line-height: 1;
  padding: 1rem;
  border-radius: 3rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all ease 250ms;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .overlay > span i {
  font-size: 3rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar-edit-wrapper {
  display: flex;
  z-index: 2;
  width: 100%;
  margin-bottom: -1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar-edit-wrapper .profil-informations {
  flex: 1;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar-edit-wrapper .profil-informations {
    padding-left: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .avatar-edit-wrapper .profil-informations .username-wrapper {
  font-size: 2rem;
  display: flex;
  align-items: center;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery {
  width: 100%;
  position: relative;
  display: flex;
  margin-top: 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery img {
  display: block;
  width: 50%;
  padding: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery > div {
  margin-left: -5rem;
  margin-top: 1rem;
  font-size: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery > div {
    margin-left: 0;
    align-items: center;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery > div button {
  background: hsl(40, 95%, 57%);
  padding: 1rem 3rem;
  margin-top: 1.5rem;
  border-radius: 3rem;
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery > div p {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1px;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .empty-galery > div p small {
  font-size: 1.3rem;
  color: hsl(225, 20%, 75%);
  letter-spacing: 1px;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .filePreview-container {
  padding: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .filePreview-container .list-items {
  padding: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: hsl(225, 20%, 98%);
  padding: 2rem 3rem;
  flex-direction: row-reverse;
  align-items: center;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer button,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer a {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer button.next,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer a.next {
  background: hsl(216, 73%, 51%);
  color: white;
  padding: 1rem 4rem;
  border-radius: 3rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer button.next:disabled,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer a.next:disabled {
  background: hsl(216, 73%, 90%);
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer button.previous,
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .content-footer a.previous {
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .message {
    flex-wrap: wrap;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .message img {
    margin: 0 auto;
    width: 15rem;
    max-width: 90%;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .message .message-text {
    padding: 0;
    text-align: center;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .message .message-text h2 {
    text-align: center !important;
    margin-top: 2rem;
  }
}
.retry-certification {
  width: 100%;
  text-align: center;
}
.retry-certification button {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: white;
  padding: 1rem 4rem;
  border-radius: 3rem;
  background: hsl(216, 73%, 51%);
}
.retry-certification p {
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
  color: hsl(225, 20%, 60%);
}
.message {
  display: flex;
  margin-bottom: 1rem;
  align-items: center;
}
.message img {
  width: 25%;
  display: block;
}
.message .message-text {
  padding-left: 3rem;
}
.message .message-text h2 {
  line-height: 1.2 !important;
}
.message.sponsorship {
  background: white;
  padding: 1rem;
  border-radius: 10rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2), 0 15px 35px rgba(0, 0, 0, 0.1);
}
.message.sponsorship .user-avatar img {
  display: block;
  width: 13rem;
  border-radius: 50%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}
.message.sponsorship .user-avatar.mfstar:after {
  font-size: 1.8rem;
  transform: translate(0, 30%);
}
.message.sponsorship .message-text {
  padding-right: 2rem;
  padding-left: 4rem;
}
.message.sponsorship .message-text h2 {
  font-weight: 700;
  color: hsl(351, 90%, 64%);
  justify-content: flex-start;
  text-align: left;
  font-size: 2rem;
}
.message.sponsorship .message-text p {
  margin-top: 1rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .message.sponsorship {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
    border-radius: 2rem;
  }
  .message.sponsorship .user-avatar {
    margin-top: -3rem;
    margin-bottom: 2rem;
  }
  .message.sponsorship .user-avatar img {
    width: 10rem;
  }
  .message.sponsorship .message-text {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  }
  .message.sponsorship .message-text h2 {
    text-align: center;
  }
  .message.sponsorship .message-text p {
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
/* Modal */
.modal-share {
  width: 60rem;
  max-width: 100%;
}
.modal-share .form-content {
  padding: 1rem 2rem;
  position: relative;
}
.modal-share .form-content .input-box {
  position: relative;
}
.modal-share .form-content .input-box .user-avatar {
  position: absolute;
  top: 0;
}
.modal-share .form-content .input-box div[contenteditable] {
  border: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  margin-left: 5.5rem;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
  word-break: break-word;
}
.modal-share .form-content .input-box div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.modal-share .form-content .input-box textarea {
  width: 100%;
  display: none;
}
.modal-share .shared-post-preview {
  margin-left: 6.5rem;
  margin-right: 2rem;
  position: relative;
}
.modal-share .shared-post-preview .show-shared-post {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  color: hsl(225, 20%, 10%);
  border-radius: 3rem;
  z-index: 1;
  padding: 0.75rem 2rem;
  font-size: 1.5rem;
  margin: 0;
  font-weight: 700;
}
.modal-share .shared-post-preview .post--shared-content {
  border-radius: 1.5rem;
  border: 1px solid hsl(225, 20%, 95%);
  overflow: hidden;
  margin: 0;
  cursor: pointer;
  max-height: 25rem;
  pointer-events: none;
}
.modal-share .shared-post-preview .post--shared-content.extended {
  max-height: 100%;
}
.modal-share .modal-footer {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
}
.modal-share .modal-footer .submit {
  color: white;
  font-size: 1.5rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 10rem;
  background: hsl(216, 73%, 51%);
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 700;
}
.modal-share .modal-footer .cancel {
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.thumb-extraction-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 51;
  overflow: auto;
}
.thumb-extraction-wrapper .thumb-extraction {
  position: absolute;
  left: 50%;
  top: 3rem;
  margin-bottom: 3rem;
  width: 90rem;
  max-width: 100%;
  transform: translateX(-50%);
  background: white;
  border-radius: 1rem;
  overflow: hidden;
}
.thumb-extraction-wrapper .thumb-extraction h2 {
  margin: 0;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 1.5rem 1rem 1rem 1rem;
}
.thumb-extraction-wrapper .thumb-extraction .video-js {
  width: 100%;
  padding-top: 56.25% !important;
  height: 0 !important;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button {
  display: flex;
  padding: 1rem 0;
  margin: 0 1rem;
  border-top: 1px solid hsl(225, 20%, 95%);
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .capture,
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .cancel,
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .validation {
  margin: 0;
  border: none;
  padding: 1.5rem 4rem;
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 0.5rem;
  cursor: pointer;
  outline: none;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .capture {
  width: 100%;
  background: hsl(40, 95%, 57%);
  color: white;
  margin-right: 1rem;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .validation {
  background: hsl(138, 62%, 51%);
  color: white;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .cancel {
  color: hsl(225, 20%, 10%);
  margin-right: 1rem;
  border: 1px solid hsl(225, 20%, 95%);
}
@media screen and (max-width: 768px) {
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .capture {
    order: -1;
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .validation,
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-button .cancel {
    width: calc(50% - 0.5rem);
  }
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview {
  display: flex;
  padding: 0.5rem;
  overflow-x: auto;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper {
  margin: 0.5rem;
  background: hsl(225, 20%, 90%);
  flex: 0 0 25%;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper {
    flex: 0 0 50%;
  }
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .img-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  cursor: pointer;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .img-wrapper img {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  top: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .img-wrapper.selected:before {
  content: '';
  width: 100%;
  height: 100%;
  border: 5px solid hsl(138, 62%, 51%);
  position: absolute;
  z-index: 2;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .img-wrapper.selected:after {
  content: attr(data-position);
  position: absolute;
  right: 0;
  top: 0.5rem;
  padding: 0.25rem 1rem;
  background: hsl(138, 62%, 51%);
  color: white;
  font-size: 1.2rem;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .delete-thumb {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 5;
  padding: 1rem;
  border: none;
  background: white;
  cursor: pointer;
  outline: none;
  transform: translateX(100%);
  transition: all ease 250ms;
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .delete-thumb:before {
  content: "\f1f8";
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  color: hsl(350, 83%, 55%);
}
@media screen and (max-width: 768px) {
  .thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper .delete-thumb {
    transform: translateX(0);
  }
}
.thumb-extraction-wrapper .thumb-extraction .thumb-extraction-preview .thumb-wrapper:hover .delete-thumb {
  transform: translateX(0);
}
.thumb-extraction-backdrop {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 50;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
}
.wallet-debit-confirm .error {
  margin-top: 0;
  margin-bottom: 1rem;
  padding: 2rem;
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
  color: white;
  line-height: 1;
}
.wallet-debit-confirm__content {
  display: flex;
  align-items: center;
}
.wallet-debit-confirm__content .confirm-img-wrapper {
  flex: 0 0 8rem;
}
.wallet-debit-confirm__content .confirm-img-wrapper span {
  width: 100%;
  display: block;
  padding-bottom: 100%;
  border-radius: 50%;
  background-color: black;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.wallet-debit-confirm__content .confirm-infos {
  flex: 1;
  padding-left: 1.5rem;
  overflow: hidden;
}
.wallet-debit-confirm__content .confirm-infos p {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wallet-debit-confirm__content .confirm-infos span {
  color: hsl(40, 95%, 57%);
  font-size: 1.2rem;
}
.wallet-debit-confirm__content .confirm-price {
  padding: 0 1rem;
  font-size: 1.3rem;
  line-height: 1.2rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 1px;
}
.wallet-debit-confirm__content .confirm-price span {
  display: flex;
  justify-content: center;
  color: hsl(351, 90%, 64%);
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 3.5rem;
}
.modal-wrapper.unsubscribe-premium,
.modal-wrapper.wallet-debit-confirm {
  width: 45rem;
}
@media screen and (max-width: 768px) {
  .modal-wrapper.unsubscribe-premium,
  .modal-wrapper.wallet-debit-confirm {
    width: 100%;
  }
}
.modal-wrapper.unsubscribe-premium .modal-body,
.modal-wrapper.wallet-debit-confirm .modal-body {
  padding: 1rem;
}
.modal-wrapper.unsubscribe-premium .modal-footer,
.modal-wrapper.wallet-debit-confirm .modal-footer {
  padding: 1rem;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  background: hsl(225, 20%, 98%);
}
.modal-wrapper.unsubscribe-premium .modal-footer .submit,
.modal-wrapper.wallet-debit-confirm .modal-footer .submit {
  color: white;
  font-size: 1.5rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 10rem;
  background: hsl(138, 62%, 51%);
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 700;
}
.modal-wrapper.unsubscribe-premium .modal-footer .submit.alert,
.modal-wrapper.wallet-debit-confirm .modal-footer .submit.alert {
  background: hsl(350, 83%, 55%);
}
.modal-wrapper.unsubscribe-premium .modal-footer .cancel,
.modal-wrapper.wallet-debit-confirm .modal-footer .cancel {
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.modal-wrapper.unsubscribe-premium .modal-body {
  padding: 0;
}
.modal-wrapper.unsubscribe-premium .modal-body .modal-text {
  padding-bottom: 2rem;
}
.avatar-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
}
.avatar-popup-wrapper .backdrop {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  background: hsla(225, 20%, 10%, 0.8);
}
@media screen and (max-width: 768px) {
  .avatar-popup-wrapper .backdrop {
    background: hsla(225, 20%, 10%, 0.9);
  }
}
.avatar-popup-wrapper .form-error {
  margin: 2rem;
  color: hsl(350, 83%, 55%);
}
.avatar-popup-wrapper .avatar-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60rem;
  max-width: 100%;
  background: white;
  transform: translate(-50%, -50%);
  z-index: 2;
  border-radius: 1.5rem;
  overflow: hidden;
}
.avatar-popup-wrapper .avatar-popup .popup-header {
  background: hsl(225, 20%, 95%);
  padding: 2rem;
}
.avatar-popup-wrapper .avatar-popup .popup-header h2 {
  margin: 0;
  text-align: center;
  font-size: 2rem;
  letter-spacing: 1px;
  line-height: 1.2;
}
.avatar-popup-wrapper .avatar-popup .popup-header p {
  margin: 0;
  text-align: center;
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
}
.avatar-popup-wrapper .avatar-popup .popup-content .alert-danger {
  width: 100%;
  background: hsl(350, 83%, 90%);
  text-align: center;
  padding: 1rem;
  color: hsl(350, 83%, 55%);
}
.avatar-popup-wrapper .avatar-popup .popup-content .cover {
  background-image: url("orange-background.32a8d081603a.jpg");
  width: 100%;
  padding-bottom: 40%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  cursor: pointer;
}
.avatar-popup-wrapper .avatar-popup .popup-content .cover input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
.avatar-popup-wrapper .avatar-popup .popup-content .cover:hover > .overlay > span {
  background: rgba(255, 255, 255, 0.2);
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar {
  padding: 1rem;
  display: flex;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar {
  position: relative;
  margin-top: -9rem;
  border: 5px solid white;
  border-radius: 50%;
  overflow: hidden;
  z-index: 1;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar input {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar .user-avatar > span,
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar .user-avatar img {
  width: 14rem;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar .user-avatar > span {
  padding-bottom: 100%;
  background-size: cover;
  display: block;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar:hover > .overlay > span {
  background: rgba(255, 255, 255, 0.2);
}
.avatar-popup-wrapper .avatar-popup .popup-content .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  z-index: 1;
  align-items: center;
  justify-content: center;
  color: white;
  background: hsla(225, 20%, 10%, 0.4);
}
.avatar-popup-wrapper .avatar-popup .popup-content .overlay > span {
  line-height: 1;
  padding: 1rem;
  border-radius: 3rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  transition: all ease 250ms;
}
.avatar-popup-wrapper .avatar-popup .popup-content .overlay > span i {
  font-size: 3rem;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar-edit-wrapper {
  display: flex;
  padding: 1rem;
  z-index: 2;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar-edit-wrapper .profil-informations {
  flex: 1;
  padding-top: 1.5rem;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}
.avatar-popup-wrapper .avatar-popup .popup-content .avatar-edit-wrapper .profil-informations .username-wrapper {
  font-size: 2rem;
  display: flex;
  align-items: center;
}
.avatar-popup-wrapper .avatar-popup .popup-footer {
  padding: 1rem;
  display: flex;
  justify-content: flex-end;
  background: hsl(225, 20%, 95%);
}
.avatar-popup-wrapper .avatar-popup .popup-footer .submit {
  color: white;
  font-size: 1.5rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 10rem;
  background: hsl(216, 73%, 51%);
  letter-spacing: 1px;
  line-height: 1;
  font-weight: 700;
}
.avatar-popup-wrapper .avatar-popup .popup-footer .cancel {
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.avatar-popup-wrapper .avatar-popup .emoji-picker {
  position: relative;
}
.avatar-popup-wrapper .avatar-popup .emoji-picker__button {
  padding: 1rem 1.25rem;
  background: hsl(225, 20%, 95%);
  margin-right: 1rem;
  border-radius: 50%;
}
.avatar-popup-wrapper .avatar-popup .emoji-picker emoji-picker {
  --num-columns: 9;
  --emoji-size: 2rem;
  --border-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 100%;
}
.avatar-popup-wrapper .avatar-popup .form-group {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  align-items: flex-start;
}
.avatar-popup-wrapper .avatar-popup .form-control {
  width: 100%;
}
.avatar-popup-wrapper .avatar-popup .form-control textarea {
  display: none;
}
.avatar-popup-wrapper .avatar-popup .form-control [contenteditable] {
  width: 100%;
  background: hsl(225, 20%, 95%);
  border-radius: 1rem;
  min-height: 8rem;
  max-height: 15rem;
  padding: 1rem;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .avatar-popup-wrapper .avatar-popup {
    top: auto;
    bottom: 5rem;
    transform: translate(0);
    left: 0;
    border-radius: 0;
    width: 100%;
  }
  .avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar {
    margin-top: -6rem;
  }
  .avatar-popup-wrapper .avatar-popup .popup-content .avatar .profile-avatar .user-avatar img {
    width: 8rem;
  }
  .avatar-popup-wrapper .avatar-popup .avatar-edit-wrapper .profil-informations {
    padding-top: 1rem;
  }
  .avatar-popup-wrapper .avatar-popup .avatar-edit-wrapper .profil-informations .username-wrapper {
    font-size: 1.5rem;
  }
}
.modal-wrapper.delete-chat-conversation {
  width: 45rem;
}
@media screen and (max-width: 768px) {
  .modal-wrapper.delete-chat-conversation {
    width: 100%;
  }
}
.modal-wrapper.report {
  width: 45rem;
}
@media screen and (max-width: 768px) {
  .modal-wrapper.report {
    width: 100%;
  }
}
.modal-wrapper.report .modal-body {
  padding: 1rem;
}
.modal-wrapper.report .modal-body div[contenteditable],
.modal-wrapper.report .modal-body textarea {
  width: 100%;
  border: 1px solid #f3f3f3;
  font-size: 1.4rem;
  padding: 1rem;
  border-radius: 1rem;
  background: #f3f3f3;
  outline: none;
  font-weight: 500;
  margin-top: 1rem;
}
.modal-wrapper.report .modal-footer {
  padding: 1rem;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  background: hsl(225, 20%, 98%);
}
.modal-wrapper.report .modal-footer .cancel {
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.announcement-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
}
.announcement-modal-wrapper .announcement {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.5rem;
  width: 100%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  background: white;
  max-width: 55rem;
  max-height: 100%;
  overflow: auto;
}
.announcement-modal-wrapper .announcement .announcement-header {
  padding: 2rem;
}
.announcement-modal-wrapper .announcement .announcement-header .announcement-title {
  padding-bottom: 2rem;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.4;
  font-size: 1.8rem;
  color: hsl(351, 90%, 64%);
}
.announcement-modal-wrapper .announcement .announcement-header .announcement-title .announcement-date {
  font-size: 1.3rem;
  display: block;
  font-weight: 500;
  text-transform: none;
  color: hsl(225, 20%, 75%);
}
.announcement-modal-wrapper .announcement .announcement-header .announcement-cover {
  display: block;
  width: 100%;
  padding-bottom: 56.5%;
  height: 0;
  position: relative;
  background-size: cover;
  background-position: center;
  border-radius: 1.5rem;
}
.announcement-modal-wrapper .announcement .announcement-content {
  padding: 0 2rem;
}
.announcement-modal-wrapper .announcement .announcement-content .announcement-title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: hsl(351, 90%, 64%);
  display: flex;
  align-items: baseline;
}
.announcement-modal-wrapper .announcement .announcement-content .announcement-title:after {
  content: '';
  width: 100%;
  background: linear-gradient(90deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
  height: 2px;
  margin-left: 1rem;
  border-radius: 1rem;
}
.announcement-modal-wrapper .announcement .announcement-content .announcement-text p:first-child {
  margin: 0;
}
.announcement-modal-wrapper .announcement .announcement-content .medias {
  margin: 2rem 0;
}
.announcement-modal-wrapper .announcement .announcement-footer {
  padding: 2rem;
  display: flex;
  justify-content: flex-end;
}
.announcement-modal-wrapper .announcement .announcement-footer button {
  padding: 1rem 2rem;
  font-size: 1.3rem;
  font-weight: 700;
  margin: 0 0.5rem;
}
.announcement-modal-wrapper .announcement .announcement-footer button.submit-danger {
  color: white;
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
}
.announcement-modal-wrapper .announcement .announcement-footer button.submit-valid {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
}
.announcement-modal-wrapper .announcement .announcement-footer button.cancel {
  color: hsl(225, 20%, 60%);
  background: transparent;
  border-radius: 2rem;
}
.announcement-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.modal-preview {
  background: hsl(351, 90%, 64%);
  border-radius: 3rem;
  padding: 1.5rem;
  display: block;
  color: white;
  margin: 2rem 0;
  text-align: center;
}
.preview-title {
  background: white;
  padding: 2rem 2rem 0 2rem;
  border-radius: 1.5rem 1.5rem 0 0;
}
.preview-title p {
  margin: 0;
  text-align: center;
  font-weight: 700;
}
.preview-title + .post.announcement {
  border-radius: 0 0 1.5rem 1.5rem;
}
.tingle-modal-cover-cropper .tingle-modal-box .tingle-modal-box__footer {
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  border-radius: 0 0 1.5rem 1.5rem;
}
.tingle-modal-cover-cropper .tingle-modal-box .tingle-modal-box__footer .tingle-btn {
  display: block;
  border-radius: 4rem;
  margin: 0;
  padding: 1rem 3rem;
}
.tingle-modal-cover-cropper .tingle-modal-box .tingle-modal-box__footer .tingle-btn:first-child {
  margin-left: 0.5rem;
}
.img-cropper-modal {
  border-radius: 1.5rem 1.5rem 0 0 !important;
}
.img-cropper-modal .img-container {
  width: 50rem;
  max-width: 100%;
  padding-bottom: 100%;
  height: 0;
  position: relative;
}
.img-cropper-modal .img-container .cropper-container {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
}
.rs-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
  overflow: auto;
}
.rs-modal-wrapper .rs-modal {
  width: 50rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 10px solid #f2f2f2;
  z-index: 6;
  border-radius: 2rem;
  padding: 4rem 2rem 2rem 2rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.rs-modal-wrapper .rs-modal .close {
  position: absolute;
  right: 0;
  top: 0;
}
.rs-modal-wrapper .rs-modal .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  padding: 1rem 2rem;
  font-size: 1.8rem;
  display: block;
}
.rs-modal-wrapper .rs-modal h2 {
  color: black;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 0;
  text-align: center;
  display: block;
}
.rs-modal-wrapper .rs-modal p {
  text-align: center;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
}
.rs-modal-wrapper .rs-modal a {
  padding: 2rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: black;
  width: 100%;
  color: white;
  border-radius: 4rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin-top: 1rem;
}
.rs-modal-wrapper .rs-modal a svg {
  height: 2rem;
  margin-right: 1rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding-right: 1rem;
  display: block;
  fill: white;
}
.rs-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.tips-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
}
.tips-modal-wrapper .tips-modal {
  width: 40rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 6;
  border-radius: 2rem;
  padding: 4rem 2rem 2rem 2rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.tips-modal-wrapper .tips-modal .close {
  position: absolute;
  right: 0;
  top: 0;
}
.tips-modal-wrapper .tips-modal .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  padding: 1rem 2rem;
  font-size: 1.8rem;
  display: block;
}
.tips-modal-wrapper .tips-modal h2 {
  text-align: center;
  letter-spacing: 1px;
  color: hsl(225, 20%, 10%);
  font-weight: 300;
  margin: 0;
  line-height: 1.4;
}
.tips-modal-wrapper .tips-modal h2 strong {
  display: block;
  color: hsl(40, 95%, 57%);
  text-transform: uppercase;
  font-weight: 600;
}
.tips-modal-wrapper .tips-modal form .alert.alert-danger,
.tips-modal-wrapper .tips-modal form .help-block.error {
  width: 100%;
  display: block;
  padding: 1rem;
  text-align: center;
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
  margin-top: 1rem;
  color: white;
}
.tips-modal-wrapper .tips-modal form .form-group {
  margin-bottom: 2rem;
}
.tips-modal-wrapper .tips-modal form .form-group label {
  position: relative;
  display: block;
  margin-top: 1rem;
}
.tips-modal-wrapper .tips-modal form .form-group small {
  margin-top: 0.5rem;
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  display: block;
  letter-spacing: 1px;
  padding: 0 1rem;
}
.tips-modal-wrapper .tips-modal form .form-group .input-wrapper {
  position: relative;
}
.tips-modal-wrapper .tips-modal form .form-group .input-wrapper i {
  position: absolute;
  left: 1rem;
  top: 2.25rem;
  transform: translateY(-50%);
  font-size: 1.8rem;
  margin-top: -2px;
  opacity: 0.3;
}
.tips-modal-wrapper .tips-modal form .form-group input {
  width: 100%;
  border: none;
  border-bottom: 1px solid hsl(225, 20%, 90%);
  padding: 1rem;
  outline: none;
  font-weight: 500;
  color: hsl(225, 20%, 10%);
  display: block;
  padding-left: 4rem;
}
.tips-modal-wrapper .tips-modal form .form-group input::-moz-placeholder {
  color: hsl(225, 20%, 75%);
}
.tips-modal-wrapper .tips-modal form .form-group input:-ms-input-placeholder {
  color: hsl(225, 20%, 75%);
}
.tips-modal-wrapper .tips-modal form .form-group input::placeholder {
  color: hsl(225, 20%, 75%);
}
.tips-modal-wrapper .tips-modal form .form-group input[type="number"] {
  font-size: 1.8rem;
}
.tips-modal-wrapper .tips-modal form .form-group input[type="text"] {
  font-size: 1.5rem;
  padding-left: 1rem;
}
.tips-modal-wrapper .tips-modal form .form-group input:focus {
  border-bottom: 1px solid hsl(225, 20%, 60%);
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group {
  width: 100%;
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group input[type="checkbox"],
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group input[type="radio"] {
  display: none;
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group input[type="checkbox"]:checked + label:before,
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group input[type="radio"]:checked + label:before {
  content: "\f058";
  color: #f0ac3d;
  font-weight: 600;
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  padding-bottom: 0;
  color: hsl(225, 20%, 10%);
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
  top: calc(50% - 0.1rem);
  transform: translate(0, -50%);
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group .form-error {
  display: none;
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group.has-error label:before {
  color: hsl(350, 83%, 55%);
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group.has-error a {
  color: hsl(350, 83%, 55%);
  text-decoration: none;
}
.tips-modal-wrapper .tips-modal form .form-group.checkbox-group.has-error a:hover {
  text-decoration: underline;
}
.tips-modal-wrapper .tips-modal form .validation {
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  border-radius: 3rem;
  margin-top: 1rem;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: 500;
  color: white;
  background: linear-gradient(45deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
}
.tips-modal-wrapper .tips-modal form .validation i {
  margin-right: 1rem;
}
.tips-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.appointment-confirm-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
}
.appointment-confirm-modal-wrapper .appointment-confirm {
  width: 45rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 6;
  border-radius: 2rem;
  padding: 4rem 2rem 2rem 2rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
@media screen and (max-width: 768px) {
  .appointment-confirm-modal-wrapper .appointment-confirm {
    top: 0;
    transform: translate(0, 0);
    left: 0;
    overflow: auto;
    max-height: 100%;
  }
}
.appointment-confirm-modal-wrapper .appointment-confirm .close {
  position: absolute;
  right: 0;
  top: 0;
}
.appointment-confirm-modal-wrapper .appointment-confirm .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  padding: 1rem 2rem;
  font-size: 1.8rem;
  display: block;
}
.appointment-confirm-modal-wrapper .appointment-confirm > img {
  width: 100%;
  max-width: 30rem;
  display: block;
  margin: -12rem auto 3rem auto;
}
@media screen and (max-width: 768px) {
  .appointment-confirm-modal-wrapper .appointment-confirm > img {
    margin: -2rem auto 3rem auto;
  }
}
.appointment-confirm-modal-wrapper .appointment-confirm h2 {
  text-align: center;
  letter-spacing: 1px;
  color: hsl(138, 62%, 51%);
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}
.appointment-confirm-modal-wrapper .appointment-confirm .subtitle {
  text-align: center;
  color: hsl(225, 20%, 60%);
  margin-top: 0;
  font-size: 1.2rem;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder {
  border-top: 1px solid hsl(225, 20%, 95%);
  padding-top: 2rem;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder p {
  margin: 0;
  font-size: 1.4rem;
  text-align: center;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .input-tel {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  border-radius: 5rem;
  outline: none;
  margin: 2rem auto 1rem auto;
  align-items: center !important;
  color: hsl(225, 20%, 60%);
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .input-tel > input {
  width: 100%;
  border: none;
  border-left: 1px solid hsl(225, 20%, 90%);
  padding: 1.5rem 0;
  padding-left: 2rem;
  font-size: inherit;
  color: hsl(225, 20%, 10%);
  outline: none;
  background: transparent;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group {
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group input[type="checkbox"],
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group input[type="radio"] {
  display: none;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group input[type="checkbox"]:checked + label:before,
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group input[type="radio"]:checked + label:before {
  content: "\f058";
  color: #f0ac3d;
  font-weight: 600;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group label {
  text-align: left;
  display: block;
  position: relative;
  padding-left: 2.5rem;
  cursor: pointer;
  line-height: 1.5rem;
  padding-bottom: 0;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group label:before {
  content: "\f111";
  position: absolute;
  left: 0;
  font-family: 'Font Awesome 5 Pro';
  font-weight: normal;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
  top: calc(50% - 0.1rem);
  transform: translate(0, -50%);
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group label small {
  color: hsl(138, 62%, 51%);
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group label small > span {
  position: relative;
  margin-right: 0.5rem;
  color: hsl(225, 20%, 40%);
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group label small > span:after {
  content: '';
  border-bottom: 2px solid hsl(225, 20%, 40%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group .form-error {
  display: none;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group.has-error label:before {
  color: hsl(350, 83%, 55%);
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group.has-error a {
  color: hsl(350, 83%, 55%);
  text-decoration: none;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form .checkbox-group.has-error a:hover {
  text-decoration: underline;
}
.appointment-confirm-modal-wrapper .appointment-confirm .phone-reminder form button {
  color: white;
  width: 100%;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: block;
  margin: 0 auto;
}
.appointment-confirm-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.modal-wrapper.blacklist {
  width: 45rem;
}
@media screen and (max-width: 768px) {
  .modal-wrapper.blacklist {
    width: 100%;
  }
}
.modal-wrapper.blacklist .modal-body {
  padding: 1rem;
}
.modal-wrapper.blacklist .modal-body div ul {
  list-style: disc;
}
.modal-wrapper.blacklist .modal-body div ul li {
  margin-left: 5rem;
}
.modal-wrapper.blacklist .modal-footer {
  padding: 1rem;
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
  background: hsl(225, 20%, 98%);
}
.modal-wrapper.blacklist .modal-footer .cancel {
  padding: 1.5rem 2rem 1.5rem 2rem;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-size: 1.5rem;
}
.image-transformer__modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 7;
  top: 0;
  left: 0;
}
.image-transformer__modal-wrapper .image-transformer__modal {
  width: 60rem;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 6;
  border-radius: 2rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
@media screen and (max-width: 768px) {
  .image-transformer__modal-wrapper .image-transformer__modal {
    top: initial;
    bottom: 0;
    transform: translate(0);
    left: 0;
    margin-bottom: 5rem;
    border-radius: 0;
    overflow: auto;
    max-height: calc(100% - 15rem);
  }
}
.image-transformer__modal-wrapper .image-transformer__modal h2 {
  margin: 0;
  padding: 2rem;
}
.image-transformer__modal-wrapper .image-transformer__modal .img-container {
  width: 100%;
  max-height: 400px;
  background: hsl(225, 20%, 95%);
}
.image-transformer__modal-wrapper .image-transformer__modal .img-container img {
  display: block;
  /* This rule is very important, please don't ignore this */
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container {
  background: hsl(225, 20%, 95%);
  display: grid;
  grid-template-columns: 40% repeat(3, minmax(5rem, 20%));
  gap: 1rem;
  padding: 1rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container {
    grid-template-columns: auto;
  }
  .image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container .image-transformer-modal__rotation-slider {
    grid-column: 1/4;
    padding: 1rem 0;
  }
  .image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container button {
    grid-column: auto;
  }
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container button {
  text-align: center;
  width: 100%;
  background: hsl(216, 73%, 51%);
  border-radius: 1rem;
  padding: 1rem;
  color: white;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__actions-container button i {
  pointer-events: none;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer-modal__rotation-slider input {
  width: 100%;
  margin: 0;
  display: block;
}
.image-transformer__modal-wrapper .image-transformer__modal .close {
  position: absolute;
  right: 0;
  top: 0;
}
.image-transformer__modal-wrapper .image-transformer__modal .close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  padding: 1rem 2rem;
  font-size: 1.8rem;
  display: block;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__modal-actions {
  display: flex;
  padding: 2rem;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__modal-actions button {
  width: 100%;
  padding: 1.5rem;
  border-radius: 3rem;
  letter-spacing: 1px;
  font-size: 1.5rem;
  font-weight: 500;
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__modal-actions button.validation {
  color: white;
  background: linear-gradient(45deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
}
.image-transformer__modal-wrapper .image-transformer__modal .image-transformer__modal-actions button.cancel {
  color: hsl(225, 20%, 75%);
}
.image-transformer__modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
.cropper-container {
  touch-action: auto;
}
.cropper-crop-box {
  touch-action: none;
}
.image-transformer__modal-wrapper__staff .img-container {
  width: 100%;
  max-height: 400px;
}
.image-transformer__modal-wrapper__staff .img-container img {
  display: block;
  /* This rule is very important, please don't ignore this */
  max-width: 100%;
}
.on-live-modal {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  left: 0;
  top: 0;
  align-items: center;
}
.on-live-modal__content {
  width: 100%;
  max-width: 74rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.on-live-modal__content--live {
  background-size: cover;
  padding: 1rem;
  color: white;
  background-color: black;
}
.on-live-modal__content--live .modal__content__background {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
  z-index: 0;
  filter: blur(10px);
  transform: scale(1.5);
}
@media screen and (max-width: 768px) {
  .on-live-modal__content--live {
    height: 100%;
    width: 100%;
    padding: 0;
    border-radius: 0;
  }
}
.on-live-modal__header {
  display: flex;
  align-items: center;
  z-index: 1;
  position: relative;
}
.on-live-modal__title {
  flex: 1;
  margin: 0;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .on-live-modal__title {
    padding: 1rem;
  }
}
.on-live-modal__title--center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .on-live-modal__title--center {
    text-align: left;
  }
}
.on-live-modal__title .uppercase {
  color: hsl(138, 62%, 51%);
  text-transform: uppercase;
}
.on-live-modal__close {
  padding: 1rem;
}
.on-live-modal__close:before {
  font-size: 2rem;
  content: "\f00d";
  font-family: 'Font Awesome 5 Pro';
}
.on-live-modal__body {
  flex: 1;
  z-index: 1;
  position: relative;
}
.on-live-modal__backdrop {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.on-live-modal .live {
  padding-bottom: 56.5%;
}
@media screen and (max-width: 768px) {
  .on-live-modal .live {
    padding-bottom: 0;
    height: 100%;
  }
}
.on-live-modal .live__cover {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  background-position: center;
  background-size: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2rem;
  overflow: hidden;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .on-live-modal .live__cover {
    border-radius: 0;
  }
}
.on-live-modal .live__cover:after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-bottom: 25%;
  background: linear-gradient(0, black, transparent);
}
@media screen and (max-width: 768px) {
  .on-live-modal .live__cover:after {
    padding-bottom: 0;
    height: 33%;
  }
}
.on-live-modal .live__infos {
  flex: 1;
  display: flex;
  z-index: 1;
  position: relative;
  align-items: center;
  max-width: 100%;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .on-live-modal .live__infos {
    flex-wrap: wrap;
  }
}
.on-live-modal .live__infos .user-avatar.normal {
  width: 6rem;
}
.on-live-modal .live__infos .user-avatar.normal img {
  width: 100%;
}
.on-live-modal .live__user {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  overflow: hidden;
}
.on-live-modal .live__username {
  font-weight: bold;
}
.on-live-modal .live__description {
  color: hsl(225, 20%, 75%);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.on-live-modal .live__cta {
  background: hsl(138, 62%, 51%);
  padding: 1rem 2rem;
  text-transform: uppercase;
  border-radius: 1rem;
  font-weight: bold;
  z-index: 1;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .on-live-modal .live__cta {
    width: 100%;
    padding: 2rem;
    margin-top: 1rem;
  }
}
.reupload-form-modal .alert {
  display: block;
  padding: 1rem;
  margin: 2rem 0;
  text-align: center;
  border-radius: 1rem;
}
.reupload-form-modal .alert.alert-danger {
  background-color: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 55%);
}
.reupload-form-modal .alert:empty {
  display: none;
}
.reupload-form-modal form > .alert {
  margin: 1.2rem 2rem 0;
}
.reupload-form-modal .form-wrapper.reupload-form-wrapper .form-group .form-control {
  padding-left: 0;
}
.reupload-form-modal .form-upload {
  width: 20rem;
  margin: 20px auto;
}
.reupload-form-modal .modal-footer {
  padding: 2rem;
  background: hsl(225, 20%, 95%);
}
.reupload-form-modal .modal-footer button {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
}
.reupload-form-modal .modal-footer button .submit-reupload-form--idle {
  display: inline-block;
}
.reupload-form-modal .modal-footer button .submit-reupload-form--progress {
  display: none;
}
.reupload-form-modal .modal-footer button.loading {
  cursor: not-allowed;
  opacity: 0.4;
}
.reupload-form-modal .modal-footer button.loading .submit-reupload-form--idle {
  display: none;
}
.reupload-form-modal .modal-footer button.loading .submit-reupload-form--progress {
  display: inline-block;
}
.main-modal {
  position: fixed;
  z-index: 101;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.main-modal:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(47, 53, 70, 0.9);
  z-index: 1;
}
.main-modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  transform: translate(-50%, -50%);
  z-index: 5;
  background: white;
  border-radius: 1.5rem;
  overflow: auto;
  max-height: calc(100% - 4rem);
}
.main-modal__content--transparent {
  background: transparent;
  border-radius: 0;
}
.main-modal__content--transparent .main-modal__body {
  padding: 0;
}
.main-modal__form .alert {
  border-radius: 0;
}
.main-modal__form .alert a {
  text-decoration: underline !important;
}
.main-modal__form .form-error {
  color: hsl(350, 83%, 55%);
}
.main-modal__form .form-group {
  flex: 0 0 30%;
  color: hsl(225, 20%, 60%);
  flex-wrap: wrap;
  flex-direction: column;
  padding: 2rem 0 2rem 0;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.main-modal__form .form-group label {
  flex: 1;
  margin-bottom: 1rem;
  display: block;
}
.main-modal__form .form-group .form-control {
  flex: auto;
  width: 100%;
  padding-left: 0;
}
.main-modal__form .form-group .form-control__select {
  width: 100%;
  position: relative;
  margin-top: 1rem;
}
.main-modal__form .form-group .form-control__select--input,
.main-modal__form .form-group .form-control__select > select {
  padding: 1.5rem 2rem;
  border: 1px solid hsl(225, 20%, 95%);
  border-radius: 5rem;
  font-family: 'noto-sans', sans-serif;
  font-size: 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  cursor: pointer;
  background: hsl(225, 20%, 95%);
}
.main-modal__form .form-group .form-control__select:after {
  position: absolute;
  right: 2rem;
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}
.main-modal__form .form-group .form-control .select2-container {
  max-width: 100%;
}
.main-modal__form .form-group .form-control div[contenteditable],
.main-modal__form .form-group .form-control textarea,
.main-modal__form .form-group .form-control input[type="datetime-local"],
.main-modal__form .form-group .form-control input[type="password"],
.main-modal__form .form-group .form-control input[type="text"] {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
}
.main-modal__form .form-group .form-control textarea {
  border-radius: 1.5rem;
}
.main-modal__form .form-group.checkbox {
  width: 100%;
  flex-wrap: wrap;
}
.main-modal__form .form-group.checkbox.disabled {
  background-color: hsl(225, 20%, 95%);
}
.main-modal__form .form-group.checkbox label {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 60%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
}
.main-modal__form .form-group.checkbox label > span {
  color: hsl(225, 20%, 60%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.5rem;
  padding-right: 2rem;
}
.main-modal__form .form-group.checkbox label > span a {
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  font-weight: 700;
}
.main-modal__form .form-group.checkbox label > span .form-error {
  display: block;
}
@media screen and (max-width: 768px) {
  .main-modal__form .form-group.checkbox label > span {
    padding-right: 1rem;
  }
}
.main-modal__form .form-group.checkbox label > span small {
  display: block;
  color: hsl(225, 20%, 75%);
  text-transform: none;
}
.main-modal__form .form-group.checkbox label .convert-result p {
  font-size: 3rem;
  margin: 0;
  font-weight: 700;
  color: hsl(138, 62%, 51%);
}
.main-modal__form .form-group.checkbox label .slider {
  position: relative;
  cursor: pointer;
}
.main-modal__form .form-group.checkbox label .slider .background {
  background: hsl(225, 20%, 95%);
  display: block;
  border-radius: 2rem;
  padding: 0.9rem 2.5rem;
}
.main-modal__form .form-group.checkbox label .slider .button {
  position: absolute;
  display: block;
  padding: 1.2rem;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translate(0%, -50%);
  transition: all ease 250ms;
}
.main-modal__form .form-group.checkbox input[type="checkbox"],
.main-modal__form .form-group.checkbox input[type="radio"] {
  display: none;
}
.main-modal__form .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.main-modal__form .form-group.checkbox input[type="radio"]:checked + label .slider .background {
  background: hsla(351, 90%, 64%, 0.2);
}
.main-modal__form .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.main-modal__form .form-group.checkbox input[type="radio"]:checked + label .slider .button {
  left: 100%;
  transform: translate(-100%, -50%);
  background: hsl(351, 90%, 64%);
}
.main-modal__form#premium-subscription-product-creation {
  width: 40rem;
  max-width: 100%;
}
.main-modal__form .main-modal__footer {
  margin-top: 2rem;
}
.main-modal__close {
  background: hsl(40, 95%, 57%);
  outline: none;
  border-radius: 1rem;
  width: 3rem;
  height: 3rem;
  position: fixed;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 1000;
  border: none;
  font-size: 0;
  color: #fff;
  cursor: pointer;
}
.main-modal__close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  pointer-events: none;
  font-size: 1.8rem;
}
.main-modal__header {
  display: flex;
  padding: 1rem 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}
.main-modal__close-btn {
  font-size: 1.8rem;
  padding: 1rem;
  font-weight: 100;
  color: hsl(351, 90%, 64%);
  z-index: 2;
  display: block;
}
.main-modal__close-btn:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  pointer-events: none;
}
.main-modal__body {
  padding: 2rem;
}
.main-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 2rem 2rem 2rem;
}
.main-modal__footer > * {
  margin-right: 1rem;
}
.main-modal__footer > *:last-child {
  margin-right: 0;
}
.main-modal__btn {
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 2rem;
  background: hsl(225, 20%, 95%);
  color: hsl(225, 20%, 10%);
  font-weight: bold;
}
.main-modal__btn--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
.main-modal__btn--red {
  background: hsl(350, 83%, 55%);
  color: white;
}
.main-modal__btn--bordered {
  background: transparent;
  border: 1px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
@media screen and (max-width: 768px) {
  .main-modal {
    display: flex;
    align-items: flex-end;
  }
  .main-modal__content {
    position: relative;
    bottom: 0;
    top: auto;
    left: 0;
    border-radius: 0;
    width: 100%;
    transform: none;
  }
}
/* User Style */
.user-avatar {
  position: relative;
  z-index: 1;
}
.user-avatar:before {
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.user-avatar > span,
.user-avatar img {
  overflow: hidden;
  display: block;
  z-index: 1;
  border-radius: 50%;
  width: 100%;
}
.user-avatar--mfstar:after {
  content: "\f3b1";
  font-family: "Font Awesome 5 Brands";
  color: hsl(40, 95%, 57%);
  padding: 0.5rem 0.55rem;
  border-radius: 2rem;
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1rem;
  transform: translate(40%, -40%);
  z-index: 3;
}
.user-avatar.small > span,
.user-avatar.small img {
  width: 2.5rem;
}
.user-avatar--normal > span,
.user-avatar--normal img {
  width: 4rem;
}
.user-avatar--medium > span,
.user-avatar--medium img {
  width: 7rem;
}
.user-avatar--large > span,
.user-avatar--large img {
  width: 10rem;
}
.user-avatar--online:after {
  content: '';
  width: 1rem;
  height: 1rem;
  background-color: hsl(138, 62%, 51%);
  position: absolute;
  top: 10%;
  right: 10%;
  border-radius: 50%;
}
.user-avatar--on-live .on-live__border {
  position: absolute;
  width: calc(100% + 10px);
  height: calc(100% + 10px);
  border: 2px solid #36d063;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-avatar--story {
  padding: 3px;
  border: 2px solid #F77155;
  border-radius: 50%;
}
.username {
  font-weight: 700;
  color: hsl(225, 20%, 10%);
  line-height: 1.3;
  display: flex;
  align-items: baseline;
}
.username .username-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  font-size: inherit;
  margin: inherit;
  font-weight: bold;
}
.username .user-type {
  margin-left: 0.5rem;
  display: inline-flex;
}
.username .user-type:before,
.username .user-type:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  display: block;
}
.username .user-type.moderator:before {
  content: '\f132' !important;
  color: hsl(138, 62%, 51%) !important;
}
.username .user-type.certified:before {
  content: "\f336" !important;
  color: hsl(216, 73%, 51%) !important;
}
.username .user-type.mercifans:before {
  content: "\f336" !important;
  color: hsl(351, 90%, 64%) !important;
  font-size: 1.3rem;
}
.username .user-type.moderator:after {
  content: '' !important;
  color: hsl(138, 62%, 51%) !important;
}
/* Header and Footer */
header {
  position: absolute;
  top: 0;
  background-color: hsl(0, 0%, 100%);
  width: 100%;
  z-index: 8;
  left: 0;
}
header nav {
  background-color: hsl(0, 0%, 100%);
  z-index: 3;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
header nav .appointment-soon {
  width: 100%;
  background: hsl(138, 62%, 51%);
  padding: 1rem;
  text-align: center;
  color: white;
}
header nav .appointment-soon a {
  display: inline-block;
  padding: 0.5rem 2rem 0.5rem 2rem;
  border-radius: 3rem;
  margin: 0.5rem 1rem;
  border: 1px solid white;
}
@media screen and (max-width: 768px) {
  header nav .appointment-soon {
    padding: 2rem;
  }
  header nav .appointment-soon span,
  header nav .appointment-soon a {
    display: block;
  }
}
header nav:before {
  content: '';
  width: 100%;
  height: 0.5rem;
  display: block;
  z-index: 4;
  position: relative;
  background: linear-gradient(90deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
}
header nav > .container {
  padding: 0 1rem;
  display: flex;
  justify-content: space-between;
}
header nav .dropdown-language > button {
  display: flex;
  font-size: 1.5rem;
  color: hsl(225, 20%, 10%);
  padding: 1rem;
  align-items: center;
}
header nav .dropdown-language > button i {
  pointer-events: none;
  margin-left: 0.5rem;
  font-size: 1rem;
}
header nav .dropdown-language .dropdown-menu {
  max-height: 20rem;
  overflow: auto;
}
header nav .dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
header nav .dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
header nav .dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
header nav .dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
header nav .dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
header nav .dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
header nav .dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
header nav .center-navbar {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 768px) {
  header nav .center-navbar {
    justify-content: center;
  }
}
header nav .center-navbar .brand-logo {
  background: url("swame-white.c96a1ff2255d.svg") no-repeat center;
  height: 7rem;
  background-size: 100%;
  padding: 0;
  width: 15rem;
}
header nav .center-navbar .header-btn {
  margin: 0 0.5rem;
  display: flex;
  color: white;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 2rem;
  border-radius: 1rem;
  background: transparent;
  font-weight: 500;
  padding: 1.2rem 2.5rem;
  outline: none;
  cursor: pointer;
  border: 1px solid white;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  header nav .center-navbar .header-btn {
    display: none;
  }
}
header nav .left-navbar {
  display: flex;
  align-items: center;
}
header nav .left-navbar .brand-logo {
  background: url("swame-logo.e38809581703.svg") no-repeat center;
  height: 7rem;
  background-size: 100%;
  padding: 0;
}
header nav .left-navbar .sidebar-toggle {
  background: transparent;
}
header nav .left-navbar .sidebar-toggle > i {
  font-size: 2.5rem;
  padding: 1rem;
  color: hsl(225, 20%, 10%);
}
header nav .left-navbar .login {
  font-size: 0;
}
header nav .left-navbar .login > i {
  font-size: 2.5rem;
  padding: 1rem;
  color: hsl(225, 20%, 10%);
}
header nav .header-btn {
  font-size: 0;
  padding: 1rem;
  position: relative;
  display: flex;
  margin: 0 0.5rem;
}
header nav .header-btn > * {
  z-index: 2;
}
header nav .header-btn > span:not(.tooltip-box) {
  font-size: 1.8rem;
}
header nav .header-btn.dot:before {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  content: '';
  background: hsl(138, 62%, 51%);
  position: absolute;
  top: 20%;
  right: 20%;
  z-index: 2;
}
header nav .header-btn:after {
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  content: '';
  background: hsl(225, 20%, 95%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  transition: all ease 250ms;
}
header nav .header-btn:hover:after {
  opacity: 1;
}
header .navbar-links > .dropdown-toggle {
  display: block;
  padding: 0;
  margin: 0 0.5rem;
}
header .navbar-links > .dropdown-toggle > * {
  pointer-events: none;
}
header .navbar-links > .dropdown-menu {
  background: white;
  border-radius: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  width: 60rem;
}
header .navbar-links ul {
  z-index: 3;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 2rem 1rem;
}
header .navbar-links ul.two-column li {
  width: 50%;
}
header .navbar-links ul.two-column li.dual-lane {
  width: 100%;
}
header .navbar-links ul.one-column li {
  width: 100%;
}
header .navbar-links ul.one-column--border-top {
  border-top: 1px solid hsl(225, 20%, 95%);
}
header .navbar-links ul li.border-top {
  border-top: 1px solid hsl(225, 20%, 95%);
}
header .navbar-links ul li .delegated-account {
  text-decoration: none;
  color: black;
  padding: 1rem;
  display: block;
  position: relative;
  font-weight: bold;
}
header .navbar-links ul li button,
header .navbar-links ul li a {
  text-decoration: none;
  color: black;
  padding: 1.5rem 2rem;
  display: block;
  border-radius: 1.5rem;
  position: relative;
}
header .navbar-links ul li button:hover,
header .navbar-links ul li a:hover {
  background: hsl(225, 20%, 95%);
}
header .navbar-links ul li button .profile-picture,
header .navbar-links ul li a .profile-picture {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
header .navbar-links ul li button .profile-picture--logout,
header .navbar-links ul li a .profile-picture--logout {
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsl(351, 90%, 64%);
  font-size: 2rem;
  background: hsl(225, 20%, 98%);
}
header .navbar-links ul li button span,
header .navbar-links ul li a span {
  display: block;
  position: relative;
  padding-left: 4rem;
  font-size: 1.5rem;
  line-height: 1;
}
header .navbar-links ul li button span.headline,
header .navbar-links ul li a span.headline {
  font-weight: 700;
  color: hsl(225, 20%, 10%);
  margin-bottom: 0.5rem;
}
header .navbar-links ul li button span.headline small,
header .navbar-links ul li a span.headline small {
  background: hsl(216, 73%, 51%);
  color: hsl(0, 0%, 100%);
  padding: 0.5rem 1rem;
  border-radius: 1rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1rem;
  margin-left: 0.5rem;
}
header .navbar-links ul li button span.headline i,
header .navbar-links ul li a span.headline i {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  color: hsl(351, 90%, 64%);
  font-size: 2.5rem;
}
header .navbar-links ul li button span.subtitle,
header .navbar-links ul li a span.subtitle {
  font-size: 1.5rem;
  font-weight: 500;
  color: hsl(225, 20%, 75%);
}
header .navbar-links ul li button.premium-assist,
header .navbar-links ul li a.premium-assist {
  border: 1px solid hsl(138, 62%, 51%);
}
header .navbar-links ul li button.premium-assist .headline,
header .navbar-links ul li a.premium-assist .headline {
  color: hsl(138, 62%, 51%);
}
header .navbar-links ul li button.premium-assist .headline i,
header .navbar-links ul li a.premium-assist .headline i {
  color: hsl(138, 62%, 51%);
}
header .navbar-links ul.inline {
  background-color: hsl(225, 20%, 98%);
  border-top: 1px solid hsl(225, 20%, 95%);
}
header .navbar-links ul.inline li button,
header .navbar-links ul.inline li a {
  display: flex;
}
header .navbar-links ul.inline li button span,
header .navbar-links ul.inline li a span {
  padding-top: 0.25rem;
}
header .navbar-links ul.inline li button span.headline,
header .navbar-links ul.inline li a span.headline {
  margin-bottom: 0;
}
header .navbar-links ul.inline li button span.subtitle,
header .navbar-links ul.inline li a span.subtitle {
  padding-left: 1rem;
}
.mobile header nav .left-navbar .sidebar-toggle:before {
  content: "\f0c9";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
  font-size: 2.5rem;
  padding: 1rem;
}
.mobile header nav .left-navbar .sidebar-toggle .user-avatar {
  display: none;
}
@media screen and (max-width: 980px) {
  .desktop header {
    width: auto;
    min-width: 100%;
  }
}
@media screen and (max-width: 980px) {
  .desktop header nav {
    position: relative;
    width: auto;
    min-width: 100%;
  }
}
.desktop header nav .left-navbar {
  width: 75%;
}
.desktop header nav .left-navbar .brand-logo {
  width: 15rem;
}
.desktop header nav .left-navbar .research-wrapper {
  margin-left: 1rem;
  position: relative;
  display: flex;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper {
  position: relative;
  background: hsl(225, 20%, 95%);
  color: hsl(225, 20%, 40%);
  border-radius: 10rem;
  width: 40rem;
  display: flex;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  color: hsl(225, 20%, 40%);
  font-weight: bold;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input {
  border: none;
  font-weight: 500;
  font-size: 1.3rem;
  outline: none;
  padding: 1rem 1rem 1rem 4.5rem;
  background: transparent;
  flex: 1;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input::-moz-placeholder {
  color: hsl(225, 20%, 75%);
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input:-ms-input-placeholder {
  color: hsl(225, 20%, 75%);
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input::placeholder {
  color: hsl(225, 20%, 75%);
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input:not(:-moz-placeholder-shown) + .empty-button {
  display: flex;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input:not(:-ms-input-placeholder) + .empty-button {
  display: flex;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper input:not(:placeholder-shown) + .empty-button {
  display: flex;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper .select-wrapper {
  padding: 1rem;
  position: relative;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper .select-wrapper:after {
  position: absolute;
  top: 50%;
  right: 1.5rem;
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  display: block;
  transform: translateY(-50%);
  font-size: 1rem;
  color: hsl(225, 20%, 60%);
  z-index: 1;
}
.desktop header nav .left-navbar .research-wrapper .input-wrapper .select-wrapper select {
  -webkit-appearance: none;
  background: transparent;
  border: none;
  font-weight: 500;
  font-size: 1.3rem;
  color: hsl(225, 20%, 60%);
  padding-left: 1rem;
  padding-right: 2rem;
  border-left: 1px solid hsl(220, 23%, 80%);
  border-radius: 0;
  position: relative;
  z-index: 2;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0 0.5rem;
  margin-top: 1rem;
  z-index: 6;
  min-width: 100%;
  max-width: 40rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results {
  background: white;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  border-radius: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results .research-title {
  margin: 0;
  font-size: 1.2rem;
  padding: 1rem 2rem;
  background: hsl(225, 20%, 95%);
  color: hsl(225, 20%, 10%);
  letter-spacing: 1px;
  margin-bottom: 0.5rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > .empty {
  display: block;
  padding: 0.5rem 1rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > .empty:hover {
  background: hsl(225, 20%, 98%);
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a {
  text-decoration: none;
  display: block;
  padding: 0.5rem 1rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a:hover {
  background: hsl(225, 20%, 98%);
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a .user-avatar {
  flex: 0 0 3rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a .user-account img {
  width: 3rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.research-more {
  color: hsl(225, 20%, 10%);
  letter-spacing: 1px;
  padding: 1rem 2rem;
  text-align: left;
  background: hsl(225, 20%, 95%);
  margin-top: 0.5rem;
  font-size: 1.2rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.event-item,
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.premium-content-item {
  text-decoration: none;
  color: hsl(225, 20%, 10%);
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.event-item .content-data,
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.premium-content-item .content-data {
  display: flex;
  align-items: center;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.event-item .content-data .content-cover,
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.premium-content-item .content-data .content-cover {
  flex: 0 0 5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-right: 1rem;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.event-item .content-data .content-cover img,
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.premium-content-item .content-data .content-cover img {
  display: block;
  width: 100%;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.event-item .content-data .content-wrapper,
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li > a.premium-content-item .content-data .content-wrapper {
  flex: 1;
  overflow: hidden;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li .event-title {
  font-weight: 700;
  width: 100%;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li .content-planner {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  font-weight: 500;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li .user-item .user-account {
  display: flex;
  align-items: center;
}
.desktop header nav .left-navbar .research-wrapper .result-wrapper .results li .user-item .user-account .username-wrapper {
  padding-left: 1rem;
}
.desktop header nav .right-navbar {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: flex-end;
}
.desktop header nav .right-navbar .register-btn {
  padding: 1rem 2rem;
  border-radius: 1.5rem;
  border: 1px solid hsl(40, 95%, 57%);
  margin: 0 1rem;
  color: hsl(40, 95%, 57%);
}
.desktop header nav .right-navbar .login-btn {
  font-weight: 700;
}
.mobile header .container {
  z-index: 3;
  position: relative;
  background-color: white;
  width: 100% !important;
}
.mobile header nav .left-navbar {
  justify-content: space-between;
  width: 100%;
}
.mobile header nav .left-navbar .brand-logo {
  width: 15rem;
  margin-left: 1rem;
}
.mobile header nav .left-navbar .mobile-header {
  display: flex;
  align-items: center;
}
.mobile header .navbar-links {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  justify-content: space-between;
  flex: 1;
}
.mobile header .navbar-links ul:first-child {
  align-self: flex-start;
}
.mobile header .navbar-links ul:last-child {
  align-self: flex-end;
}
.mobile header .navbar-links ul li {
  width: 100% !important;
}
.mobile header .navbar-aside {
  position: fixed;
  height: 100%;
  width: 80%;
  background: white;
  top: 0;
  left: -80%;
  z-index: 11;
  transition: left ease-in-out 250ms;
  display: flex;
  flex-direction: column;
}
.mobile header .navbar-aside.open {
  left: 0;
  box-shadow: 0 0 5px hsla(225, 20%, 10%, 0.2);
}
.mobile header .navbar-aside .user-account {
  padding: 2rem 0;
  margin: 0 2rem;
  display: flex;
  align-items: center;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.mobile header .navbar-aside .user-account .username-wrapper {
  flex: 1;
  margin-left: 1rem;
}
.mobile header .navbar-aside .user-account .username-wrapper .username {
  line-height: 1;
  font-size: 1.5rem;
  flex-wrap: wrap;
}
.mobile header .navbar-aside .user-account .username-wrapper .username .profile-access {
  display: block;
  font-weight: 500;
  color: hsl(225, 20%, 60%);
  width: 100%;
}
.mobile header .navbar-aside .navbar-links {
  overflow: auto;
}
.mobile header .navbar-aside .navbar-links ul {
  padding: 2rem 0;
}
.mobile header .navbar-aside .navbar-links ul.inline li a span.subtitle {
  display: none;
}
.mobile header .navbar-aside .terms-of-service {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  position: relative;
}
.mobile header .navbar-aside .terms-of-service > * {
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
  padding: 0 0.5rem;
}
.mobile header .navbar-aside .terms-of-service > *:after {
  content: '•';
  padding-left: 0.5rem;
}
.mobile header .navbar-aside .terms-of-service > *:last-child:after {
  content: none;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language {
  position: unset;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language > button {
  display: flex;
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  align-items: center;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language > button i {
  pointer-events: none;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language.top .dropdown-menu {
  top: auto;
  bottom: 100%;
  max-height: 20rem;
  overflow: auto;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu {
  color: hsl(225, 20%, 10%);
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.mobile header .navbar-aside .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.mobile header .footer-navbar {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 1;
  display: block;
}
.mobile header .footer-navbar > ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  background: linear-gradient(45deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  z-index: 2;
  position: relative;
}
.mobile header .footer-navbar > ul > li {
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.mobile header .footer-navbar > ul > li .live-background {
  position: absolute;
  width: 8rem;
  height: 8rem;
  transform: translateX(-50%);
  left: 50%;
  padding-bottom: 0;
  border-radius: 50%;
  background: white;
  top: -10px;
  z-index: 1;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button,
.mobile header .footer-navbar > ul > li > a,
.mobile header .footer-navbar > ul > li > button {
  font-size: 0;
  background: transparent;
  border: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  color: hsl(0, 0%, 100%);
  text-decoration: none;
  text-align: center;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2;
  opacity: 0.8;
  outline: none;
  padding: 1rem 0;
  line-height: 1;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button:before,
.mobile header .footer-navbar > ul > li > a:before,
.mobile header .footer-navbar > ul > li > button:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 2rem;
  display: block;
  font-weight: 500;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.active,
.mobile header .footer-navbar > ul > li > a.active,
.mobile header .footer-navbar > ul > li > button.active {
  opacity: 1;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.active:before,
.mobile header .footer-navbar > ul > li > a.active:before,
.mobile header .footer-navbar > ul > li > button.active:before {
  font-weight: 700;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.flow:before,
.mobile header .footer-navbar > ul > li > a.flow:before,
.mobile header .footer-navbar > ul > li > button.flow:before {
  content: "\f80a";
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.search:before,
.mobile header .footer-navbar > ul > li > a.search:before,
.mobile header .footer-navbar > ul > li > button.search:before {
  content: "\f002";
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.post-link-mobile:before,
.mobile header .footer-navbar > ul > li > a.post-link-mobile:before,
.mobile header .footer-navbar > ul > li > button.post-link-mobile:before {
  content: "\f067";
  font-size: 3rem;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.videos-list:before,
.mobile header .footer-navbar > ul > li > a.videos-list:before,
.mobile header .footer-navbar > ul > li > button.videos-list:before {
  content: "\f7e4";
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.events-list:before,
.mobile header .footer-navbar > ul > li > a.events-list:before,
.mobile header .footer-navbar > ul > li > button.events-list:before {
  content: "\f133";
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.premium-dashboard:before,
.mobile header .footer-navbar > ul > li > a.premium-dashboard:before,
.mobile header .footer-navbar > ul > li > button.premium-dashboard:before {
  content: "\f6a3";
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.webcam:before,
.mobile header .footer-navbar > ul > li > a.webcam:before,
.mobile header .footer-navbar > ul > li > button.webcam:before {
  content: "\f832";
  font-weight: 100;
}
.mobile header .footer-navbar > ul > li > .dropdown-actions > button.show-list:before,
.mobile header .footer-navbar > ul > li > a.show-list:before,
.mobile header .footer-navbar > ul > li > button.show-list:before {
  content: "\f06e";
}
.mobile header .footer-navbar > ul > li .dropdown-actions {
  width: 100%;
}
.mobile header .footer-navbar > ul > li .dropdown-actions .dropdown-menu {
  border-radius: 1.5rem;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  top: auto;
  margin-bottom: 1rem;
  position: fixed;
  bottom: 5rem;
  width: calc(100% - 2rem);
  left: 1rem;
}
.mobile header .footer-navbar > ul > li .dropdown-actions .dropdown-menu > li:hover {
  background: rgba(0, 0, 0, 0.05);
}
.mobile header .footer-navbar > ul > li .dropdown-actions .dropdown-menu > li a {
  border-top: 1px solid rgba(0, 0, 0, 0.11);
  border-bottom: 0;
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  position: relative;
  color: white;
  font-weight: bold;
}
.mobile header .footer-navbar > ul > li .dropdown-actions .dropdown-menu > li a i {
  opacity: 0.5;
  color: white;
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.mobile header .footer-navbar > ul > li .dropdown-actions .dropdown-menu > li a:hover {
  background: rgba(0, 0, 0, 0.05);
}
.mobile header .mobile-search {
  width: 100%;
  background: white;
  position: relative;
  z-index: 3;
  border-top: 1px solid hsl(225, 20%, 95%);
}
.mobile header .mobile-search .search-label {
  display: flex;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.mobile header .mobile-search .search-label .input-wrapper {
  width: 100%;
  text-align: center;
}
.mobile header .mobile-search .search-label .input-wrapper input {
  display: none;
}
.mobile header .mobile-search .search-label .input-wrapper input + span {
  color: #2e3747;
  display: block;
  padding-top: 1rem;
  padding-bottom: 1rem;
  opacity: 0.4;
  position: relative;
  font-size: 1.5rem;
}
.mobile header .mobile-search .search-label .input-wrapper input:checked + span {
  opacity: 1;
  font-weight: 700;
}
.mobile header .mobile-search .search-label .input-wrapper input:checked + span:after {
  content: '';
  height: 0.2rem;
  background: hsl(351, 90%, 64%);
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.mobile header .mobile-search .search-input {
  padding: 1rem;
  position: relative;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.mobile header .mobile-search .search-input input {
  width: 100%;
  border: none;
  background: hsl(225, 20%, 95%);
  border-radius: 5rem;
  padding: 1.25rem 2.5rem;
  font-size: 1.4rem;
}
.mobile header .mobile-search .search-input button {
  position: absolute;
  right: 1.5rem;
  top: 50%;
  border: none;
  background: transparent;
  padding: 1rem;
  transform: translateY(-50%);
  color: hsl(225, 20%, 10%);
}
.mobile header .mobile-search .search-input button:before {
  content: "\f002";
  font-family: 'Font Awesome 5 Pro';
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
}
.mobile header .backdrop {
  position: fixed;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 2;
  top: 0;
  left: 0;
}
.language-selector {
  position: relative;
}
.language-selector__cta {
  font-size: 2rem;
  position: relative;
  margin: 0 0.5rem;
  padding: 1rem;
}
.language-selector__cta span {
  z-index: 2;
  pointer-events: none;
  position: relative;
  opacity: 0.5;
}
.language-selector__cta:before {
  content: attr(data-language);
  border-radius: 0.5rem;
  background: hsl(225, 20%, 10%);
  position: absolute;
  font-size: 1rem;
  font-weight: bold;
  text-transform: uppercase;
  color: white;
  z-index: 5;
  line-height: 1;
  padding: 0.25rem 0.5rem;
  top: 0.5rem;
  right: 0;
}
.language-selector__cta:after {
  width: 100%;
  padding-bottom: 100%;
  position: absolute;
  content: '';
  background: hsl(225, 20%, 95%);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  z-index: -1;
  opacity: 0;
  transition: all ease 250ms;
}
.language-selector__cta:hover:after {
  opacity: 1;
}
.language-selector__content {
  padding: 0 1rem;
  top: 100%;
  right: 0;
  position: absolute;
  z-index: 3;
}
.language-selector__content--top {
  bottom: calc(100% + 1rem);
  top: auto;
  right: 0;
}
.language-selector__panel {
  background: #f9f9fb;
  margin: 1rem;
  border-radius: 1rem;
  padding: 1rem 2rem;
}
.language-selector__list {
  padding: 1rem !important;
  border-radius: 1rem;
  display: grid;
  max-height: 20rem;
  overflow: auto;
  width: 100%;
  background: white;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.language-selector__toggle {
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.language-selector__toggle * {
  pointer-events: none;
}
.language-selector__item {
  position: relative;
  display: flex;
}
.language-selector__item.active .language-selector__checkbox:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.language-selector__item.active .language-selector__checkbox:after {
  width: 1rem;
  height: 1rem;
}
.language-selector__checkbox {
  padding: 1rem 2rem 1rem 3rem;
  width: 100%;
  white-space: nowrap;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.language-selector__checkbox:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.language-selector__checkbox:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.notifications-global-list {
  background: white;
  border-radius: 1.5rem;
}
.notifications-list {
  padding: 0;
  list-style: none;
  margin: 0;
}
.notifications-list > li {
  padding: 0 1rem;
}
.notifications-list > li > a {
  display: block;
  padding: 1rem 0 1rem 4.5rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  position: relative;
}
.notifications-list > li > a:before {
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  left: 2.5rem;
  top: 1rem;
  font-size: 2.5rem;
  transform: translateX(-50%);
}
.notifications-list > li > a.tips:before {
  color: hsl(138, 62%, 51%);
  content: "\f81d";
  font-weight: 100;
}
.notifications-list > li > a.premium:before {
  color: hsl(225, 20%, 60%);
  content: "\f6d2";
  font-weight: 100;
}
.notifications-list > li > a.comment:before {
  color: hsl(216, 73%, 51%);
  content: "\f075";
}
.notifications-list > li > a.like:before {
  color: hsl(350, 83%, 55%);
  content: "\f004";
}
.notifications-list > li > a.news:before {
  color: hsl(225, 20%, 60%);
  content: "\f675";
  font-weight: 100;
}
.notifications-list > li > a.event:before,
.notifications-list > li > a.appointment:before {
  color: hsl(40, 95%, 57%);
  content: "\f133";
}
.notifications-list > li > a.follow:before {
  color: hsl(225, 20%, 60%);
  content: "\f4fc";
  font-weight: 100;
}
.notifications-list > li > a.share:before {
  color: hsl(225, 20%, 60%);
  content: "\f064";
  font-weight: 100;
}
.notifications-list > li > a.gift:before {
  color: hsl(351, 90%, 64%);
  content: "\f06b";
}
.notifications-list > li > a.post-ready:before {
  color: hsl(225, 20%, 60%);
  content: "\f316";
  font-weight: 100;
}
.notifications-list > li > a .notification-avatar {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
}
.notifications-list > li > a .notification-content {
  font-size: 1.3rem;
  line-height: 1.2;
  letter-spacing: 0.05rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.notifications-list > li > a .notification-content .notification-detail {
  margin-left: 0.5rem;
  display: block;
}
.notifications-list > li > a .notification-content .notification-origin {
  font-weight: 700;
  word-break: break-word;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .notifications-list > li > a .notification-content {
    flex-wrap: wrap;
  }
}
.notifications-list > li > a .notification-date {
  margin-left: 0.5rem;
  font-size: 1.2rem;
  color: gray;
}
.notifications-more {
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  font-weight: 700;
  margin: 0;
  background: hsl(225, 20%, 98%);
  color: hsl(225, 20%, 10%);
  display: block;
  text-align: center;
}
.dropdown-menu .notifications-title {
  display: flex;
  justify-content: space-between;
  background: hsl(225, 20%, 98%);
}
.dropdown-menu .notifications-title h2 {
  font-size: 1.5rem;
  padding: 1rem 1.5rem;
  font-weight: 700;
  margin: 0;
}
.dropdown-menu .notifications-title .consume-notifications {
  font-size: 1.2rem;
  padding: 1rem;
  color: hsl(225, 20%, 10%);
}
.dropdown-menu .notifications-title .consume-notifications:hover {
  color: hsl(351, 90%, 64%);
}
.dropdown-menu .notifications-list-wrapper {
  width: 35rem;
  max-width: 100%;
  height: 40rem;
  overflow: auto;
}
/* Flow */
.main__right__content h3 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 2rem 0;
}
.main__right__content h3 a {
  font-weight: 500;
  color: hsl(351, 90%, 64%);
  font-size: 1.5rem;
  margin-left: 0.5rem;
}
.main__right__content .close-filter {
  display: none;
}
.main__right__content .suggestions {
  background: white;
  padding: 2rem;
  border-radius: 1.5rem;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item {
  position: relative;
  margin-bottom: 1rem;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item:hover:before,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item:hover:before {
  position: absolute;
  content: '';
  width: calc(100% + 4rem);
  left: 50%;
  top: 50%;
  background: hsl(225, 20%, 98%);
  display: block;
  height: calc(100% + 1rem);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item button,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item button,
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .action,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .action {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 1.5rem;
  padding: 0.5rem 2rem;
  border-radius: 20rem;
  z-index: 2;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item button.follow,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item button.follow,
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .action.follow,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .action.follow {
  color: hsl(40, 95%, 57%);
  border: 1px solid hsl(40, 95%, 57%);
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item button.follow:hover,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item button.follow:hover,
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .action.follow:hover,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .action.follow:hover {
  background: hsl(40, 95%, 93%);
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .user-account,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .user-account {
  width: 100%;
  display: flex;
  z-index: 2;
  position: relative;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .user-account .username-wrapper,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .user-account .username-wrapper {
  margin-left: 1rem;
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 9rem;
  overflow: hidden;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item .user-account .username-wrapper .activity,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li .user-item .user-account .username-wrapper .activity {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1;
  color: hsl(225, 20%, 75%);
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:last-child .user-item,
.main__right__content .suggestions.profil-suggestions .profile-suggestions-list li:last-child .user-item {
  margin-bottom: 0;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li {
  position: relative;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:before {
  content: attr(data-rank);
  display: block;
  position: absolute;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  top: calc(50% + 4px);
  left: 0;
  color: #f87855;
  transform: translateY(-50%);
  opacity: 0.5;
  z-index: 2;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li .user-item {
  padding-left: 2rem;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:nth-child(1):before {
  color: #f87855;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:nth-child(2):before {
  color: #f9844f;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:nth-child(3):before {
  color: #f99444;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:nth-child(4):before {
  color: #faa33c;
}
.main__right__content .suggestions.mfstar-ranking .profile-suggestions-list li:nth-child(5):before {
  color: #f9ad30;
}
.main__right__content .suggestions.event-suggestions ul li:last-child .event-item {
  margin-bottom: 0;
}
.main__right__content .suggestions.event-suggestions .event-item {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
}
.main__right__content .suggestions.event-suggestions .event-item:hover:before {
  position: absolute;
  content: '';
  width: calc(100% + 4rem);
  left: 50%;
  top: 50%;
  background: hsl(225, 20%, 98%);
  display: block;
  height: calc(100% + 1rem);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.main__right__content .suggestions.event-suggestions .event-item > * {
  position: relative;
  z-index: 2;
}
.main__right__content .suggestions.event-suggestions .event-item .cover {
  width: 33%;
  overflow: hidden;
  border-radius: 1.5rem;
}
.main__right__content .suggestions.event-suggestions .event-item .cover > span {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  padding-bottom: 75%;
  display: block;
}
.main__right__content .suggestions.event-suggestions .event-item img {
  border-radius: 1.5rem;
  width: 33%;
}
.main__right__content .suggestions.event-suggestions .event-item .event-date {
  padding: 0 1rem;
  text-align: center;
  border-right: 1px solid hsl(225, 20%, 75%);
}
.main__right__content .suggestions.event-suggestions .event-item .event-date span {
  display: block;
  line-height: 1;
}
.main__right__content .suggestions.event-suggestions .event-item .event-date span.day {
  font-weight: 700;
  font-size: 5rem;
  line-height: 2.5rem;
  padding-top: 1.2rem;
}
.main__right__content .suggestions.event-suggestions .event-item .event-date span.month {
  font-size: 1.1rem;
  color: hsl(225, 20%, 75%);
  font-style: italic;
  margin-top: 0.5rem;
  letter-spacing: 1px;
}
.main__right__content .suggestions.event-suggestions .event-item .event-infos {
  overflow: hidden;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
.main__right__content .suggestions.event-suggestions .event-item .event-infos .title {
  font-weight: 600;
  line-height: 1;
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.main__right__content .suggestions.event-suggestions .event-item .event-infos .organizer {
  color: hsl(351, 90%, 64%);
  line-height: 1;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}
.main__right__content .terms-of-service {
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.main__right__content .terms-of-service > * {
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
  padding: 0 0.5rem;
}
.main__right__content .terms-of-service > *:after {
  content: '•';
  padding-left: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.main__right__content .terms-of-service > *:last-child:after {
  content: none;
}
.main__right__content .terms-of-service > *.highlight {
  color: hsl(351, 90%, 64%);
}
.main__right__content .terms-of-service .dropdown-language > button {
  display: flex;
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  align-items: center;
}
.main__right__content .terms-of-service .dropdown-language > button i {
  pointer-events: none;
  margin-left: 0.5rem;
  font-size: 1rem;
}
.main__right__content .terms-of-service .dropdown-language.top .dropdown-menu {
  top: auto;
  bottom: 100%;
  max-height: 20rem;
  overflow: auto;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu {
  color: hsl(225, 20%, 10%);
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.main__right__content .terms-of-service .dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.user-flow-filters {
  padding: 0;
  display: flex;
  position: relative;
  z-index: 1;
  overflow-x: auto;
}
.user-flow-filters--staff {
  width: 100%;
}
.user-flow-filters .checkbox-wrapper {
  width: 100%;
  position: relative;
  display: flex;
}
.user-flow-filters .checkbox-wrapper .checkbox {
  width: 100%;
  position: relative;
  display: flex;
  z-index: 3;
}
.user-flow-filters .checkbox-wrapper .checkbox > span {
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  padding: 1.5rem 2rem;
  color: hsl(225, 20%, 75%);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: color ease 250ms;
  line-height: 1;
}
.user-flow-filters .checkbox-wrapper .checkbox > span:hover {
  color: hsl(351, 90%, 64%);
}
@media screen and (max-width: 768px) {
  .user-flow-filters .checkbox-wrapper .checkbox > span {
    padding: 1.75rem 5rem;
  }
}
.user-flow-filters .checkbox-wrapper .checkbox > span > small {
  font-size: 1rem;
  color: white;
  background: hsl(138, 62%, 80%);
  padding: 0.5rem;
  display: block;
  letter-spacing: 1px;
  border-radius: 1rem;
  margin-left: 0.5rem;
  font-weight: 700;
}
.user-flow-filters .checkbox-wrapper .checkbox.active {
  z-index: 2;
  pointer-events: none;
}
.user-flow-filters .checkbox-wrapper .checkbox.active > span {
  font-weight: 600;
  color: hsl(351, 90%, 64%);
  background: white;
  border-radius: 3rem 3rem 0 0;
  letter-spacing: 1px;
}
.user-flow-filters .checkbox-wrapper .checkbox.active > span:after,
.user-flow-filters .checkbox-wrapper .checkbox.active > span:before {
  content: '';
  background: hsl(225, 20%, 95%);
  width: 5rem;
  height: 5rem;
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: 3;
}
.user-flow-filters .checkbox-wrapper .checkbox.active > span:before {
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}
.user-flow-filters .checkbox-wrapper .checkbox.active > span:after {
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.user-flow-filters .checkbox-wrapper .checkbox.active + .dropdown-wrapper > button:before {
  color: hsl(351, 90%, 64%);
}
.user-flow-filters .checkbox-wrapper .checkbox.active:after,
.user-flow-filters .checkbox-wrapper .checkbox.active:before {
  content: '';
  background: white;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  z-index: 2;
}
.user-flow-filters .checkbox-wrapper .checkbox.active:before {
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}
.user-flow-filters .checkbox-wrapper .checkbox.active:after {
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.user-flow-filters .checkbox-wrapper .checkbox.has-promo:hover > span,
.user-flow-filters .checkbox-wrapper .checkbox.has-promo.active > span {
  color: hsl(138, 62%, 51%);
}
.user-flow-filters .checkbox-wrapper .checkbox.has-promo:hover > span > small,
.user-flow-filters .checkbox-wrapper .checkbox.has-promo.active > span > small {
  background: hsl(138, 62%, 51%);
}
.user-flow-filters .checkbox-wrapper .checkbox:not(.active) + .dropdown-wrapper {
  display: none;
}
.user-flow-filters .checkbox-wrapper .checkbox:not(.active) + .dropdown-wrapper > button:before {
  color: hsl(351, 90%, 64%);
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper {
  z-index: 3;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > button {
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1rem;
  outline: none;
  border-radius: 50%;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > button:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  color: hsl(225, 20%, 75%);
  display: block;
  line-height: 1rem;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul {
  min-width: 10rem;
  top: 100%;
  padding: 1rem 0;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li label,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li input {
  display: none;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li input + span,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li input + span > small,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox > span > small {
  color: hsl(351, 90%, 64%);
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li input + span:before,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li input + span:after,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li label input:checked + span,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox.active > span {
  font-weight: 600;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li label input:checked + span:before,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li label input:checked + span:after,
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li.checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.user-flow-filters .checkbox-wrapper .dropdown-wrapper > ul > li > a {
  text-align: center;
  display: block;
  color: hsl(351, 90%, 64%);
  border-top: 1px solid hsl(225, 20%, 95%);
  padding: 0.5rem;
  margin-bottom: -0.5rem;
}
.user-flow-filters .checkbox-wrapper:last-child .checkbox.active > span:before,
.user-flow-filters .checkbox-wrapper:last-child .checkbox.active:before {
  content: none;
}
@media screen and (max-width: 768px) {
  .user-flow-filters .checkbox-wrapper:first-child .checkbox.active:after {
    content: none !important;
  }
  .user-flow-filters .checkbox-wrapper:first-child .checkbox.active > span:after {
    content: none !important;
  }
  .user-flow-filters .checkbox-wrapper:last-child .checkbox.active:before {
    content: none !important;
  }
  .user-flow-filters .checkbox-wrapper:last-child .checkbox.active > span:before {
    content: none !important;
  }
}
.mobile-view {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .mobile-view {
    display: inherit !important;
  }
}
/* Post */
.create-post {
  background: white;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5rem;
}
.create-post__form {
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
}
.create-post__form--disabled .create-post__poster {
  display: none;
}
.create-post__form--disabled .create-post__btn[data-role="schedule-button"],
.create-post__form--disabled .create-post__contenteditable,
.create-post__form--disabled .create-post__visibility {
  transition: all ease 250ms;
  cursor: not-allowed;
  opacity: 0.3;
}
.create-post__error {
  width: 100%;
  order: 2;
  padding: 0.5rem;
}
.create-post__error .error {
  color: hsl(350, 83%, 55%);
  font-size: 1.2rem;
  line-height: 1.2;
  width: 100%;
  display: block;
}
.create-post .alert {
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  margin: 2rem 0;
}
.create-post .alert-warning {
  background: #feeecd;
  color: #fab429;
}
.create-post .alert.alert-danger {
  background: #fbd0d7;
  color: #eb2d4d;
}
.create-post .alert a {
  text-decoration: underline;
}
.create-post__border-bottom {
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.create-post__input-wrapper {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.create-post__input-wrapper emoji-picker {
  display: block;
  position: absolute;
  top: 100%;
  width: 100%;
  --num-columns: 9;
  --emoji-size: 2rem;
  --border-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden;
  margin-top: 1rem;
}
.create-post__schedule {
  margin-top: 2rem;
}
.create-post__schedule > * {
  margin: 1rem 0;
}
.create-post__schedule > *:last-child {
  margin-bottom: 0;
}
.create-post__select {
  width: 100%;
  position: relative;
  margin-top: 1rem;
}
.create-post__select--input,
.create-post__select > select {
  padding: 1.5rem 2rem;
  border: 1px solid hsl(225, 20%, 95%);
  border-radius: 0.5rem;
  font-family: 'noto-sans', sans-serif;
  font-size: 1.5rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  cursor: pointer;
  background: transparent;
}
.create-post__select:not(.create-post__select--input):after {
  position: absolute;
  right: 2rem;
  top: 50%;
  pointer-events: none;
  transform: translateY(-50%);
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
}
.create-post__select--white > select {
  background: white;
  border: none;
}
.create-post__contenteditable {
  border: 0;
  padding: 2rem 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  min-height: 6rem;
  max-height: 20rem;
  overflow: auto;
  position: relative;
  flex: 1;
}
.create-post__contenteditable--alone {
  flex: auto;
  width: 100%;
}
.create-post div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.create-post__textarea {
  width: 100%;
  display: none;
}
.create-post__textarea.is-invalid ~ div[contenteditable]:empty:before {
  color: hsl(350, 83%, 55%);
  content: attr(data-error);
}
.create-post__input {
  width: 100%;
  padding: 1.5rem;
  border: none;
  border-radius: 1rem;
  font-size: 1.5rem;
}
.create-post__medias-wrapper {
  padding: 2rem 0;
}
.create-post__medias {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
  max-height: 40rem;
  overflow: auto;
}
@media screen and (max-width: 968px) {
  .create-post__medias {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) and (min-width: 540px) {
  .create-post__medias {
    grid-template-columns: repeat(3, 1fr);
  }
}
.create-post__media {
  width: 100%;
  padding-bottom: 100%;
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  position: relative;
  cursor: pointer;
  background-image: url("orange-background.32a8d081603a.jpg");
  background-color: hsl(40, 95%, 57%);
}
.create-post__media--selected {
  border: 2px solid hsl(40, 95%, 57%);
}
.create-post__media--video {
  margin-bottom: 1rem;
}
.create-post__media--video:before {
  content: "\f04b";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  color: white;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.4), 0 15px 35px rgba(0, 0, 0, 0.1);
  opacity: 0.8;
  font-size: clamp(5rem, 5vw, 8rem);
}
.create-post__media--cover {
  padding-bottom: 60%;
  background-image: url("private-content-video.0aaeb8d5a650.jpg");
  background-size: cover;
  background-position: center;
  overflow: hidden;
}
.create-post__media--no-cover:not(.create-post__media--uploading) .create-post__poster {
  opacity: 1;
}
.create-post__media--no-preview .create-post__media-name {
  display: flex;
}
.create-post__media-name {
  position: absolute;
  padding: 2rem;
  top: 0;
  left: 0;
  display: none;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.2rem;
  width: 100%;
  height: 100%;
  text-align: center;
  word-break: break-word;
  overflow: hidden;
}
.create-post__media-delete {
  position: absolute;
  top: 1rem;
  left: 1rem;
  font-size: 1.2rem;
  padding: 0.5rem;
  color: white;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: hsla(225, 20%, 10%, 0.8);
  transition: all ease 250ms;
  z-index: 2;
}
.create-post__media-delete:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  display: block;
}
.create-post__media-edit {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  font-size: 1.2rem;
  color: white;
  background: hsla(225, 20%, 10%, 0.8);
  padding: 0.25rem 1rem;
  border-radius: 2rem;
  transition: all ease 250ms;
}
.create-post__media-loader {
  display: none;
  opacity: 0;
  transition: opacity ease 500ms;
}
.create-post__media--uploading {
  overflow: hidden;
}
.create-post__media--uploading:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  content: attr(data-file-upload-progress);
  font-size: 2rem;
  font-weight: bold;
  color: white;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-family: 'noto-sans', sans-serif;
  text-shadow: none;
  opacity: 1;
}
.create-post__media--uploading:after {
  content: '';
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
}
.create-post__media--uploading .create-post__media-edit {
  display: none;
}
.create-post__media--uploading .create-post__media-delete {
  z-index: 3;
}
.create-post__media--uploading .create-post__media-loader {
  pointer-events: none;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 75%;
  max-width: 15rem;
  height: 75%;
  z-index: 2;
  opacity: 1;
}
.create-post__media--uploading .create-post__media-loader__line {
  transition: all ease 250ms;
  stroke-dasharray: var(--percent);
}
.create-post__media:hover .create-post__media-edit {
  background: hsla(216, 73%, 51%, 0.8);
}
.create-post__media:hover .create-post__media-delete {
  background: hsla(350, 83%, 55%, 0.8);
}
.create-post__file-name {
  font-weight: bold;
  font-size: 1.5rem;
  padding: 1rem;
}
.create-post__poster {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all ease 500ms;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.create-post__poster:hover {
  opacity: 1;
}
.create-post__poster input {
  display: none;
}
.create-post__import-cover {
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 1rem;
  cursor: pointer;
  font-size: 1.5rem;
  color: white;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background-color: hsla(40, 95%, 57%, 0.5);
}
.create-post__import-cover i {
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.create-post__actions {
  display: flex;
  padding: 2rem 0;
}
.create-post__actions > * {
  margin-right: 1rem;
}
.create-post__actions > *:last-child {
  margin-right: 0;
}
.create-post__button {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 1rem 2rem 1rem 2rem;
  border-radius: 2rem;
  background: hsl(225, 20%, 98%);
  font-weight: 700;
}
.create-post__button:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 2rem;
  color: hsl(351, 90%, 64%);
  display: block;
  position: relative;
  margin-right: 1rem;
}
.create-post__button--emoji-picker {
  margin: 1.5rem 1.5rem 0 0;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .create-post__button {
    font-size: 0;
  }
  .create-post__button:before {
    margin-right: 0;
  }
}
.create-post .cta-wrapper {
  position: relative;
}
.create-post .cta-wrapper--file input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  border: none;
  padding: 0;
  cursor: pointer;
}
.create-post .cta-wrapper--file .create-post__button:before {
  content: "\f87c";
}
.create-post .cta-wrapper--poll .create-post__button:before {
  content: "\f681";
}
.create-post .cta-wrapper:hover .create-post__button {
  cursor: pointer;
  background: hsl(351, 90%, 90%);
}
.create-post__visibility {
  background: hsl(225, 20%, 98%);
  margin-left: -2rem;
  margin-right: -2rem;
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.create-post__visibility__subtitle {
  text-align: center;
  margin: 0;
  font-size: 1.2rem;
  color: hsl(351, 90%, 64%);
}
.create-post__visibility > * {
  margin: 1rem 0;
}
.create-post__label {
  font-weight: bold;
  font-size: 1.5rem;
}
.create-post__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 2rem 0;
}
.create-post__footer > * {
  margin-right: 1rem;
}
.create-post__footer > *:last-child {
  margin-right: 0;
}
.create-post__btn {
  padding: 1rem 2rem;
  text-align: center;
  border-radius: 2rem;
  background: hsl(225, 20%, 95%);
  color: hsl(225, 20%, 10%);
  font-weight: bold;
}
.create-post__btn--blue {
  background: hsl(216, 73%, 51%);
  color: white;
}
.create-post__btn--bordered {
  background: transparent;
  border: 1px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
.publication-modal {
  position: fixed;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .publication-modal {
    display: flex;
    align-items: flex-end;
  }
}
.publication-modal__content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 65rem;
  max-width: 100%;
  transform: translate(-50%, -50%);
  z-index: 5;
  background: white;
  border-radius: 1.5rem;
  overflow: auto;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .publication-modal__content {
    position: relative;
    bottom: 0;
    top: auto;
    left: 0;
    border-radius: 0;
    width: 100%;
    transform: none;
  }
}
.publication-modal__header {
  display: flex;
  padding: 1rem 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  font-weight: bold;
  justify-content: space-between;
  align-items: center;
}
.publication-modal__close {
  font-size: 1.8rem;
  padding: 1rem;
  font-weight: 100;
  color: hsl(351, 90%, 64%);
  z-index: 2;
  display: block;
}
.publication-modal__close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  pointer-events: none;
}
.publication-modal__backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(47, 53, 70, 0.9);
  z-index: 1;
}
.mention {
  font-weight: 700 !important;
  color: hsl(216, 73%, 51%) !important;
}
.mention-list {
  position: absolute;
  top: 100%;
  left: 2rem;
  z-index: 3;
  width: 100%;
  max-width: 30rem;
}
.mention-list .results {
  background: white;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  border-radius: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: auto;
  max-height: 25rem;
}
.mention-list .results li > .user-account {
  text-decoration: none;
  padding: 1rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.mention-list .results li > .user-account:hover {
  background: hsl(225, 20%, 98%);
}
.mention-list .results li > .user-account .user-avatar {
  flex: 0 0 3rem;
}
.mention-list .results li > .user-account img {
  width: 3rem;
}
.mention-list .results li > .user-account .username-wrapper {
  padding-left: 1rem;
}
.mention-list .results li.active > .user-account {
  background: hsl(225, 20%, 98%);
}
.alert-post {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  background: hsl(216, 73%, 51%);
  color: white;
  font-size: 1.5rem;
  border-radius: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
@media screen and (max-width: 768px) {
  .alert-post {
    width: calc(100% - 9rem);
    left: 1rem;
    bottom: 7rem;
    z-index: 2;
    transform: translate(0);
  }
}
.alert-post a {
  display: block;
  line-height: 1;
  padding: 1.5rem 1rem 1.5rem 1rem;
}
.alert-post button {
  color: white;
  font-size: 1.5rem;
}
.alert-post button:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  pointer-events: none;
  font-weight: 100;
}
@media screen and (max-width: 768px) {
  .timeline {
    min-height: 100vh;
  }
}
.post {
  width: 100%;
  background: white;
  margin-bottom: 0.5rem;
  position: relative;
  padding: 2rem 2rem 0 2rem;
}
@media screen and (max-width: 768px) {
  .post {
    padding: 1rem 1rem 0 1rem;
  }
}
@media screen and (hover: hover) {
  .post__settings {
    opacity: 0;
  }
  .post:hover .post__settings {
    opacity: 1;
  }
}
.post__container {
  position: relative;
  display: grid;
  grid-gap: 1rem 2rem;
  grid-auto-columns: auto 1fr;
  grid-template-areas: "A B" "A C" "A D";
}
@media screen and (max-width: 768px) {
  .post__container {
    grid-gap: 0.5rem 1rem;
    grid-template-areas: "A B" "C C" "D D";
  }
}
.post__avatar {
  grid-area: A;
}
.post__settings {
  position: absolute;
  right: -1rem;
  top: -1rem;
  z-index: 4;
}
.post__settings > button {
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1.5rem 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
  transition: background ease-in-out 250ms;
}
.post__settings > button:hover,
.post__settings > button:active,
.post__settings > button:focus {
  background: hsla(225, 20%, 85%, 0.2);
}
.post__settings > button:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.8rem;
  color: hsl(225, 20%, 80%);
  display: block;
  line-height: 1rem;
}
.post__settings-action {
  display: flex;
  white-space: nowrap;
  padding: 1rem 2rem;
  align-items: baseline;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.post__settings-action:before {
  width: 2.5rem;
  font-family: 'Font Awesome 5 Pro';
  display: block;
  opacity: 0.5;
}
.post__settings-action > svg {
  padding-right: 10px;
  height: 1.5rem;
  display: block;
}
.post__settings-action > i {
  width: 2.5rem;
}
.post__settings-action > i.fa-facebook-f {
  color: #366ecc;
}
.post__settings-action--categorize:before {
  content: "\f02b";
}
.post__settings-action--discover {
  color: hsl(40, 95%, 57%);
}
.post__settings-action--discover:before {
  content: "\f890";
}
.post__settings-action--undiscover {
  color: hsl(350, 83%, 55%);
}
.post__settings-action--undiscover:before {
  content: "\f890";
  color: hsl(350, 83%, 55%);
}
.post__header {
  display: flex;
  font-size: 1.4rem;
  align-items: center;
  flex-wrap: wrap;
  grid-area: B;
}
.post__header .to:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin: 0 1rem;
  color: hsl(225, 20%, 75%);
  display: block;
}
@media screen and (max-width: 768px) {
  .post__header .username {
    width: 100%;
  }
}
.post__date {
  color: hsl(225, 20%, 75%);
  display: flex;
  line-height: 1;
  align-items: baseline;
  white-space: nowrap;
}
.post__date:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.75rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
.post__date:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .post__date {
    width: 100%;
  }
  .post__date:before {
    content: none;
  }
}
.post__content {
  position: relative;
  grid-area: C;
  display: grid;
  grid-gap: 1rem;
}
.post__content--share + .post__footer,
.post__content--has-medias + .post__footer {
  border-top: 0;
}
.post__context {
  margin-left: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.post__link {
  padding: 0;
  border: none;
  background: transparent;
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  outline: none;
  white-space: nowrap;
}
.post__link:hover {
  text-decoration: underline;
}
.post__text {
  word-break: break-word;
}
.post__text--colored {
  color: hsl(351, 90%, 64%);
}
.post__text h2 {
  font-size: 1.4rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.post__text > button,
.post__text > a,
.post__text > .post__overflow {
  font-size: 1.4rem;
  padding: 0;
  border: none;
  background: transparent;
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  outline: none;
}
.post__text > button:hover,
.post__text > a:hover,
.post__text > .post__overflow:hover {
  text-decoration: underline;
}
.post__pinned {
  font-size: 1.2rem;
  color: hsl(225, 20%, 80%);
  letter-spacing: 1px;
  z-index: 2;
  width: 100%;
  position: relative;
  margin-bottom: 0.25rem;
}
.post__pinned i {
  margin-right: 0.5rem;
  font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
  .post__pinned {
    padding: 2rem 2rem 0 5.5rem;
  }
}
.post__paid {
  background: hsl(351, 90%, 64%);
  padding: 0.5rem 1rem;
  border-radius: 5rem;
  line-height: 1;
  font-size: 1.2rem;
  color: white;
  text-align: center;
  margin-left: 1rem;
}
@media screen and (max-width: 768px) {
  .post__paid {
    margin-left: 0;
    order: -1;
    margin-bottom: 0.5rem;
  }
}
.post__discovered {
  background: hsl(40, 95%, 57%);
  padding: 0.5rem 1rem;
  border-radius: 5rem;
  line-height: 1;
  font-size: 1.2rem;
  color: white;
  text-align: center;
  margin-left: 1rem;
}
.post__category {
  background: hsl(216, 73%, 51%);
  padding: 0.5rem 1rem;
  border-radius: 5rem;
  line-height: 1;
  font-size: 1.2rem;
  color: white;
  text-align: center;
  margin-left: 1rem;
}
.post--locked {
  padding-bottom: 2rem;
}
.post--locked .post__content {
  margin-top: 1rem;
}
.post--locked .medias {
  grid-template-columns: 1fr;
  background: hsl(225, 20%, 95%);
}
.post--locked .media {
  display: none;
}
.post--locked .media:nth-child(1) {
  display: block;
}
.post--locked .media__cover {
  opacity: 0.2;
  filter: grayscale();
  padding-bottom: 56.5% !important;
}
.post--locked .media--video .media__cover:before {
  content: none;
}
.post-locked {
  padding-bottom: 75%;
  background-image: url("lock-background.9b596ae73009.jpg");
  background-size: cover;
  border-radius: 1rem;
  border: 1px solid hsl(225, 20%, 95%);
  background-position: center;
  position: relative;
  cursor: pointer;
  transition: all ease-in 250ms;
}
.post-locked:hover {
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.post-locked__content {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 500;
  font-size: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
  padding: 2rem;
  flex-direction: column;
}
.post-locked__cta {
  margin: 0;
  background: linear-gradient(45deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  color: white;
  padding: 1rem 2rem;
  border-radius: 2rem;
  width: 100%;
  align-self: flex-end;
  font-size: 1.5rem;
  font-weight: normal;
}
.post-locked__icon {
  flex: 1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-bottom: 1rem;
}
.post-locked__icon:before {
  transform: rotate(35deg) scale(1);
  transition: all ease 250ms;
  width: 10rem;
  height: 10rem;
  content: '';
  background-image: url("heart-lock__orange--closed.90d55f44d6a5.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  -moz-filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
  -ms-filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
  filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
}
.post-locked__infos {
  padding: 0.5rem 1rem;
  color: hsl(225, 20%, 40%);
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.post-locked:hover .post-locked__icon:before {
  transform: rotate(0deg) scale(1.05);
  background-image: url("heart-lock__orange--open.f667bef68383.svg");
}
.post--shared .post__action--share .post__action-trigger:before {
  font-weight: bold;
  color: hsl(225, 20%, 10%);
}
.post--shared .post__action--share .post__counter {
  color: hsl(225, 20%, 10%);
}
.post--liked .post__action--like .post__action-trigger:before {
  font-weight: bold;
  color: hsl(350, 83%, 55%);
}
.post--liked .post__action--like .post__counter {
  color: hsl(350, 83%, 55%);
}
/************************************* */
.post.share .user-account .username-wrapper {
  color: hsl(225, 20%, 75%);
  align-items: baseline;
}
.post.share .user-account .username-wrapper .post-link {
  text-decoration: none;
  color: hsl(351, 90%, 64%);
}
.post:hover .post-header .dropdown-wrapper {
  opacity: 1;
}
@media screen and (max-width: 778px) {
  .post {
    border-radius: 0;
  }
  .post .post-header {
    padding: 1rem 5rem 0 1rem;
  }
  .post .post-header .user-account {
    padding-left: 5rem;
  }
  .post .post-content {
    padding-left: 6rem;
    padding-right: 1rem;
  }
}
.post .live {
  display: block;
  margin-bottom: 1rem;
}
.post .live .medias {
  border-radius: 1.5rem 1.5rem 0 0;
}
.post .live .medias:before {
  content: attr(data-text);
  background: hsla(350, 83%, 55%, 0.9);
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  color: white;
  position: absolute;
  top: 1rem;
  right: 2rem;
  z-index: 1;
  border-radius: 1rem;
}
.post .live__description {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  background: hsl(225, 20%, 95%);
  align-items: center;
  border-radius: 0 0 1.5rem 1.5rem;
}
.post .live__text {
  padding-right: 1rem;
}
.post .live__title {
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.post .live__subtitle {
  font-size: 1.3rem;
}
.post .live__subtitle--closed {
  color: hsl(225, 20%, 60%);
  display: none;
}
.post .live__subtitle--open {
  color: hsl(138, 62%, 51%);
}
.post .live__button {
  background: hsl(225, 20%, 90%);
  padding: 1rem;
  border-radius: 0.5rem;
}
.post .live--closed {
  pointer-events: none;
}
.post .live--closed .medias:before {
  background: rgba(0, 0, 0, 0.9);
}
.post .live--closed .live__button {
  display: none;
}
.post .live--closed .live__subtitle--closed {
  display: block;
}
.post .live--closed .live__subtitle--open {
  display: none;
}
.post__moderate {
  width: 100%;
  display: flex;
}
.post__moderate > span {
  background: hsl(40, 95%, 90%);
  color: hsl(40, 95%, 20%);
  padding: 0.5rem 1.5rem;
  border-radius: 3rem;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.post__scheduled {
  width: 100%;
  display: flex;
}
.post__scheduled > span {
  background: hsl(216, 73%, 90%);
  color: hsl(216, 73%, 20%);
  padding: 0.5rem 1.5rem;
  border-radius: 3rem;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.post__scheduled--error > span {
  background: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 20%);
}
.post--unpublished .post__date {
  display: none;
}
.post--unpublished .post__unpublished {
  padding-bottom: 56.5%;
  position: relative;
  background: url("orange-background.32a8d081603a.jpg");
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
}
.post--unpublished .post__unpublished:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.2);
  z-index: 3;
  content: '';
  left: 0;
  top: 0;
}
.post--unpublished .post__unpublished--error {
  background: hsl(350, 83%, 55%);
}
.post--unpublished .post__unpublished--error:before {
  background: hsla(225, 20%, 10%, 0.5);
}
.post--unpublished .post__unpublished .unpublished__text--success {
  display: none;
}
.post--unpublished .post__unpublished--encoded {
  background: hsl(138, 62%, 80%);
}
.post--unpublished .post__unpublished--encoded .unpublished__loader {
  display: none;
}
.post--unpublished .post__unpublished--encoded .unpublished__text--progress {
  display: none;
}
.post--unpublished .post__unpublished--encoded .unpublished__text--success {
  display: block;
}
.post--unpublished .unpublished__text {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  color: white;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 2rem;
  font-weight: bold;
}
.post--unpublished .unpublished__text small {
  font-weight: normal;
  display: block;
  font-size: 1.2rem;
}
.post--unpublished .unpublished__text a {
  color: inherit;
}
.post--unpublished .unpublished__loader {
  position: absolute;
  width: calc(100% - 4rem);
  border-radius: 1rem;
  height: 0;
  padding-bottom: 1rem;
  z-index: 3;
  background: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  bottom: 2rem;
  left: 2rem;
}
.post--unpublished .unpublished__loader:before {
  position: absolute;
  content: '';
  width: 25%;
  background: white;
  height: 100%;
  left: -25%;
  border-radius: 1rem;
  -webkit-animation: loading ease-in-out 2s;
  animation: loading ease-in-out 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.post--fans {
  border-left: 0.5rem solid hsl(351, 90%, 64%);
}
.post--blacklisted .post__action--share,
.post--blacklisted .post__action--outside-share {
  display: none;
  pointer-events: none;
}
@media screen and (max-width: 778px) {
  .infinite-item:last-of-type .post {
    margin-bottom: 15rem;
  }
}
.post-deleted {
  text-align: center;
  color: white;
  padding: 2rem;
  background: hsl(350, 83%, 55%);
  border-radius: 1.5rem;
  margin-bottom: 2rem;
}
/* Identical Post */
.see-identical-post {
  display: block;
  text-align: center;
  width: 100%;
  font-size: 1.5rem;
  color: hsl(351, 90%, 64%);
  letter-spacing: 1px;
  padding: 1rem;
  background: transparent;
  position: relative;
  margin-top: 1rem;
}
.see-identical-post span {
  background: #eff1f5;
  padding: 1rem;
  position: relative;
  z-index: 1;
}
.see-identical-post:before {
  content: '';
  width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1px;
  background: hsl(225, 20%, 90%);
  display: block;
  position: absolute;
}
.related-post {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
}
.related-post .post__wrapper {
  width: calc(100% / 3);
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .related-post .post__wrapper {
    width: 50%;
    padding: 0.5rem;
  }
}
@media screen and (max-width: 310px) {
  .related-post .post__wrapper {
    width: 100%;
  }
}
.related-post .post__wrapper .user-account {
  margin-bottom: 0.5rem;
  display: block;
}
.related-post .post__wrapper .post {
  border-radius: 2rem;
  padding: 2rem;
  min-height: 100%;
}
.related-post .post__wrapper .post .post__link {
  display: block;
}
.related-post .post__wrapper .post .post__link img {
  display: block;
  width: 100%;
  margin-top: 1rem;
}
.post.gift-post {
  display: flex;
  align-items: center;
  position: relative;
}
.post.gift-post .gift-label {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 0;
  padding: 1.25rem 1rem;
  border-radius: 7rem;
  display: flex;
  align-items: center;
  background: white;
  z-index: 2;
  border: 5px solid hsl(225, 20%, 95%);
}
.post.gift-post .gift-label.real {
  color: hsl(351, 90%, 64%);
}
.post.gift-post .gift-label.virtual {
  color: hsl(225, 20%, 75%);
}
.post.gift-post .gift-label:before {
  content: "\f06b";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1rem;
}
.post.gift-post .gift-img {
  width: 15rem;
  min-height: 12rem;
  background: white;
  overflow: hidden;
  align-self: normal;
}
.post.gift-post .gift-img > span,
.post.gift-post .gift-img a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.post.gift-post .post-content {
  padding: 2rem;
  flex: 1;
}
.post.gift-post .post-content .user-account .username-wrapper {
  color: hsl(225, 20%, 75%);
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.post.gift-post .post-content .user-account .username-wrapper > * {
  margin-right: 0.5rem;
  display: flex;
}
.post.gift-post .post-content .user-account .username-wrapper .gift-link {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
  text-decoration: none;
}
.post.gift-post .post-content .user-account .username-wrapper .username {
  color: hsl(225, 20%, 10%);
  line-height: inherit;
}
.post.gift-post .post-content .user-account .username-wrapper .gift-date {
  color: hsl(225, 20%, 75%);
  line-height: 1;
  width: 100%;
}
.post.gift-post .post-content .user-account .gift-private-msg {
  color: hsl(225, 20%, 10%);
  width: 100%;
  padding: 1rem 1.5rem;
  margin: 0;
  margin-top: 1rem;
  background: hsl(225, 20%, 95%);
  border-radius: 1.5rem;
  text-align: center;
  align-items: center;
}
@media screen and (max-width: 778px) {
  .post.gift-post .post-content {
    padding: 1rem;
  }
  .post.gift-post .gift-label {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0);
    padding: 1.5rem 2rem 2rem 1rem;
    border-radius: 0 0 10rem 0;
  }
  .post.gift-post .gift-img {
    border-radius: 0;
  }
}
.post.event-post .similar-event {
  display: none !important;
}
.post.event-post .post-content .event-content {
  border-radius: 1.5rem;
  border: 1px solid hsl(225, 20%, 95%);
  text-decoration: none;
  display: block;
  width: 100%;
  overflow: hidden;
  z-index: 2;
  position: relative;
  transition: all ease 250ms;
}
.post.event-post .post-content .event-content .cover {
  width: 100%;
  overflow: hidden;
}
.post.event-post .post-content .event-content .cover > span {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  padding-bottom: 56%;
  display: block;
}
.post.event-post .post-content .event-content .event-details {
  padding: 1rem;
}
.post.event-post .post-content .event-content .event-details .event-date {
  display: block;
  text-decoration: none;
  color: hsl(351, 90%, 64%);
  font-size: 1.3rem;
}
.post.event-post .post-content .event-content .event-details .event-name {
  color: hsl(225, 20%, 10%);
  margin: 0 !important;
  font-size: 1.8rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.post.event-post .post-content .event-content .event-details .event_planner {
  margin: 0;
  color: hsl(225, 20%, 75%);
  font-size: 1.3rem;
}
.post.event-post .post-content .event-content:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.05);
}
.post.event-post.similar-content .similar-event {
  display: inline-flex !important;
}
.post.event-post.similar-content .post-header {
  border-bottom: 1px solid hsl(225, 20%, 60%);
}
.post.event-post.similar-content .post-header .user-account .username-wrapper a.text:hover {
  text-decoration: none;
  color: hsl(225, 20%, 60%);
}
.post.event-post.similar-content .post-header .user-account .username-wrapper a.text > span {
  display: none;
}
.post.event-post.similar-content .post-header .user-account .username-wrapper a.text span.similar-event > .bold {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-left: 0.5rem;
  color: hsl(351, 90%, 64%);
  text-decoration: none;
}
.post.event-post.similar-content .post-header .user-account .username-wrapper span.text > a {
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-left: 0.5rem;
  color: hsl(225, 20%, 10%);
  text-decoration: none;
}
.post.event-post.similar-content .post-content {
  display: none;
}
.post.comment .user-account {
  align-items: flex-start;
}
.post.comment .user-account .username-wrapper {
  padding-top: 0.5rem;
}
.post.comment .user-account .username-wrapper .post-comment {
  width: 100%;
  color: #1d2129;
  line-height: 1.8rem;
  font-size: 1.5rem;
}
.post.comment .user-account .username-wrapper .post-comment > button,
.post.comment .user-account .username-wrapper .post-comment > a {
  font-size: 1.4rem;
  padding: 0;
  border: none;
  background: transparent;
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  padding-left: 0.25rem;
  outline: none;
}
.post.comment .user-account .username-wrapper .post-comment > button:hover,
.post.comment .user-account .username-wrapper .post-comment > a:hover {
  text-decoration: underline;
}
.post.comment .user-account .username-wrapper .post-comment .date {
  font-size: 1.2rem;
  color: hsl(225, 20%, 60%);
}
.post.comment.last:not(:first-child) {
  border-radius: 1rem 1rem 0 0;
}
.post.announcement .announcement-content {
  display: block;
  border-radius: 1.5rem;
  overflow: hidden;
  border: 1px solid hsl(225, 20%, 95%);
  z-index: 2;
  transition: all ease 250ms;
  position: relative;
}
.post.announcement .announcement-content img {
  width: 100%;
  display: block;
}
.post.announcement .announcement-content .announcement-detail {
  padding: 1rem;
}
.post.announcement .announcement-content .announcement-detail .announcement-title {
  color: hsl(225, 20%, 10%);
  margin: 0 !important;
  font-size: 1.8rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}
.post.announcement .announcement-content .announcement-detail .post-text .see-more {
  color: hsl(351, 90%, 64%);
  margin-left: 0.5rem;
}
.post.announcement .announcement-content .announcement-detail .post-text .see-more:hover {
  text-decoration: underline;
}
.post.announcement .announcement-content:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.05);
}
.post.announcement .announcement-content.announcement-full {
  margin-bottom: 2rem;
}
.post.announcement .announcement-content.announcement-full .announcement-detail .post-text p {
  margin: 0;
}
.post--shared-content {
  border: 1px solid hsl(225, 20%, 90%);
  overflow: hidden;
  transition: all ease 250ms;
  border-radius: 1.5rem;
  padding: 0;
  display: block;
  margin: 0;
}
.post--shared-content .post__pinned {
  display: none;
}
.post--shared-content .post__container {
  padding: 1rem;
  grid-gap: 1rem;
  grid-template-areas: "A B" "C C";
}
.post--shared-content .post__header {
  align-items: center;
  padding-left: 1rem;
}
.post--shared-content .post__date {
  width: 100%;
}
.post--shared-content .post__date:before {
  content: none;
}
.post--shared-content .medias {
  border-radius: 0;
  margin: 0rem -1rem -1rem -1rem;
}
.post--shared-content:hover {
  background: hsl(225, 20%, 98%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1), 0 15px 35px rgba(0, 0, 0, 0.05);
}
.post.premium-content {
  padding-bottom: 2rem;
}
.post.premium-content .post-media .img-wrapper.video .img:before,
.post.premium-content .post-media .img-wrapper.video-monetized .img:before {
  content: "\f04b";
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 6.5rem;
  opacity: 0.6;
}
.post.premium-content .post-media .img-wrapper .img {
  display: block;
  position: relative;
}
.post.premium-content .post-media .img-wrapper .img .lock {
  top: 0;
  right: 0;
  position: absolute;
  display: block;
}
.post.premium-content .post-media .img-wrapper .img .lock:before {
  content: "\f023";
  position: absolute;
  color: hsl(0, 0%, 100%);
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  z-index: 2;
  font-size: 4.5rem;
  right: 2rem;
  top: 2rem;
  display: block;
}
.post.premium-content .post-media .img-wrapper .img .lock:after {
  border-top: 150px solid hsla(225, 20%, 10%, 0.6);
  border-left: 150px solid transparent;
  content: '';
  display: block;
}
@media screen and (max-width: 980px) {
  .post.premium-content .post-media .img-wrapper .img .lock:before {
    font-size: 2.5rem;
    right: 1.5rem;
    top: 2rem;
  }
  .post.premium-content .post-media .img-wrapper .img .lock:after {
    border-top: 100px solid hsla(225, 20%, 10%, 0.6);
    border-left: 100px solid transparent;
  }
}
.post.premium-content .post-media .img-wrapper .img .lock.promo:before {
  content: "\f295";
}
.post.premium-content .post-media .img-wrapper .img .lock.promo:after {
  border-top: 150px solid hsla(138, 62%, 51%, 0.8);
}
@media screen and (max-width: 980px) {
  .post.premium-content .post-media .img-wrapper .img .lock.promo:after {
    border-top: 100px solid hsla(138, 62%, 51%, 0.8);
  }
}
.poll {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.poll:not(.poll--done) .poll__option {
  cursor: pointer;
}
.poll:not(.poll--done) .poll__option:hover {
  background: linear-gradient(45deg, hsl(216, 73%, 51%), hsl(216, 73%, 46%));
  color: white;
}
.poll--done .poll__option__percentage {
  display: flex;
}
.poll--done .poll__option__background {
  display: flex;
}
.poll--done .poll__option:not(.poll__option--voted) .poll__option__title:before {
  display: none;
}
.poll--done .poll__option--voted {
  border: 1px solid hsl(216, 73%, 90%);
}
.poll--done .poll__option--voted .poll__option__title:before {
  content: "\f058";
  opacity: 1;
  font-weight: bold;
  color: hsl(216, 73%, 51%);
}
.poll--done .poll__option--voted .poll__option__background {
  background: hsl(216, 73%, 90%);
}
.poll__results {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.poll__option {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-gap: 2rem;
  width: 100%;
  padding: 1.5rem 2rem;
  position: relative;
  border-radius: 0.5rem;
  overflow: hidden;
  border: 1px solid hsl(225, 20%, 90%);
}
.poll__option__title {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.poll__option__title:before {
  content: "\f111";
  font-family: "Font Awesome 5 Pro";
  font-weight: normal;
  opacity: 0.2;
}
.poll__option__title,
.poll__option__percentage {
  position: relative;
  z-index: 2;
}
.poll__option__background,
.poll__option__percentage {
  display: none;
}
.poll__option__background {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0.5rem;
  background: hsl(225, 20%, 90%);
  z-index: 1;
}
.poll__subtitle {
  color: hsl(225, 20%, 60%);
  display: flex;
  gap: 0.5rem;
  font-size: 1.3rem;
  align-items: center;
}
.poll__separator {
  width: 2px;
  height: 2px;
  background: hsl(225, 20%, 60%);
  display: block;
  border-radius: 50%;
}
.poll-form {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem 0;
}
.poll-form__separator {
  width: 100%;
  border-top: 1px solid hsl(225, 20%, 95%);
  display: block;
  margin: 1rem 0;
}
.poll-form__options {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.poll-form__option {
  display: flex;
  margin: 1rem 0;
  flex-wrap: wrap;
}
.poll-form__option .form-error {
  width: 100%;
  order: 3;
}
.poll-form__input {
  width: 100%;
  border: 1px solid hsl(225, 20%, 95%);
  border-radius: 0.5rem;
  font-size: 1.5rem;
  outline: none;
  padding: 1rem;
  flex: 1;
}
.poll-form__input:focus {
  border: 1px solid hsl(216, 73%, 51%);
}
.poll-form__time {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.poll-form__delete {
  padding: 1rem;
  font-size: 1.5rem;
}
.poll-form__delete i {
  pointer-events: none;
}
.poll-form__add {
  padding: 1rem;
  color: hsl(216, 73%, 51%);
  font-size: 2rem;
}
.poll-form__add i {
  pointer-events: none;
}
.poll-form__label {
  font-weight: bold;
  font-size: 1.3rem;
  margin: 1rem 0;
}
.poll-form__cancel {
  color: hsl(350, 83%, 55%);
  text-align: center;
  width: 100%;
  border-top: 1px solid hsl(225, 20%, 95%);
  padding-top: 2rem;
  margin-top: 2rem;
}
.poll-form__selects {
  display: flex;
  width: 100%;
}
.poll-form__selects > * {
  margin-right: 1rem;
}
.poll-form__selects > *:last-child {
  margin-right: 0;
}
.poll-form__select {
  width: 100%;
  position: relative;
}
.poll-form__select__title {
  display: flex;
  color: hsl(225, 20%, 60%);
  font-size: 1.2rem;
  position: absolute;
  left: 1rem;
  top: 1rem;
}
.poll-form__select select {
  outline: none;
  padding: 3rem 1rem 0.5rem 1rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 2rem;
  width: 100%;
  border-radius: 1rem;
  border: 1px solid hsl(225, 20%, 95%);
}
.poll-form__select:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 50%;
  right: 1rem;
  font-weight: bold;
  transform: translateY(-50%);
}
.poll-form__select:focus {
  border: 1px solid hsl(216, 73%, 51%);
}
.post__footer {
  grid-area: D;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid hsl(225, 20%, 95%);
  margin-top: 1px;
}
.post__action-trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsl(225, 20%, 75%);
}
.post__action-trigger:before {
  font-size: 1.8rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: 400;
  pointer-events: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Pro";
  margin: 0.5rem;
}
.post__action {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 250ms;
  background: transparent;
}
.post__action--like .post__action-trigger:before {
  content: "\f004";
}
.post__action--like:hover .post__action-trigger {
  color: hsl(350, 83%, 55%);
}
.post__action--like:hover .post__action-trigger:before {
  background: hsla(350, 83%, 55%, 0.1);
}
.post__action--like:hover .post__counter {
  color: hsl(350, 83%, 55%);
}
.post__action--comment .post__action-trigger:before {
  content: "\f075";
}
.post__action--comment:hover .post__action-trigger {
  color: hsl(216, 73%, 51%);
}
.post__action--comment:hover .post__action-trigger:before {
  background: hsla(216, 73%, 51%, 0.1);
}
.post__action--comment:hover .post__counter {
  color: hsl(216, 73%, 51%);
}
.post__action--outside-share .post__action-trigger:before {
  content: "\f1e0";
}
.post__action--outside-share:hover .post__action-trigger {
  color: hsl(225, 20%, 10%);
}
.post__action--outside-share:hover .post__action-trigger:before {
  background: hsla(225, 20%, 10%, 0.05);
}
.post__action--outside-share:hover .post__counter {
  color: hsl(225, 20%, 10%);
}
.post__action--share .post__action-trigger:before {
  content: "\f064";
}
.post__action--share:hover .post__action-trigger {
  color: hsl(225, 20%, 10%);
}
.post__action--share:hover .post__action-trigger:before {
  background: hsla(225, 20%, 10%, 0.05);
}
.post__action--share:hover .post__counter {
  color: hsl(225, 20%, 10%);
}
.post__counter {
  font-size: 0;
  visibility: visible;
  color: hsl(225, 20%, 75%);
}
.post__counter:before {
  content: attr(data-counter-value);
  font-size: 1.8rem;
}
.post__counter[data-counter-value="0"] {
  visibility: hidden;
  pointer-events: none;
}
/* Post Action border */
.medias + .post-footer .post-actions,
.share-content + .post-footer .post-actions,
.event-content + .post-footer .post-actions,
a.announcement-content + .post-footer .post-actions {
  border-top: 0;
}
.post__comments .alert.alert-danger {
  background: hsl(350, 83%, 80%);
  padding: 1rem;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  color: hsl(350, 83%, 20%);
  text-align: center;
}
.comments__toggle {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1rem;
  align-items: center;
}
.comments__counter {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
}
.comments__counter .displayed:before {
  content: attr(data-displayed);
}
.comments__counter .total:before {
  content: attr(data-total);
}
.comments__btn {
  font-size: 1.2rem;
  display: block;
  color: hsl(351, 90%, 64%);
  padding: 0.5rem 0;
}
.comment {
  position: relative;
  display: grid;
  grid-auto-columns: auto 1fr;
  grid-column-gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.comment__avatar {
  grid-column: 1;
}
.comment__container {
  grid-column: 2;
  position: relative;
  display: grid;
  grid-row-gap: 0.5rem;
}
.comment__settings {
  position: absolute;
  right: 1rem;
  top: 0;
  opacity: 0;
}
.comment__settings > button {
  opacity: 0.5;
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
  transition: background ease-in-out 250ms;
}
.comment__settings > button:hover,
.comment__settings > button:active,
.comment__settings > button:focus {
  background: hsla(225, 20%, 60%, 0.2);
}
.comment__settings > button:before {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.8rem;
  color: hsl(225, 20%, 60%);
  display: block;
  line-height: 1rem;
}
.comment__header {
  display: flex;
  font-size: 1.4rem;
  align-items: baseline;
  flex-wrap: wrap;
}
.comment__date {
  color: hsl(225, 20%, 75%);
  display: flex;
  line-height: 1;
  align-items: baseline;
}
.comment__date:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.75rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
.comment__content {
  margin: 0;
  word-break: break-word;
}
.comment__footer {
  display: flex;
  align-items: center;
}
.comment__action {
  display: flex;
  align-items: center;
  justify-content: center;
}
.comment__action-trigger {
  font-size: 0;
}
.comment__action-trigger:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
  font-weight: 100;
  color: hsl(225, 20%, 75%);
  content: "\f004";
  padding: 0.5rem;
  display: block;
}
.comment__action-trigger:hover:before {
  font-weight: bold;
  color: hsl(351, 90%, 64%);
}
.comment__counter {
  font-size: 0;
  opacity: 1;
}
.comment__counter:before {
  content: attr(data-counter-value);
  font-size: 1.2rem;
  line-height: 1;
  color: hsl(225, 20%, 75%);
  display: block;
}
.comment__counter[data-counter-value="0"] {
  pointer-events: none;
  opacity: 0;
}
.comment--liked .comment__action-trigger:before {
  font-weight: bold;
  color: hsl(350, 83%, 55%);
}
.comment--liked .comment__counter:before {
  color: hsl(350, 83%, 55%);
}
.comment__restricted {
  text-align: center;
  padding: 3rem;
}
.comment__restricted a,
.comment__restricted span {
  color: hsl(351, 90%, 64%);
}
.comment__form {
  border-top: 1px solid hsl(225, 20%, 95%);
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.comment--input {
  border: none;
  padding: 0;
  margin: 0;
}
.comment--input div[contenteditable] {
  border: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
  background: hsl(225, 20%, 95%);
  padding: 1.25rem 2rem;
  line-height: 1.2;
  border-radius: 2rem;
}
.comment--input div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.comment--input textarea {
  width: 100%;
  display: none;
}
.comment--input textarea:not(:invalid) + button {
  color: hsl(216, 73%, 51%);
}
.comment--input.has-error textarea {
  border: 1px solid hsl(350, 83%, 55%);
}
.comment__submit {
  position: absolute;
  bottom: 1.25rem;
  right: 1.5rem;
  font-size: 0;
  background: transparent;
  color: hsl(225, 20%, 75%);
  border-radius: 50%;
  padding: 0;
  transition: color ease 250ms;
}
.comment__submit:hover {
  color: hsl(216, 73%, 51%);
}
.comment__submit:before {
  font-size: 1.8rem;
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.comment .mention-list {
  left: 5.5rem;
}
.comment:hover .comment__settings {
  opacity: 1;
}
.medias {
  position: relative;
  display: grid;
  grid-gap: 0.5rem;
  border-radius: 1.5rem;
  overflow: hidden;
}
.medias--multiple,
.medias--duo {
  grid-template-columns: repeat(2, 1fr);
}
.medias--trio {
  grid-template-areas: "A B" "A C";
}
.medias--trio > *:nth-child(1) {
  grid-area: A;
}
.medias--trio > *:nth-child(1) .media__cover {
  padding-bottom: calc(200% + 0.5rem);
}
.medias--trio > *:nth-child(2) {
  grid-area: B;
}
.medias--trio > *:nth-child(3) {
  grid-area: C;
}
.medias--trio > *:nth-child(4) {
  grid-area: D;
}
.medias--trio.medias--landscape {
  grid-template-areas: "A A" "B C";
}
.medias--trio.medias--landscape > *:nth-child(1) .media__cover {
  padding-bottom: calc(50% - 0.25rem);
}
.medias .alert {
  color: white;
  text-align: center;
  padding: 1rem;
  border-radius: 2rem;
  display: block;
  width: 100%;
}
.medias .alert.alert-danger {
  background: hsl(350, 83%, 55%);
}
.medias .alert.alert-warning {
  background: hsl(40, 95%, 57%);
}
.media-player {
  position: relative;
  width: 100% !important;
  height: auto !important;
  padding-bottom: 100%;
}
.media-player .video-js {
  padding-top: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.media {
  width: 100%;
  cursor: pointer;
}
.media--video {
  position: relative;
}
.media--video .media__cover:before {
  content: "\f04b";
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 6.5rem;
  opacity: 0.6;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.media.loading .media__cover:before {
  content: "\f3f4";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 6.5rem;
  opacity: 0.6;
}
.media__cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  padding-bottom: 100%;
  display: block;
}
.media__next {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  text-decoration: none;
}
.media img {
  opacity: 0;
  position: absolute;
  top: 0;
  width: 150px;
  z-index: -1;
}
.unpublished {
  position: relative;
}
.unpublished:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.9);
  z-index: 3;
  content: '';
}
.unpublished .loading-text {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  color: white;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 2rem;
}
.unpublished .loading-text small {
  display: block;
  font-size: 1.2rem;
}
.unpublished .loading-text a {
  color: inherit;
}
.unpublished .loadingbar {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 1rem;
  z-index: 3;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.unpublished .loadingbar:before {
  position: absolute;
  content: '';
  width: 25%;
  background: hsl(351, 90%, 64%);
  height: 100%;
  left: -25%;
  -webkit-animation: loading ease-in-out 2s;
  animation: loading ease-in-out 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.lock {
  top: 0;
  right: 0;
  position: absolute;
  display: block;
  z-index: 2;
}
.lock:before {
  content: "\f023";
  position: absolute;
  color: hsl(0, 0%, 100%);
  font-family: "Font Awesome 5 Pro", sans-serif;
  font-weight: bold;
  z-index: 2;
  font-size: 4.5rem;
  right: 2rem;
  top: 2rem;
  display: block;
}
.lock:after {
  border-top: 150px solid hsla(225, 20%, 10%, 0.6);
  border-left: 150px solid transparent;
  content: '';
  display: block;
}
@media screen and (max-width: 980px) {
  .lock:before {
    font-size: 2.5rem;
    right: 1.5rem;
    top: 2rem;
  }
  .lock:after {
    border-top: 100px solid hsla(225, 20%, 10%, 0.6);
    border-left: 100px solid transparent;
  }
}
.lock.promo:before {
  content: "\f295";
}
.lock.promo:after {
  border-top: 150px solid hsla(138, 62%, 51%, 0.8);
}
@media screen and (max-width: 980px) {
  .lock.promo:after {
    border-top: 100px solid hsla(138, 62%, 51%, 0.8);
  }
}
/* Profile Page */
.profile-view .main {
  --profil-column: 78rem;
  --cover-height: 35rem;
  --avatar-width: 14rem;
}
.profile-view .main__grid {
  grid-template-columns: var(--profil-column);
  justify-content: center;
}
.profile-view .main__content {
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .profile-view .main {
    --profil-column: 100%;
    --avatar-width: 10rem;
  }
  .profile-view [data-main-container] {
    padding-top: calc(var(--header-height) - 1rem) !important;
    padding-bottom: 4rem;
  }
  .profile-view [data-main-container] .profile__cover {
    border-radius: 0;
  }
}
.profile-view .main__content .anonymous-ban {
  position: fixed;
  top: var(--header-height);
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
  background: rgba(0, 0, 0, 0.4);
  z-index: 3;
  color: white;
  font-size: 1.5rem;
  letter-spacing: 1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.profile-view .main__content .anonymous-ban button {
  font-weight: 700;
  color: hsl(225, 20%, 10%);
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 1.5rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
  background: white;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .profile-view .main__content .anonymous-ban {
    flex-wrap: wrap;
  }
}
.profile-view .unpublished-post {
  padding: 1rem;
  text-align: center;
  font-size: 1.5rem;
  display: block;
  color: hsl(40, 95%, 20%);
  font-weight: bold;
  margin-bottom: 2rem;
}
.profile-view .timeline {
  min-height: 100vh;
}
.profile {
  position: relative;
}
.profile-cover-background {
  width: 100%;
  height: var(--cover-height);
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: hsl(225, 20%, 10%);
}
.profile-cover-background .profile__cover {
  width: 100%;
  height: 100%;
  -moz-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
  transform: scale(1.1);
}
@media screen and (max-width: 768px) {
  .profile-cover-background {
    display: none;
  }
}
.profile__return {
  position: absolute;
  left: -1rem;
  z-index: 1;
  top: calc(var(--cover-height) - 3rem - (var(--cover-height) / 3));
  transform: translate(-100%, -100%);
  padding: 1.5rem 2rem;
  font-size: 1.4rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 900;
  display: flex;
  align-items: center;
  line-height: 1;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 4rem;
  transition: all ease 250ms;
  color: white;
}
.profile__return i {
  font-size: 1.5rem;
  margin-right: 1rem;
  color: hsl(351, 90%, 64%);
}
.profile__return:hover {
  color: hsl(225, 20%, 10%);
  background: white;
  box-shadow: 0 5px 15px #000000, 0 15px 35px #000000;
}
.profile__cover {
  background-image: url("orange-background.32a8d081603a.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.profile__wrapper {
  background: white;
  border-radius: 1.5rem;
  margin-bottom: 2rem;
  position: relative;
}
.profile__wrapper--scrolled {
  display: none;
}
.profile__wrapper .profile__cover {
  width: 100%;
  padding-bottom: 40%;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1.5rem 1.5rem 0 0;
  overflow: hidden;
}
.profile__content {
  display: grid;
  grid-column-gap: 2rem;
  grid-row-gap: 1rem;
  padding: 2rem;
  align-items: flex-start;
  grid-template-columns: var(--avatar-width) 1fr;
  position: relative;
}
.profile__description {
  grid-column: span 2;
  font-size: 1.4rem;
  color: hsl(225, 20%, 10%);
  display: block;
}
.profile__avatar {
  margin-top: -7rem;
  position: relative;
}
.profile__avatar .user-avatar {
  border: 5px solid white;
  border-radius: 50%;
  position: relative;
}
.profile__avatar .user-avatar img {
  width: 100%;
}
.profile__avatar .user-avatar--mfstar:after {
  font-size: 2rem;
  padding: 0.825rem 1rem;
  top: 1rem;
  right: 2rem;
}
@media screen and (max-width: 768px) {
  .profile__avatar .user-avatar--mfstar:after {
    font-size: 1.3rem;
    top: 1rem;
    right: 1rem;
  }
}
.profile__avatar .user-avatar--story {
  padding: 0.5rem;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  border: none;
}
.profile__avatar .user-avatar--story img {
  border: 5px solid white;
}
@media screen and (max-width: 1300px) {
  .profile__avatar {
    margin-top: -4rem;
  }
}
.profile__informations {
  position: relative;
}
.profile__informations .user-account .username-wrapper {
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.profile__informations .user-account .username .username-text {
  line-height: 1.5;
}
.profile__follow {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  display: grid;
  grid-column-gap: 1rem;
  align-items: center;
  grid-template-columns: repeat(5, auto);
  justify-content: flex-end;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.profile__follow .follow__action {
  transition: all ease 250ms;
  cursor: pointer;
}
.profile__follow .follow__action--small {
  width: 5rem;
  height: 5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  border-radius: 50%;
  background: white;
  font-size: 1.9rem;
}
.profile__follow .follow__action--big {
  padding: 1rem 2rem;
  color: white;
  border-radius: 5rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  z-index: 2;
}
.profile__follow .follow__action--big:hover {
  transform: scale(1.05);
}
.profile__follow .follow__action--subscribe {
  background: linear-gradient(45deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
}
.profile__follow .follow__action--liked {
  color: hsl(350, 83%, 55%);
}
.profile__follow .follow__action--promo {
  background: linear-gradient(45deg, hsl(138, 62%, 51%), hsl(138, 62%, 61%));
  position: relative;
}
.profile__follow .follow__action--promo .promo-label {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  right: 0;
  background: white;
  border-radius: 3rem;
  color: hsl(138, 62%, 51%);
  padding: 0.25rem 0.75rem;
  letter-spacing: 0;
  font-size: 1.1rem;
  text-transform: uppercase;
  display: block;
}
.profile__follow .follow__action--subscribed {
  background: linear-gradient(45deg, hsl(216, 73%, 51%), hsl(216, 100%, 68%));
}
.profile__follow .follow__action > i {
  pointer-events: none;
}
.profile__follow .follow__action.follow__actions--like:hover {
  color: hsl(350, 83%, 55%);
}
.profile__follow .follow__action.follow__actions--liked {
  color: hsl(350, 83%, 55%);
  font-weight: bold;
}
.profile__follow .follow__action.follow__actions--blacklisted {
  color: hsl(350, 83%, 55%);
  font-weight: bold;
}
.profile__counter {
  display: flex;
  width: 100%;
}
.profile__counter li .counter {
  color: hsl(225, 20%, 75%);
  text-transform: capitalize;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}
.profile__counter li .counter i {
  margin-right: 0.5rem;
}
.profile__counter li .counter:after {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  background: hsl(225, 20%, 75%);
  margin: 0 1rem;
  border-radius: 50%;
}
.profile__counter li:last-child .counter:after {
  content: none;
}
.profile__gallery {
  background: white;
}
.profile__actions {
  display: flex;
  padding-bottom: 1rem;
  flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.profile__action {
  padding: 1.5rem 3rem;
  display: flex;
  align-items: center;
  background: #1C2B34;
  text-align: center;
  color: white;
  border-radius: 1.5rem;
  justify-content: center;
  font-size: 1.6rem;
  margin: 0 0.5rem 1rem 0.5rem;
  flex: 1;
}
.profile__action > i {
  margin-right: 1rem;
}
.profile__action--subscribe {
  background: linear-gradient(45deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  flex: 1;
  min-width: 70%;
}
.profile__action--live {
  background: linear-gradient(45deg, hsl(99, 52%, 49%), hsl(121, 45%, 43%));
  flex: 1;
  min-width: 100%;
}
.profile__action--promo {
  background: linear-gradient(45deg, hsl(138, 62%, 51%), hsl(138, 62%, 61%));
  flex: 1;
  min-width: 70%;
}
.profile__action--transparent {
  background: transparent;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  color: #1C2B34;
}
.profile .admin__actions {
  margin: 0 2rem;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  border-top: 1px solid hsl(225, 20%, 95%);
}
.profile .admin__actions ul {
  width: 100%;
  z-index: 3;
  position: relative;
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.profile .admin__actions ul li {
  padding: 0.25rem;
}
.profile .admin__actions ul li a,
.profile .admin__actions ul li button {
  display: flex;
  padding: 1.5rem 2.5rem;
  background: hsl(40, 95%, 90%);
  color: hsl(40, 95%, 20%);
  border-radius: 3rem;
  font-size: 1.5rem;
  font-weight: 600;
  transition: all ease 250ms;
}
.profile .admin__actions ul li a i,
.profile .admin__actions ul li button i {
  margin-right: 1rem;
  color: hsl(40, 95%, 57%);
  font-size: 1.8rem;
}
.profile .admin__actions ul li a:hover,
.profile .admin__actions ul li button:hover {
  transform: scale(1.05);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.profile__blacklisted {
  margin: 0 2rem;
  padding: 2rem 0;
  border-top: 1px solid hsl(225, 20%, 95%);
}
.profile__blacklisted .alert.alert-danger {
  background: hsl(350, 83%, 80%);
  padding: 1rem;
  border-radius: 1.5rem;
  color: hsl(350, 83%, 20%);
  text-align: center;
}
@media screen and (max-width: 778px) {
  .profile-view .main {
    --avatar-width: 60%;
  }
  .profile__wrapper {
    border-radius: 0;
    margin-bottom: 1rem;
  }
  .profile__avatar {
    margin-top: -35%;
    width: var(--avatar-width);
    margin-left: auto;
    margin-right: auto;
  }
  .profile__informations {
    width: 100%;
    flex: auto;
    grid-column: 1 / -1;
  }
  .profile__content {
    grid-template-columns: 1fr;
    grid-column-gap: 0;
  }
  .profile__follow {
    position: relative;
    grid-column: 1;
    transform: none;
    order: 0;
    grid-area: 2;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .profile__follow .follow__action--small {
    border: 1px solid #f0f1f5;
  }
  .profile__follow .follow__action--promo .promo-label {
    display: none;
  }
  .profile__follow .follow__action--promo,
  .profile__follow .follow__action--subscribe,
  .profile__follow .follow__action--subscribed {
    font-size: 0;
    width: 5rem;
    height: 5rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0;
  }
  .profile__follow .follow__action--promo i,
  .profile__follow .follow__action--subscribe i,
  .profile__follow .follow__action--subscribed i {
    display: none;
  }
  .profile__follow .follow__action--promo:before,
  .profile__follow .follow__action--subscribe:before,
  .profile__follow .follow__action--subscribed:before {
    content: "\f521";
    font-size: 1.5rem;
    font-family: "Font Awesome 5 Pro", sans-serif;
    display: block;
  }
  .profile__informations-box {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .profile__actions {
    padding: 1rem;
    margin: 0;
  }
  .profile__actions .profile__action {
    width: 100%;
    flex: auto;
  }
  .admin__actions {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    margin-top: 1rem;
  }
  .admin__actions ul {
    width: 100%;
    flex-wrap: wrap;
    order: 2;
    margin-top: 0.5rem;
  }
  .admin__actions ul li {
    width: 50%;
    display: flex;
    justify-content: center;
  }
  .admin__actions ul li a,
  .admin__actions ul li button {
    width: 100%;
    justify-content: center;
  }
}
.scrolled header nav {
  box-shadow: none;
}
.scrolled .profile__wrapper--scrolled {
  display: block;
  position: fixed;
  top: 7.5rem;
  width: 100%;
  background: white;
  left: 0;
  z-index: 6;
  border-top: 1px solid hsl(225, 20%, 95%);
  border-bottom: 1px solid hsl(225, 20%, 95%);
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
  -webkit-animation-duration: 500ms;
          animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  padding: 0;
  margin-bottom: 0;
  border-radius: 0;
}
.scrolled .profile__wrapper--scrolled .profile__content {
  width: 78rem;
  max-width: 100%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  grid-template-columns: 1fr auto;
}
.scrolled .profile__wrapper--scrolled .profile__follow {
  position: relative;
  top: auto;
  transform: unset;
}
.scrolled .profile__wrapper--scrolled .profile__follow .follow__action--small {
  width: 4rem;
  height: 4rem;
  border: 1px solid #f0f1f5;
  font-size: 1.5rem;
}
.scrolled .profile__wrapper--scrolled .profile__follow .follow__action--small .tooltip-box {
  top: auto;
  bottom: -0.5rem;
  transform: translate(-50%, 100%);
}
.scrolled .profile__wrapper--scrolled .profile__follow .follow__action--small .tooltip-box:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -100%);
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent hsla(225, 20%, 10%, 0.9) transparent;
}
@media screen and (max-width: 768px) {
  .scrolled .profile__wrapper--scrolled {
    transform: none;
    width: 100%;
    border-radius: 0;
  }
  .scrolled .profile__wrapper--scrolled .profile__content {
    align-items: center;
    grid-template-columns: 1fr auto;
  }
  .scrolled .profile__wrapper--scrolled .profile__informations {
    width: 100%;
    grid-column: 1;
    grid-row: 1;
  }
  .scrolled .profile__wrapper--scrolled .profile__follow {
    transform: none;
    top: 0;
    left: 0;
    position: relative;
    grid-column: 2;
    grid-row: 1;
    grid-gap: 0;
  }
  .scrolled .profile__wrapper--scrolled .profile__follow .follow__action {
    width: 4rem;
    height: 4rem;
  }
  .scrolled .profile__wrapper--scrolled .profile__follow .follow__action--small {
    display: none;
  }
}
.follower-list-wrapper {
  background: white;
  border-radius: 1.5rem;
}
.follower-list-wrapper .filters {
  border-radius: 0;
}
.follower-list-wrapper .filters .sex-group {
  display: flex;
}
.follower-list-wrapper .filters .sex-group .group {
  width: 100%;
}
.follower-list-wrapper .filters .sex-group .group input {
  display: none;
}
.follower-list-wrapper .filters .sex-group .group input + label {
  text-align: center;
  width: 100%;
  display: block;
  padding: 1rem;
  font-weight: 700;
  transition: all ease 250ms;
  border-bottom: 2px solid hsl(225, 20%, 95%);
  color: hsl(225, 20%, 75%);
}
.follower-list-wrapper .filters .sex-group .group input + label:hover {
  background: hsl(225, 20%, 98%);
}
.follower-list-wrapper .filters .sex-group .group input:checked + label {
  border-bottom: 2px solid hsl(351, 90%, 64%);
  color: hsl(351, 90%, 64%);
  letter-spacing: 1px;
}
.follower-list-wrapper .members-list {
  padding: 2rem;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item {
  position: relative;
  padding: 1rem 0;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.follower-list-wrapper .members-list .users_infinite-item .user-item:hover:before {
  position: absolute;
  content: '';
  width: calc(100% + 4rem);
  left: 50%;
  top: 50%;
  background: hsl(225, 20%, 98%);
  display: block;
  height: calc(100% + 1rem);
  transform: translate(-50%, -50%);
  z-index: 1;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .follow-links button {
  font-size: 1.5rem;
  padding: 0.5rem 2rem;
  border-radius: 20rem;
  z-index: 2;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .follow-links button.follow {
  color: hsl(40, 95%, 57%);
  border: 1px solid hsl(40, 95%, 57%);
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .follow-links button.follow:hover {
  background: hsl(40, 95%, 93%);
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .follow-links button.unfollow {
  color: white !important;
  background: hsl(40, 95%, 57%);
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .follow-links button.unfollow:hover {
  background: hsl(350, 83%, 55%) !important;
  border: 1px solid hsl(350, 83%, 55%) !important;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account {
  width: 100%;
  display: flex;
  z-index: 2;
  position: relative;
  align-items: flex-start;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations {
  flex: 1;
  padding-left: 1rem;
  align-self: center;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper {
  flex: 1;
  align-items: center;
  display: flex;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper .activity {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3;
  color: hsl(225, 20%, 75%);
  display: flex;
  text-transform: capitalize;
  align-items: center;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper .activity:before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  display: block;
  border-radius: 50%;
  margin: 0.75rem;
  background: hsl(225, 20%, 75%);
  align-self: center;
}
.follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-description {
  font-size: 1.3rem;
  line-height: 1.3;
  color: hsl(225, 20%, 10%);
  padding-right: 15rem;
  letter-spacing: 0.2px;
}
@media screen and (max-width: 778px) {
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper {
    flex-wrap: wrap;
    overflow: hidden;
  }
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper .activity {
    width: 100%;
    white-space: nowrap;
  }
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper .activity:before {
    content: none;
  }
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-header .username-wrapper .username {
    overflow: hidden;
  }
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-informations .user-description {
    padding-right: 0;
    padding-top: 1rem;
  }
  .follower-list-wrapper .members-list .users_infinite-item .user-item .user-account .user-avatar {
    flex: 0 0 4rem;
  }
}
.follower-list-wrapper .members-list .users_infinite-item:last-child .user-item {
  margin-bottom: 0;
}
.user-gallery {
  overflow: hidden;
  padding: 1rem;
}
.user-gallery__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
}
@media screen and (max-width: 768px) {
  .user-gallery__items {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1rem;
  }
}
.user-gallery__link {
  padding-bottom: 100%;
  height: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
}
.user-gallery__link--locked {
  background-image: url("lock-background.9b596ae73009.jpg");
  border: 1px solid hsl(225, 20%, 95%);
}
.user-gallery__link--video:before {
  content: "\f04b";
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 6.5rem;
  opacity: 0.6;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.user-gallery__link:not(.user-gallery__link--locked) .user-gallery__infos {
  padding: 0.25rem 1.25rem;
  background: rgba(255, 255, 255, 0.75);
  border-radius: 3rem;
}
.user-gallery__locked-icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.user-gallery__locked-icon:before {
  transform: rotate(35deg) scale(1);
  transition: all ease 250ms;
  width: 33%;
  height: 33%;
  content: '';
  background-image: url("heart-lock__orange--closed.90d55f44d6a5.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  -moz-filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
  -ms-filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
  filter: drop-shadow(0px 5px 15px hsla(40, 95%, 56.99999999999999%, 0.15000000000000002));
}
.user-gallery__cta {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  left: 0;
  padding: 0.5rem;
  font-size: 1.2rem;
}
.user-gallery__infos {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.user-gallery__paid {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0.5rem;
  background: hsl(351, 90%, 64%);
  padding: 0.5rem 1rem;
  border-radius: 5rem;
  line-height: 1;
  font-size: 1.2rem;
  color: white;
  text-align: center;
  width: calc(100% - 2rem);
}
.timeline-filters {
  display: grid;
  flex-wrap: wrap;
  padding: 1rem;
  grid-template-columns: auto;
  grid-gap: 1rem;
  background: white;
}
.timeline-filters__title {
  width: 100%;
  font-size: 1.5rem;
  font-weight: bold;
  color: hsl(225, 20%, 60%);
  grid-column: 1 / -1;
}
.timeline-filters__types {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.timeline-filters__group {
  display: flex;
  flex-wrap: wrap;
}
.timeline-filters__cta {
  padding: 0.75rem 1.5rem;
  background: hsl(225, 20%, 95%);
  display: block;
  border-radius: 5rem;
  text-align: center;
  cursor: pointer;
  height: 100%;
  font-size: 1.2rem;
}
.timeline-filters__cta:hover {
  background: hsl(216, 73%, 80%);
}
.timeline-filters__cta--pink:hover {
  background: hsl(351, 90%, 90%);
}
.timeline-filters__type {
  position: relative;
  padding: 0.25rem;
}
.timeline-filters__type input {
  display: none;
}
.timeline-filters__type input:checked + .timeline-filters__cta {
  background: hsl(216, 73%, 90%);
}
.timeline-filters__type input:checked + .timeline-filters__cta--pink {
  background: hsl(351, 90%, 90%);
}
.timeline-filters .ts-control {
  margin-bottom: 1rem;
}
.timeline-filters .ts-control .items {
  padding: 1.5rem 2rem;
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 0.5rem;
  font-family: 'noto-sans', sans-serif;
  font-size: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .lightgallery__subtitle {
    display: none;
  }
}
.lightgallery__cta {
  background: hsl(40, 95%, 57%);
  padding: 1rem;
  display: block;
  width: 100%;
  max-width: 25rem;
  border-radius: 1rem;
  margin: 1rem auto;
}
@media screen and (max-width: 768px) {
  .lightgallery__cta {
    margin: 0 auto;
  }
}
.lightgallery__cta--error {
  background: hsl(350, 83%, 55%);
}
.lg-outer .lg-video-object {
  padding: 0 !important;
}
.lg-outer .lg-video-cont {
  width: 100%;
  height: 100%;
}
/* Event Page */
.event-container {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
}
.event-container.planner .planner-action {
  display: inherit;
}
.event-container.planner .event-action {
  display: none !important;
}
.event-container.participant .event-action button.participant-btn {
  display: flex;
  align-items: baseline;
  background: hsl(351, 90%, 64%);
  color: white;
}
.event-container.participant .event-action button.participant-btn:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5rem;
}
.event-container.interested .event-action button.interested-btn {
  display: flex;
  align-items: baseline;
  background: hsl(225, 20%, 95%);
}
.event-container.interested .event-action button.interested-btn:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5rem;
}
.event-container .planner-action {
  display: none;
}
.event-container .event-header {
  position: relative;
}
.event-container .event-header .dropdown-wrapper {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.event-container .event-header .dropdown-wrapper button {
  background: transparent;
  padding: 1rem;
  border-radius: 50%;
  background: hsla(222, 20%, 22%, 0.5);
  text-shadow: 0 0 5px black;
}
.event-container .event-header .dropdown-wrapper button:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  background: transparent;
  font-size: 1.8rem;
  color: white;
}
.event-container .event-header .dropdown-wrapper button:hover {
  background: hsla(222, 20%, 22%, 0.8);
}
.event-container .event-header .event-cover {
  width: 100%;
  padding-bottom: 56%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.event-container .event-action {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .event-container .event-action {
    padding: 2rem 2rem 0 2rem;
  }
}
.event-container .event-action button {
  padding: 1rem 3rem;
  font-size: 1.5rem;
  border-radius: 5rem;
  letter-spacing: 0.05rem;
  justify-content: center;
}
.event-container .event-action button:first-child {
  margin-bottom: 1rem;
}
.event-container .event-action button.participant-btn {
  border: 1px solid hsl(351, 90%, 64%);
  color: hsl(351, 90%, 64%);
}
.event-container .event-action button.interested-btn {
  border: 1px solid hsl(225, 20%, 95%);
}
.event-informations-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eff1f5;
  padding: 2rem 0;
}
.event-informations-wrapper .event-first-informations {
  flex: 1;
  display: flex;
  padding: 0 2rem;
  align-items: center;
}
.event-informations-wrapper .event-first-informations .event-name {
  flex: 1;
}
.event-informations-wrapper .event-first-informations .event-name h1 {
  font-weight: 700;
  font-size: 1.8rem;
  margin: 0;
  line-height: 1;
}
.event-informations-wrapper .event-first-informations .event-name span {
  color: hsl(225, 20%, 75%);
}
.event-informations-wrapper .event-first-informations .event-name span a {
  color: hsl(351, 90%, 64%);
}
.event-informations-wrapper .event-date {
  text-align: center;
  padding: 0 2rem;
  border-right: 1px solid hsl(225, 20%, 95%);
}
.event-informations-wrapper .event-date span {
  width: 100%;
  display: block;
}
.event-informations-wrapper .event-date span.month {
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: hsl(351, 90%, 64%);
  line-height: 1.2;
  margin-top: 1rem;
}
.event-informations-wrapper .event-date span.day {
  font-weight: 700;
  font-size: 6rem;
  line-height: 0.5;
  padding-top: 1.2rem;
}
.event-informations-detail {
  display: flex;
  flex-wrap: wrap;
  padding: 2rem;
}
.event-informations-detail li {
  width: 50%;
  position: relative;
  padding-left: 4rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .event-informations-detail li {
    width: 100%;
  }
}
.event-informations-detail li p {
  margin: 0;
  word-break: break-word;
}
.event-informations-detail li p.first-line {
  font-size: 1.4rem;
}
.event-informations-detail li p.first-line a {
  color: hsl(351, 90%, 64%);
  display: block;
  margin-right: 0.5rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 25rem;
}
.event-informations-detail li p.second-line {
  color: hsl(225, 20%, 75%);
}
.event-informations-detail li:before {
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  left: 0.5rem;
  top: 0.25rem;
  font-size: 1.5rem;
  color: hsl(225, 20%, 75%);
}
.event-informations-detail li.event-date-detail:before {
  content: "\f017";
}
.event-informations-detail li.event-participants:before {
  content: "\f0c0";
}
.event-informations-detail li.event-website:before {
  content: "\f0c1";
}
.event-informations-detail li.event-address:before {
  content: "\f276";
}
.event-informations-detail li.event-contact:before {
  content: "\f095";
}
.event-informations-detail li.event-description {
  width: 100%;
  margin-bottom: 0;
}
.event-informations-detail li.event-description:before {
  content: "\f129";
}
.empty-event {
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.empty-event img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.empty-event p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 3rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.empty-event a {
  color: white;
  background: hsl(216, 73%, 51%);
  padding: 1rem 2rem;
  border-radius: 3rem;
}
.events-timeline-title {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 1rem 0;
}
@media screen and (max-width: 778px) {
  .events-timeline-title {
    text-align: center;
  }
}
.events-wrapper {
  background: white;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
}
.events-wrapper .event-list {
  padding: 2rem;
}
.events-wrapper .event-list .event-item {
  margin-bottom: 1rem;
}
.events-wrapper .event-list .event-item:last-child {
  margin-bottom: 0;
}
.events-wrapper .event-list .event-item > a {
  display: flex;
  align-items: center;
  position: relative;
}
.events-wrapper .event-list .event-item > a .cover {
  border-radius: 1.5rem;
  width: 25%;
  overflow: hidden;
}
.events-wrapper .event-list .event-item > a .cover span {
  width: 100%;
  display: block;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.events-wrapper .event-list .event-item > a .description {
  display: flex;
  align-items: center;
  width: 75%;
}
.events-wrapper .event-list .event-item > a .description .event-date {
  padding: 0 1rem;
  border-right: 1px solid hsl(225, 20%, 95%);
  text-align: center;
}
.events-wrapper .event-list .event-item > a .description .event-date span {
  display: block;
  line-height: 1;
}
.events-wrapper .event-list .event-item > a .description .event-date span.day {
  font-weight: 700;
  font-size: 5rem;
  line-height: 2.5rem;
  padding-top: 1.2rem;
}
.events-wrapper .event-list .event-item > a .description .event-date span.month {
  font-size: 1.1rem;
  color: hsl(225, 20%, 75%);
  font-style: italic;
  margin-top: 0.5rem;
  letter-spacing: 1px;
}
.events-wrapper .event-list .event-item > a .description .event-infos {
  overflow: hidden;
  padding-left: 1rem;
  display: flex;
  flex-wrap: wrap;
}
.events-wrapper .event-list .event-item > a .description .event-infos .event-name {
  font-weight: 600;
  line-height: 1;
  font-size: 1.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.events-wrapper .event-list .event-item > a .description .event-infos .event-details {
  line-height: 1;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  display: flex;
}
.events-wrapper .event-list .event-item > a .description .event-infos .event-details .event-planner {
  color: hsl(351, 90%, 64%);
}
.events-wrapper .event-list .event-item > a .description .event-infos .event-details .event-participants {
  color: hsl(225, 20%, 75%);
  display: flex;
  line-height: 1;
  align-items: baseline;
}
.events-wrapper .event-list .event-item > a .description .event-infos .event-details .event-participants:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.75rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
@media screen and (max-width: 920px) {
  .events-wrapper .event-list .event-item > a .description .event-infos .event-details {
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
  .events-wrapper .event-list .event-item > a .description .event-infos .event-details .event-participants {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
  }
  .events-wrapper .event-list .event-item > a .description .event-infos .event-details .event-participants:before {
    content: none;
  }
}
.event-filters {
  padding: 0;
  background: hsl(225, 20%, 95%);
}
.event-filters .events-timeline-title {
  margin: 0;
  padding: 2rem 2rem 1rem 2rem;
}
.event-form {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 3rem;
}
.event-form .alert.alert-danger {
  color: white;
  padding: 1rem;
  background: hsl(350, 83%, 55%);
  text-align: center;
}
.event-form .event-preview-wrapper {
  width: 100%;
  position: relative;
  padding-bottom: 50%;
  background: hsl(225, 20%, 85%);
}
.event-form .event-preview-wrapper input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  z-index: 2;
}
.event-form .event-preview-wrapper .event-cover-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
}
.event-form .event-preview-wrapper .event-cover-wrapper .event-cover-preview {
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}
.event-form .event-preview-wrapper .event-cover-wrapper .event-cover-preview:not([style="background-image: url('')"]) + .hover-input {
  opacity: 0;
  transition: opacity ease 250ms;
}
.event-form .event-preview-wrapper .event-cover-wrapper .event-cover-preview:not([style="background-image: url('')"]) + .hover-input > span {
  background: white;
}
.event-form .event-preview-wrapper .event-cover-wrapper .hover-input {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  z-index: 2;
}
.event-form .event-preview-wrapper .event-cover-wrapper .hover-input i {
  display: block;
  font-size: 6rem;
  color: white;
  margin-bottom: 1rem;
}
.event-form .event-preview-wrapper .event-cover-wrapper .hover-input > span {
  background: rgba(255, 255, 255, 0.4);
  padding: 0.5rem 2rem 0.5rem 2rem;
  border-radius: 2rem;
  font-weight: 700;
  color: hsl(225, 20%, 40%);
}
.event-form .event-preview-wrapper:hover .event-cover-wrapper .event-cover-preview:not([style="background-image: url('')"]) + .hover-input {
  opacity: 1;
}
.event-form .event-preview-wrapper:hover .event-cover-wrapper .hover-input > span {
  background: white;
}
.event-form .form-row {
  display: flex;
  flex-wrap: wrap;
}
.event-form .form-row .form-group.half {
  width: 50%;
  border-right: 1px solid hsl(225, 20%, 95%);
}
.event-form .form-row .form-group.half:last-child {
  border-right: none;
}
.event-form .form-group {
  padding: 1rem 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  display: flex;
  flex-direction: column;
  width: 100%;
}
.event-form .form-group label {
  font-size: 1.2rem;
  color: hsl(225, 20%, 40%);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.05rem;
  padding-top: 1rem;
  z-index: 1;
  display: flex;
}
.event-form .form-group label > span {
  color: hsl(225, 20%, 75%);
  font-weight: 500;
  font-style: italic;
  display: flex;
}
.event-form .form-group label > span:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.5rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
.event-form .form-group .form-control {
  width: 100%;
}
.event-form .form-group .form-control .datepicker {
  font-size: 1.2rem;
  border: none;
  padding: 1rem 0;
  width: 100%;
  outline: none;
  max-width: 100%;
  min-width: 100%;
  background: transparent;
  text-align: center;
  font-weight: 500;
}
.event-form .form-group .form-control input,
.event-form .form-group .form-control textarea {
  font-size: 1.5rem;
  border: none;
  padding: 1rem 0;
  width: 100%;
  outline: none;
  max-width: 100%;
  min-width: 100%;
}
.event-form .form-group .form-control input::-moz-placeholder, .event-form .form-group .form-control textarea::-moz-placeholder {
  color: hsl(225, 20%, 60%);
}
.event-form .form-group .form-control input:-ms-input-placeholder, .event-form .form-group .form-control textarea:-ms-input-placeholder {
  color: hsl(225, 20%, 60%);
}
.event-form .form-group .form-control input::placeholder,
.event-form .form-group .form-control textarea::placeholder {
  color: hsl(225, 20%, 60%);
}
.event-form .form-group .form-control textarea {
  min-height: 4rem;
}
.event-form .form-group.title .form-control input {
  font-size: 1.8rem;
}
.event-form .form-group.has-error label {
  color: hsl(350, 83%, 55%);
}
.event-form .form-group.has-error .form-control .form-error .error {
  font-size: 1.2rem;
  color: hsl(350, 83%, 55%);
}
.event-form .form-group.checkbox {
  flex-wrap: wrap;
}
.event-form .form-group.checkbox.disabled {
  background-color: hsl(225, 20%, 95%);
}
.event-form .form-group.checkbox label {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 10%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.4rem;
}
.event-form .form-group.checkbox label > span {
  color: hsl(225, 20%, 60%);
  padding-right: 2rem;
  flex-direction: column;
}
.event-form .form-group.checkbox label > span::before {
  display: none;
}
.event-form .form-group.checkbox label > span .form-error {
  display: block;
}
@media screen and (max-width: 768px) {
  .event-form .form-group.checkbox label > span {
    padding-right: 1rem;
  }
}
.event-form .form-group.checkbox label > span small {
  display: block;
  color: hsl(225, 20%, 75%);
  text-transform: none;
  margin-top: 1rem;
}
.event-form .form-group.checkbox label .slider {
  position: relative;
  cursor: pointer;
}
.event-form .form-group.checkbox label .slider .background {
  background: hsl(225, 20%, 95%);
  display: block;
  border-radius: 2rem;
  padding: 0.9rem 2.5rem;
}
.event-form .form-group.checkbox label .slider .button {
  position: absolute;
  display: block;
  padding: 1.2rem;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translate(0%, -50%);
  transition: all ease 250ms;
}
.event-form .form-group.checkbox input[type="checkbox"],
.event-form .form-group.checkbox input[type="radio"] {
  display: none;
}
.event-form .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.event-form .form-group.checkbox input[type="radio"]:checked + label .slider .background {
  background: hsla(138, 62%, 51%, 0.2);
}
.event-form .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.event-form .form-group.checkbox input[type="radio"]:checked + label .slider .button {
  left: 100%;
  transform: translate(-100%, -50%);
  background: hsl(138, 62%, 51%);
}
.event-form .form-button {
  background: hsl(225, 20%, 98%);
  padding: 2rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.event-form .form-button a,
.event-form .form-button button {
  font-weight: 500;
  font-size: 1.5rem;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 10rem;
  letter-spacing: 1px;
  line-height: 1;
}
.event-form .form-button .delete {
  color: white;
  background: hsl(350, 83%, 55%);
  margin-right: 1rem;
}
.event-form .form-button button {
  color: white;
  background: hsl(216, 73%, 51%);
}
/* Settings */
[data-list="pagination"] {
  width: 100%;
}
.pagination-wrapper {
  display: flex;
  justify-content: center;
  padding: 2rem;
}
.pagination-wrapper .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination-wrapper .pagination .nav-numbers ul {
  display: flex;
  border-radius: 2.5rem;
  background: white;
  align-items: center;
  justify-content: center;
}
.pagination-wrapper .pagination .nav-numbers ul li a,
.pagination-wrapper .pagination .nav-numbers ul li span {
  padding: 1rem 1.5rem;
  font-size: 1.5rem;
  display: block;
  color: hsl(225, 20%, 60%);
}
.pagination-wrapper .pagination .nav-numbers ul li a:hover:not(.current),
.pagination-wrapper .pagination .nav-numbers ul li span:hover:not(.current) {
  color: hsl(351, 90%, 64%);
}
.pagination-wrapper .pagination .nav-numbers ul li .current {
  background: hsl(351, 90%, 64%);
  color: white;
  border-radius: 3rem;
  box-shadow: 0 0 5px hsl(351, 90%, 64%);
}
.pagination-wrapper .pagination .nav-button {
  padding: 0 0.5rem;
}
.pagination-wrapper .pagination .nav-button a {
  display: block;
  color: hsl(225, 20%, 60%);
  padding: 1.15rem 1.5rem;
  background: white;
  border-radius: 4rem;
  transition: all ease 250ms;
}
.pagination-wrapper .pagination .nav-button a i {
  display: block;
}
.pagination-wrapper .pagination .nav-button a:hover {
  background: hsl(351, 90%, 64%);
  color: white;
  box-shadow: 0 0 5px hsl(351, 90%, 64%);
}
.settings-page .main {
  --left-column: 30rem;
}
@media screen and (max-width: 1300px) {
  .settings-page .main {
    --left-column: 25rem;
  }
}
.settings-page .main__grid {
  grid-template-columns: var(--left-column) auto;
  grid-gap: 2rem;
}
@media screen and (max-width: 768px) {
  .settings-page .main__grid {
    grid-template-columns: 1fr;
  }
}
.settings-page .main__content {
  flex: 1;
  padding: 0 2rem;
  margin-bottom: 10rem;
}
@media screen and (max-width: 778px) {
  .settings-page .main__content {
    padding: 0;
  }
}
.settings-page .main__content .profil-settings {
  border-radius: 1.5rem;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  background: hsl(225, 20%, 95%);
  overflow: hidden;
}
@media screen and (max-width: 778px) {
  .settings-page .main__content .profil-settings {
    border-radius: 0;
  }
}
.settings-page .main__content .profil-settings .footer-form {
  background: hsl(225, 20%, 95%);
}
.settings-page .main__content .profil-settings .header-settings {
  padding: 2rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.settings-page .main__content .profil-settings .header-settings.has-links {
  justify-content: space-between;
}
.settings-page .main__content .profil-settings .header-settings.has-filters {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.settings-page .main__content .profil-settings .header-settings.has-filters > a {
  color: hsl(351, 90%, 64%);
}
.settings-page .main__content .profil-settings .header-settings.has-filters > a:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.5rem;
}
.settings-page .main__content .profil-settings .header-settings.has-filters .dropdown-toggle {
  font-size: 0;
  padding: 1rem;
  border-radius: 50%;
}
.settings-page .main__content .profil-settings .header-settings.has-filters .dropdown-toggle i {
  font-size: 1.5rem;
  pointer-events: none;
}
.settings-page .main__content .profil-settings .header-settings.has-filters .dropdown-toggle:hover {
  background: hsl(225, 20%, 90%);
}
.settings-page .main__content .profil-settings .header-settings .settings-return {
  display: none;
  font-size: 0;
  font-weight: 700;
  letter-spacing: 1px;
}
.settings-page .main__content .profil-settings .header-settings .settings-return:before {
  content: '\f053';
  font-family: 'Font Awesome 5 Pro';
  padding-right: 2rem;
  opacity: 0.3;
  font-size: 1.8rem;
}
@media screen and (max-width: 920px) {
  .settings-page .main__content .profil-settings .header-settings .settings-return {
    display: block;
  }
}
.settings-page .main__content .profil-settings .header-settings h1 {
  margin: 0;
  font-size: 2rem;
  font-weight: normal;
  font-weight: 700;
  letter-spacing: 1px;
}
@media screen and (max-width: 440px) {
  .settings-page .main__content .profil-settings .header-settings h1 {
    font-size: 1.5rem;
  }
}
.settings-page .main__content .profil-settings .header-settings .subtitle {
  letter-spacing: 1px;
  margin: 0;
  padding-left: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.settings-page .main__content .profil-settings .header-settings .subtitle.subtitle-full {
  width: 100%;
  padding-left: 0;
}
.settings-page .main__content .profil-settings .header-settings .subtitle a {
  color: hsl(351, 90%, 64%);
}
.settings-page .main__content .profil-settings .main-content-wrapper {
  background: white;
  overflow: hidden;
  border-radius: 0 0 1.5rem 1.5rem;
}
.settings-page .main__content .profil-settings .main-content-wrapper .galery {
  position: relative;
}
.settings-page .main__content .profil-settings .main-content-wrapper .galery .buy-btn {
  z-index: 2;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  left: 0;
}
.settings-page .main__content .profil-settings .main-content-wrapper .galery .buy-btn a {
  background-color: hsl(138, 62%, 51%);
  color: white;
  width: 100%;
  font-weight: 600;
  display: block;
  text-align: center;
  padding: 1.5rem;
  border-radius: 4rem;
  letter-spacing: 1px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: all ease 250ms;
}
.settings-page .main__content .profil-settings .main-content-wrapper .galery .medias-wrapper {
  z-index: 1;
}
@media screen and (max-width: 778px) {
  .settings-page .main__content .profil-settings .main-content-wrapper {
    border-radius: 0;
  }
}
.premium-setting-page .main-content .profil-settings {
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  border-radius: 1.5rem;
  margin-top: 3rem;
}
.premium-setting-page .main-content .profil-settings .form-wrapper {
  width: 100%;
}
.premium-setting-page .main-content .profil-settings .form-wrapper form {
  background: white;
  border-radius: 1.5rem;
}
.premium-setting-page .main-content .profil-settings .footer-form {
  border-radius: 0 0 1.5rem 1.5rem;
}
.premium-setting-page,
.settings-page {
  margin-bottom: 5rem;
}
.premium-setting-page .profil-settings .footer-form,
.settings-page .profil-settings .footer-form {
  display: flex;
  padding: 2rem;
  align-items: center;
  justify-content: flex-end;
  background: hsl(225, 20%, 95%);
}
@media screen and (max-width: 778px) {
  .premium-setting-page .profil-settings .footer-form,
  .settings-page .profil-settings .footer-form {
    flex-wrap: wrap;
    justify-content: center;
  }
  .premium-setting-page .profil-settings .footer-form button,
  .settings-page .profil-settings .footer-form button,
  .premium-setting-page .profil-settings .footer-form a,
  .settings-page .profil-settings .footer-form a {
    margin-bottom: 1rem;
  }
  .premium-setting-page .profil-settings .footer-form .post-btn-group,
  .settings-page .profil-settings .footer-form .post-btn-group {
    margin-bottom: 1rem;
  }
  .premium-setting-page .profil-settings .footer-form .post-btn-group button,
  .settings-page .profil-settings .footer-form .post-btn-group button {
    margin-bottom: 0;
  }
}
.premium-setting-page .profil-settings .footer-form button,
.settings-page .profil-settings .footer-form button,
.premium-setting-page .profil-settings .footer-form a,
.settings-page .profil-settings .footer-form a {
  font-size: 1.4rem;
  font-weight: 500;
}
.premium-setting-page .profil-settings .footer-form button.submit-profile,
.settings-page .profil-settings .footer-form button.submit-profile,
.premium-setting-page .profil-settings .footer-form a.submit-profile,
.settings-page .profil-settings .footer-form a.submit-profile {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
  margin-left: 1rem;
}
.premium-setting-page .profil-settings .footer-form button.reset-profil,
.settings-page .profil-settings .footer-form button.reset-profil,
.premium-setting-page .profil-settings .footer-form a.reset-profil,
.settings-page .profil-settings .footer-form a.reset-profil {
  padding: 1rem 2rem;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .profil-settings .footer-form button.confirm,
.settings-page .profil-settings .footer-form button.confirm,
.premium-setting-page .profil-settings .footer-form a.confirm,
.settings-page .profil-settings .footer-form a.confirm {
  color: white;
  background: hsl(138, 62%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
}
.premium-setting-page .profil-settings .footer-form button.refuse,
.settings-page .profil-settings .footer-form button.refuse,
.premium-setting-page .profil-settings .footer-form a.refuse,
.settings-page .profil-settings .footer-form a.refuse {
  color: white;
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
  padding: 1rem 3rem;
  margin-right: 1rem;
}
.settings-nav h2 {
  font-weight: 700;
  margin: 0;
  padding: 0 2rem;
  color: hsl(218, 21%, 60%);
  letter-spacing: 1px;
}
.settings-nav .link-list {
  background: white;
  margin: 2rem 0;
}
.settings-nav .link-list li a {
  display: block;
  position: relative;
  padding: 1.5rem 1.5rem 1.5rem 5rem;
  font-size: 1.5rem;
  letter-spacing: 1px;
  border-bottom: 1px solid hsl(220, 23%, 95%);
}
.settings-nav .link-list li a i {
  margin-right: 1rem;
  opacity: 0.2;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
.settings-page .sidebar {
  background: white;
  padding: 2rem;
  border-radius: 1.5rem;
}
.settings-page .sidebar .user-account {
  display: flex;
  align-items: center;
  padding-bottom: 2rem;
}
.settings-page .sidebar .user-account .username-wrapper {
  flex: 1;
  padding-left: 1rem;
}
.settings-page .sidebar .user-account .username-wrapper .username {
  margin: 0;
}
.settings-page .sidebar .user-account .username-wrapper .profile-access {
  font-size: 1.2rem;
  line-height: 1.2;
  display: block;
  color: hsl(225, 20%, 75%);
}
.settings-page .sidebar h2 {
  color: hsl(225, 20%, 60%);
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: normal;
  font-weight: 700;
  margin: 0;
  margin-bottom: 1rem;
}
.settings-page .sidebar .link-list {
  margin-bottom: 2rem;
}
.settings-page .sidebar .link-list li {
  margin-bottom: 0.5rem;
}
.settings-page .sidebar .link-list li:last-child {
  margin-bottom: 0;
}
.settings-page .sidebar .link-list li a {
  display: block;
  width: 100%;
  padding: 0.75rem 0 0.75rem 3rem;
  position: relative;
  font-size: 1.5rem;
  line-height: 1;
  color: hsl(225, 20%, 10%);
}
.settings-page .sidebar .link-list li a i {
  opacity: 0.3;
  position: absolute;
  left: 1rem;
  transform: translate(-50%, -50%);
  top: calc(50% - 2px);
  transition: all ease 250ms;
}
.settings-page .sidebar .link-list li.active a {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
}
.settings-page .sidebar .link-list li.active a:before {
  background: hsl(351, 90%, 64%);
  position: absolute;
  top: 0;
  left: -2rem;
  width: 0.3rem;
  content: '';
  height: 100%;
  z-index: 1;
}
.settings-page .sidebar .link-list li:hover a i {
  color: hsl(351, 90%, 64%);
}
.settings-page .sidebar .link-list li.mfstar > a {
  color: hsl(40, 95%, 57%);
}
.settings-page .sidebar .link-list li.mfstar > a:before {
  background: hsl(40, 95%, 57%);
}
.settings-page .sidebar .link-list li.mfstar > a i {
  color: hsl(40, 95%, 57%);
}
.settings-page .sidebar .link-list li.mfstar > a .tooltip-box {
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.premium-setting-page .form-wrapper,
.settings-page .form-wrapper,
.post-reupload-modal .form-wrapper,
.private-content-request-reupload-modal .form-wrapper {
  width: 100%;
}
.premium-setting-page .form-wrapper h2,
.settings-page .form-wrapper h2,
.post-reupload-modal .form-wrapper h2,
.private-content-request-reupload-modal .form-wrapper h2 {
  margin: 0;
  padding: 2rem;
  padding-bottom: 0;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.premium-setting-page .form-wrapper .subtitle,
.settings-page .form-wrapper .subtitle,
.post-reupload-modal .form-wrapper .subtitle,
.private-content-request-reupload-modal .form-wrapper .subtitle {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin: 0;
  padding-left: 2rem;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .form-wrapper .form-group,
.settings-page .form-wrapper .form-group,
.post-reupload-modal .form-wrapper .form-group,
.private-content-request-reupload-modal .form-wrapper .form-group {
  padding: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  display: flex;
  align-items: center;
  position: relative;
}
.premium-setting-page .form-wrapper .form-group:last-child,
.settings-page .form-wrapper .form-group:last-child,
.post-reupload-modal .form-wrapper .form-group:last-child,
.private-content-request-reupload-modal .form-wrapper .form-group:last-child {
  border-bottom: 0;
}
.premium-setting-page .form-wrapper .form-group.avatar,
.settings-page .form-wrapper .form-group.avatar,
.post-reupload-modal .form-wrapper .form-group.avatar,
.private-content-request-reupload-modal .form-wrapper .form-group.avatar {
  position: relative;
}
.premium-setting-page .form-wrapper .form-group .form-error,
.settings-page .form-wrapper .form-group .form-error,
.post-reupload-modal .form-wrapper .form-group .form-error,
.private-content-request-reupload-modal .form-wrapper .form-group .form-error {
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .help-block.error,
.settings-page .form-wrapper .form-group .help-block.error,
.post-reupload-modal .form-wrapper .form-group .help-block.error,
.private-content-request-reupload-modal .form-wrapper .form-group .help-block.error {
  font-size: 1.2rem;
  color: hsl(350, 83%, 55%);
  padding: 0.5rem 0 0 0.5rem;
  display: block;
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper {
  display: flex;
  align-items: center;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper input,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper input,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper input,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-cover,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-cover,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-cover,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-cover {
  width: 25rem;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-cover .user-cover,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-cover .user-cover,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-cover .user-cover,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-cover .user-cover {
  width: 100%;
  padding-bottom: 40%;
  border-radius: 1.5rem;
  background-size: cover;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar .user-avatar,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar .user-avatar,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar .user-avatar,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar .user-avatar {
  width: 8rem;
  background-size: cover;
  height: 8rem;
  border-radius: 50%;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text {
  padding-left: 2rem;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p {
  margin: 0;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.username,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.username,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.username,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.username {
  font-size: 1.8rem;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle {
  display: flex;
  align-items: baseline;
  font-size: 1.5rem;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle .link,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle .link,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle .link,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle .link {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle small,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle small,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle small,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle small {
  color: hsl(225, 20%, 75%);
  font-style: italic;
  margin: 0 0.5rem;
}
.premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle button,
.settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle button,
.post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle button,
.private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle button {
  font-size: 1.5rem;
  color: hsl(225, 20%, 60%);
  display: flex;
  position: relative;
  z-index: 2;
}
.premium-setting-page .form-wrapper .form-group label,
.settings-page .form-wrapper .form-group label,
.post-reupload-modal .form-wrapper .form-group label,
.private-content-request-reupload-modal .form-wrapper .form-group label {
  flex: 0 0 30%;
  color: hsl(225, 20%, 60%);
}
@media screen and (max-width: 1120px) {
  .premium-setting-page .form-wrapper .form-group label,
  .settings-page .form-wrapper .form-group label,
  .post-reupload-modal .form-wrapper .form-group label,
  .private-content-request-reupload-modal .form-wrapper .form-group label {
    flex: 0 0 25%;
  }
}
.premium-setting-page .form-wrapper .form-group label small,
.settings-page .form-wrapper .form-group label small,
.post-reupload-modal .form-wrapper .form-group label small,
.private-content-request-reupload-modal .form-wrapper .form-group label small {
  display: block;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .form-wrapper .form-group .emoji-picker,
.settings-page .form-wrapper .form-group .emoji-picker,
.post-reupload-modal .form-wrapper .form-group .emoji-picker,
.private-content-request-reupload-modal .form-wrapper .form-group .emoji-picker {
  position: relative;
}
.premium-setting-page .form-wrapper .form-group .emoji-picker__button,
.settings-page .form-wrapper .form-group .emoji-picker__button,
.post-reupload-modal .form-wrapper .form-group .emoji-picker__button,
.private-content-request-reupload-modal .form-wrapper .form-group .emoji-picker__button {
  padding: 1rem 1.3rem;
  margin-right: 1rem;
  background: hsl(225, 20%, 95%);
  border-radius: 3rem;
  font-size: 1.5rem;
}
.premium-setting-page .form-wrapper .form-group .emoji-picker__button:hover,
.settings-page .form-wrapper .form-group .emoji-picker__button:hover,
.post-reupload-modal .form-wrapper .form-group .emoji-picker__button:hover,
.private-content-request-reupload-modal .form-wrapper .form-group .emoji-picker__button:hover {
  background: hsl(40, 95%, 57%);
}
.premium-setting-page .form-wrapper .form-group .emoji-picker emoji-picker,
.settings-page .form-wrapper .form-group .emoji-picker emoji-picker,
.post-reupload-modal .form-wrapper .form-group .emoji-picker emoji-picker,
.private-content-request-reupload-modal .form-wrapper .form-group .emoji-picker emoji-picker {
  display: block;
  position: absolute;
  left: calc(100% + 1rem);
  top: 0;
  --num-columns: 9;
  --emoji-size: 2rem;
  --border-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden;
}
.premium-setting-page .form-wrapper .form-group .form-control,
.settings-page .form-wrapper .form-group .form-control,
.post-reupload-modal .form-wrapper .form-group .form-control,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  padding-left: 2rem;
  position: relative;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label,
.settings-page .form-wrapper .form-group .form-control .radio-label,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label {
  width: calc(100% / 4);
  text-align: center;
  padding: 1rem;
  position: relative;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label--disabled,
.settings-page .form-wrapper .form-group .form-control .radio-label--disabled,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label--disabled,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label--disabled {
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .form-wrapper .form-group .form-control .radio-label,
  .settings-page .form-wrapper .form-group .form-control .radio-label,
  .post-reupload-modal .form-wrapper .form-group .form-control .radio-label,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label {
    width: calc(100% / 2);
  }
}
@media screen and (max-width: 360px) {
  .premium-setting-page .form-wrapper .form-group .form-control .radio-label,
  .settings-page .form-wrapper .form-group .form-control .radio-label,
  .post-reupload-modal .form-wrapper .form-group .form-control .radio-label,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label {
    width: 100%;
    padding: 0;
    padding-bottom: 0.5rem;
  }
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input,
.settings-page .form-wrapper .form-group .form-control .radio-label input,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  margin: 0;
  cursor: pointer;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input:disabled,
.settings-page .form-wrapper .form-group .form-control .radio-label input:disabled,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input:disabled,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input:disabled {
  cursor: not-allowed;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input:disabled + .radio-description:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input:disabled + .radio-description:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input:disabled + .radio-description:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input:disabled + .radio-description:before {
  color: hsl(225, 20%, 95%);
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description {
  width: 100%;
  height: 100%;
  border: 1px solid hsl(225, 20%, 95%);
  padding: 2rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  letter-spacing: 1px;
  cursor: pointer;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 3rem;
  color: #2f3645;
  margin-bottom: 1rem;
  font-weight: 500;
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS:before {
  content: '\f0c0';
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FANS:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FANS:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FANS:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FANS:before {
  content: '\f587';
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS_NOT_FANS:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS_NOT_FANS:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS_NOT_FANS:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FOLLOWERS_NOT_FANS:before {
  content: '\f502';
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FORMER_FANS:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description--FORMER_FANS:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FORMER_FANS:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description--FORMER_FANS:before {
  content: '\f506';
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description small,
.settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description small,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description small,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description small {
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 360px) {
  .premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description,
  .settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description,
  .post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description {
    flex-direction: row;
  }
  .premium-setting-page .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
  .settings-page .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
  .post-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description:before,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input + .radio-description:before {
    margin-bottom: 0;
    margin-right: 1rem;
    font-size: 2rem;
  }
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input:checked + span,
.settings-page .form-wrapper .form-group .form-control .radio-label input:checked + span,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input:checked + span,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input:checked + span {
  border: 1px solid hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group .form-control .radio-label input:checked + span:before,
.settings-page .form-wrapper .form-group .form-control .radio-label input:checked + span:before,
.post-reupload-modal .form-wrapper .form-group .form-control .radio-label input:checked + span:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .radio-label input:checked + span:before {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group .form-control .input-label,
.settings-page .form-wrapper .form-group .form-control .input-label,
.post-reupload-modal .form-wrapper .form-group .form-control .input-label,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input-label {
  color: hsl(225, 20%, 60%);
  padding: 1rem 0 0.5rem 0;
}
.premium-setting-page .form-wrapper .form-group .form-control .select-wrapper,
.settings-page .form-wrapper .form-group .form-control .select-wrapper,
.post-reupload-modal .form-wrapper .form-group .form-control .select-wrapper,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .select-wrapper {
  position: relative;
}
.premium-setting-page .form-wrapper .form-group .form-control .select-wrapper:after,
.settings-page .form-wrapper .form-group .form-control .select-wrapper:after,
.post-reupload-modal .form-wrapper .form-group .form-control .select-wrapper:after,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .select-wrapper:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 1.5rem;
  font-size: 1.2rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.premium-setting-page .form-wrapper .form-group .form-control .select-wrapper .ts-input,
.settings-page .form-wrapper .form-group .form-control .select-wrapper .ts-input,
.post-reupload-modal .form-wrapper .form-group .form-control .select-wrapper .ts-input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .select-wrapper .ts-input,
.premium-setting-page .form-wrapper .form-group .form-control .select-wrapper select,
.settings-page .form-wrapper .form-group .form-control .select-wrapper select,
.post-reupload-modal .form-wrapper .form-group .form-control .select-wrapper select,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .select-wrapper select {
  -moz-appearance: none;
  /* Firefox */
  -webkit-appearance: none;
  /* Safari and Chrome */
  appearance: none;
  border: none;
  font-size: 1.4rem;
  background-color: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 20rem;
  max-width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input,
.settings-page .form-wrapper .form-group .form-control .input,
.post-reupload-modal .form-wrapper .form-group .form-control .input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  min-width: 35rem;
  max-width: 100%;
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input > input,
.settings-page .form-wrapper .form-group .form-control .input > input,
.post-reupload-modal .form-wrapper .form-group .form-control .input > input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input > input {
  border: none;
  padding: 1.5rem 0;
  font-size: inherit;
  color: hsl(225, 20%, 10%);
  outline: none;
  background: transparent;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel,
.settings-page .form-wrapper .form-group .form-control .input.input-tel,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel {
  align-items: center !important;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel select,
.settings-page .form-wrapper .form-group .form-control .input.input-tel select,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel select,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel select {
  padding: 0 !important;
  -webkit-appearance: none;
  border: none;
  background-color: transparent;
  max-width: 50%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel .select2-container,
.settings-page .form-wrapper .form-group .form-control .input.input-tel .select2-container,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-container,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-container {
  max-width: 20rem !important;
  height: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel .select2-selection,
.settings-page .form-wrapper .form-group .form-control .input.input-tel .select2-selection,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-selection,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-selection {
  padding: 0;
  display: flex;
  align-items: center;
  height: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel .select2-selection__arrow,
.settings-page .form-wrapper .form-group .form-control .input.input-tel .select2-selection__arrow,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-selection__arrow,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel .select2-selection__arrow {
  width: 2rem;
  top: 0;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-tel input,
.settings-page .form-wrapper .form-group .form-control .input.input-tel input,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-tel input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-tel input {
  border-left: 1px solid hsl(220, 23%, 90%);
  padding-left: 2rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-group,
.settings-page .form-wrapper .form-group .form-control .input.input-group,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-group,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-group {
  color: hsl(225, 20%, 60%);
  padding: 0 2rem;
  display: flex;
  align-items: baseline;
  width: 100%;
  white-space: nowrap;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-group > input,
.settings-page .form-wrapper .form-group .form-control .input.input-group > input,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-group > input,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-group > input {
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-group .copied i,
.settings-page .form-wrapper .form-group .form-control .input.input-group .copied i,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-group .copied i,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-group .copied i {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-setting-page .form-wrapper .form-group .form-control .input.input-group .copied i:before,
.settings-page .form-wrapper .form-group .form-control .input.input-group .copied i:before,
.post-reupload-modal .form-wrapper .form-group .form-control .input.input-group .copied i:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .input.input-group .copied i:before {
  color: hsl(138, 62%, 51%);
  font-weight: bold;
}
.premium-setting-page .form-wrapper .form-group .form-control .links.input-group,
.settings-page .form-wrapper .form-group .form-control .links.input-group,
.post-reupload-modal .form-wrapper .form-group .form-control .links.input-group,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .links.input-group {
  border: none;
  padding: 1.5rem 2rem;
  font-size: inherit;
  color: hsl(225, 20%, 60%);
  outline: none;
  display: flex;
  align-items: baseline;
  background: hsl(225, 20%, 95%);
  border-radius: 4rem;
  line-height: 1;
  margin-top: 0.5rem;
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .links.input-group > .link-url,
.settings-page .form-wrapper .form-group .form-control .links.input-group > .link-url,
.post-reupload-modal .form-wrapper .form-group .form-control .links.input-group > .link-url,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .links.input-group > .link-url {
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .links.input-group .copied i,
.settings-page .form-wrapper .form-group .form-control .links.input-group .copied i,
.post-reupload-modal .form-wrapper .form-group .form-control .links.input-group .copied i,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .links.input-group .copied i {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-setting-page .form-wrapper .form-group .form-control .links.input-group .copied i:before,
.settings-page .form-wrapper .form-group .form-control .links.input-group .copied i:before,
.post-reupload-modal .form-wrapper .form-group .form-control .links.input-group .copied i:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .links.input-group .copied i:before {
  color: hsl(138, 62%, 51%);
  font-weight: bold;
}
.premium-setting-page .form-wrapper .form-group .form-control div[contenteditable],
.settings-page .form-wrapper .form-group .form-control div[contenteditable],
.post-reupload-modal .form-wrapper .form-group .form-control div[contenteditable],
.private-content-request-reupload-modal .form-wrapper .form-group .form-control div[contenteditable] {
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 2rem;
  outline: none;
  min-width: 100%;
  max-width: 100%;
  width: 100% !important;
  border: none;
  min-height: 10rem !important;
  max-height: 20rem;
  overflow: auto;
}
.premium-setting-page .form-wrapper .form-group .form-control div[contenteditable] + textarea,
.settings-page .form-wrapper .form-group .form-control div[contenteditable] + textarea,
.post-reupload-modal .form-wrapper .form-group .form-control div[contenteditable] + textarea,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control div[contenteditable] + textarea {
  display: none;
}
.premium-setting-page .form-wrapper .form-group .form-control textarea,
.settings-page .form-wrapper .form-group .form-control textarea,
.post-reupload-modal .form-wrapper .form-group .form-control textarea,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control textarea {
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 2rem;
  outline: none;
  min-width: 100%;
  max-width: 100%;
  width: 100% !important;
  border: none;
  min-height: 10rem !important;
}
.premium-setting-page .form-wrapper .form-group .form-control .help,
.settings-page .form-wrapper .form-group .form-control .help,
.post-reupload-modal .form-wrapper .form-group .form-control .help,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .help {
  padding-top: 1rem;
  font-style: italic;
  color: hsl(225, 20%, 75%);
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .create-product,
.settings-page .form-wrapper .form-group .form-control .create-product,
.post-reupload-modal .form-wrapper .form-group .form-control .create-product,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .create-product {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 1rem 0;
  font-size: 1.2rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .create-product a,
.settings-page .form-wrapper .form-group .form-control .create-product a,
.post-reupload-modal .form-wrapper .form-group .form-control .create-product a,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .create-product a {
  display: block;
  color: hsl(351, 90%, 64%);
  margin: 0 1rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .form-field-action,
.settings-page .form-wrapper .form-group .form-control .form-field-action,
.post-reupload-modal .form-wrapper .form-group .form-control .form-field-action,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .form-field-action {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 1rem 0;
  font-size: 1.2rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .form-field-action a,
.settings-page .form-wrapper .form-group .form-control .form-field-action a,
.post-reupload-modal .form-wrapper .form-group .form-control .form-field-action a,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .form-field-action a {
  display: block;
  color: hsl(216, 73%, 51%);
  margin: 0 1rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .reset,
.settings-page .form-wrapper .form-group .form-control .reset,
.post-reupload-modal .form-wrapper .form-group .form-control .reset,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .reset {
  padding: 1rem;
  color: hsl(225, 20%, 10%);
  border-radius: 50%;
}
.premium-setting-page .form-wrapper .form-group .form-control.form-date > button,
.settings-page .form-wrapper .form-group .form-control.form-date > button,
.post-reupload-modal .form-wrapper .form-group .form-control.form-date > button,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control.form-date > button {
  padding: 1rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language,
.settings-page .form-wrapper .form-group .form-control .dropdown-language,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language {
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language button,
.settings-page .form-wrapper .form-group .form-control .dropdown-language button,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language button,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language button {
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 1.5rem;
  color: hsl(225, 20%, 10%);
  padding: 1rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu {
  max-height: 20rem;
  overflow: auto;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox {
  position: relative;
  display: flex;
  padding: 0 1rem 0 2rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span {
  white-space: nowrap;
  padding: 1.5rem 2rem 1.3rem 3rem;
  display: block;
  line-height: 1;
  position: relative;
  font-size: 1.4rem;
  cursor: pointer;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:before,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:before,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  transition: all ease 250ms;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:after,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:after,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:after,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox > span:after {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translate(-50%, -50%);
  background: hsl(351, 90%, 64%);
  border-radius: 50%;
  width: 0;
  height: 0;
  transition: all ease 250ms;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span {
  font-weight: 600;
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:before,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:before,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:before,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:before {
  font-weight: bold;
  border: none;
  opacity: 0.3;
  background: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:after,
.settings-page .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:after,
.post-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:after,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .dropdown-language .dropdown-menu .checkbox.active > span:after {
  width: 1rem;
  height: 1rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge,
.settings-page .form-wrapper .form-group .form-control .badge,
.post-reupload-modal .form-wrapper .form-group .form-control .badge,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  font-weight: 500;
  margin: 0.25rem 0;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge > i,
.settings-page .form-wrapper .form-group .form-control .badge > i,
.post-reupload-modal .form-wrapper .form-group .form-control .badge > i,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge > i {
  margin-right: 0.5rem;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge > i.fa-user-secret,
.settings-page .form-wrapper .form-group .form-control .badge > i.fa-user-secret,
.post-reupload-modal .form-wrapper .form-group .form-control .badge > i.fa-user-secret,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge > i.fa-user-secret {
  margin-right: 0;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.cancel-sub,
.settings-page .form-wrapper .form-group .form-control .badge.cancel-sub,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.cancel-sub,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.cancel-sub {
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 75%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.blue,
.settings-page .form-wrapper .form-group .form-control .badge.blue,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.blue,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.blue {
  color: white;
  background: hsl(216, 73%, 51%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.see,
.settings-page .form-wrapper .form-group .form-control .badge.see,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.see,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.see {
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 90%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.info,
.settings-page .form-wrapper .form-group .form-control .badge.info,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.info,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.info,
.premium-setting-page .form-wrapper .form-group .form-control .badge.edit,
.settings-page .form-wrapper .form-group .form-control .badge.edit,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.edit,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.edit,
.premium-setting-page .form-wrapper .form-group .form-control .badge.preparing,
.settings-page .form-wrapper .form-group .form-control .badge.preparing,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.preparing,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.preparing {
  color: hsl(216, 73%, 20%);
  background: hsl(216, 73%, 80%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.delivered,
.settings-page .form-wrapper .form-group .form-control .badge.delivered,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.delivered,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.delivered,
.premium-setting-page .form-wrapper .form-group .form-control .badge.accepted,
.settings-page .form-wrapper .form-group .form-control .badge.accepted,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.accepted,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.accepted,
.premium-setting-page .form-wrapper .form-group .form-control .badge.fulfilled,
.settings-page .form-wrapper .form-group .form-control .badge.fulfilled,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.fulfilled,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.fulfilled,
.premium-setting-page .form-wrapper .form-group .form-control .badge.paid,
.settings-page .form-wrapper .form-group .form-control .badge.paid,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.paid,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.paid,
.premium-setting-page .form-wrapper .form-group .form-control .badge.credit,
.settings-page .form-wrapper .form-group .form-control .badge.credit,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.credit,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.credit,
.premium-setting-page .form-wrapper .form-group .form-control .badge.valid,
.settings-page .form-wrapper .form-group .form-control .badge.valid,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.valid,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.valid {
  color: hsl(138, 62%, 20%);
  background: hsl(138, 62%, 80%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.pending_confirmation,
.settings-page .form-wrapper .form-group .form-control .badge.pending_confirmation,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.pending_confirmation,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.pending_confirmation,
.premium-setting-page .form-wrapper .form-group .form-control .badge.pending,
.settings-page .form-wrapper .form-group .form-control .badge.pending,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.pending,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.pending,
.premium-setting-page .form-wrapper .form-group .form-control .badge.warning,
.settings-page .form-wrapper .form-group .form-control .badge.warning,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.warning,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.warning,
.premium-setting-page .form-wrapper .form-group .form-control .badge.debit,
.settings-page .form-wrapper .form-group .form-control .badge.debit,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.debit,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.debit,
.premium-setting-page .form-wrapper .form-group .form-control .badge.waiting,
.settings-page .form-wrapper .form-group .form-control .badge.waiting,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.waiting,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.waiting {
  color: hsl(40, 95%, 20%);
  background: hsl(40, 95%, 80%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.delete,
.settings-page .form-wrapper .form-group .form-control .badge.delete,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.delete,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.delete,
.premium-setting-page .form-wrapper .form-group .form-control .badge.refused,
.settings-page .form-wrapper .form-group .form-control .badge.refused,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.refused,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.refused,
.premium-setting-page .form-wrapper .form-group .form-control .badge.alert,
.settings-page .form-wrapper .form-group .form-control .badge.alert,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.alert,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.alert {
  color: hsl(350, 83%, 20%);
  background: hsl(350, 83%, 80%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto,
.settings-page .form-wrapper .form-group .form-control .badge.picto,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: transparent;
  float: right;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto > i,
.settings-page .form-wrapper .form-group .form-control .badge.picto > i,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto > i,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto > i {
  margin: 0;
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto.waiting,
.settings-page .form-wrapper .form-group .form-control .badge.picto.waiting,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto.waiting,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto.waiting {
  color: hsl(40, 95%, 57%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto.valid,
.settings-page .form-wrapper .form-group .form-control .badge.picto.valid,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto.valid,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto.valid {
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto.delete,
.settings-page .form-wrapper .form-group .form-control .badge.picto.delete,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto.delete,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto.delete {
  color: hsl(350, 83%, 20%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto.delete:hover,
.settings-page .form-wrapper .form-group .form-control .badge.picto.delete:hover,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto.delete:hover,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto.delete:hover {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper .form-group .form-control .badge.picto.alert,
.settings-page .form-wrapper .form-group .form-control .badge.picto.alert,
.post-reupload-modal .form-wrapper .form-group .form-control .badge.picto.alert,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .badge.picto.alert {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper .form-group .form-control .actions,
.settings-page .form-wrapper .form-group .form-control .actions,
.post-reupload-modal .form-wrapper .form-group .form-control .actions,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .actions {
  width: 100%;
  display: flex;
}
.premium-setting-page .form-wrapper .form-group .form-control .actions > a,
.settings-page .form-wrapper .form-group .form-control .actions > a,
.post-reupload-modal .form-wrapper .form-group .form-control .actions > a,
.private-content-request-reupload-modal .form-wrapper .form-group .form-control .actions > a {
  margin: 0 0.25rem;
}
.premium-setting-page .form-wrapper .form-group .check-account-type,
.settings-page .form-wrapper .form-group .check-account-type,
.post-reupload-modal .form-wrapper .form-group .check-account-type,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type {
  display: flex;
  width: 100%;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label,
.settings-page .form-wrapper .form-group .check-account-type label,
.post-reupload-modal .form-wrapper .form-group .check-account-type label,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label {
  padding: 0 0.5rem;
  flex: 1;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input,
.settings-page .form-wrapper .form-group .check-account-type label input,
.post-reupload-modal .form-wrapper .form-group .check-account-type label input,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input {
  display: none;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input:checked ~ span,
.settings-page .form-wrapper .form-group .check-account-type label input:checked ~ span,
.post-reupload-modal .form-wrapper .form-group .check-account-type label input:checked ~ span,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input:checked ~ span {
  border-color: hsl(351, 90%, 64%);
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input ~ span,
.settings-page .form-wrapper .form-group .check-account-type label input ~ span,
.post-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span {
  position: relative;
  padding: 1.5rem;
  width: 100%;
  border: 1px solid hsl(225, 20%, 95%);
  border-radius: 5rem;
  text-align: center;
  color: hsl(225, 20%, 10%);
  letter-spacing: 1px;
  font-weight: 700;
  cursor: pointer;
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input ~ span i,
.settings-page .form-wrapper .form-group .check-account-type label input ~ span i,
.post-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span i,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span i {
  font-size: 2rem;
  opacity: 0.4;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input ~ span i:nth-child(2),
.settings-page .form-wrapper .form-group .check-account-type label input ~ span i:nth-child(2),
.post-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span i:nth-child(2),
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span i:nth-child(2) {
  margin-left: 0.25rem;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label input ~ span > span,
.settings-page .form-wrapper .form-group .check-account-type label input ~ span > span,
.post-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span > span,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label input ~ span > span {
  margin-left: 0.5rem;
  line-height: 1;
  padding-top: 0.25rem;
}
.premium-setting-page .form-wrapper .form-group .check-account-type label#label_male input:checked ~ span,
.settings-page .form-wrapper .form-group .check-account-type label#label_male input:checked ~ span,
.post-reupload-modal .form-wrapper .form-group .check-account-type label#label_male input:checked ~ span,
.private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label#label_male input:checked ~ span {
  border-color: hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
@media screen and (max-width: 1120px) {
  .premium-setting-page .form-wrapper .form-group .check-account-type,
  .settings-page .form-wrapper .form-group .check-account-type,
  .post-reupload-modal .form-wrapper .form-group .check-account-type,
  .private-content-request-reupload-modal .form-wrapper .form-group .check-account-type {
    flex-wrap: wrap;
  }
  .premium-setting-page .form-wrapper .form-group .check-account-type label,
  .settings-page .form-wrapper .form-group .check-account-type label,
  .post-reupload-modal .form-wrapper .form-group .check-account-type label,
  .private-content-request-reupload-modal .form-wrapper .form-group .check-account-type label {
    width: 100%;
    display: block;
    flex: auto;
    margin-bottom: 1rem;
  }
}
.premium-setting-page .form-wrapper .form-group.copy-link,
.settings-page .form-wrapper .form-group.copy-link,
.post-reupload-modal .form-wrapper .form-group.copy-link,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 10%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.4rem;
  width: 100%;
  text-align: left;
  font-weight: 500;
}
.premium-setting-page .form-wrapper .form-group.copy-link > span,
.settings-page .form-wrapper .form-group.copy-link > span,
.post-reupload-modal .form-wrapper .form-group.copy-link > span,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link > span {
  color: hsl(225, 20%, 60%);
  margin-right: 2rem;
}
.premium-setting-page .form-wrapper .form-group.copy-link > span > span,
.settings-page .form-wrapper .form-group.copy-link > span > span,
.post-reupload-modal .form-wrapper .form-group.copy-link > span > span,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link > span > span {
  font-size: 1.2rem;
}
.premium-setting-page .form-wrapper .form-group.copy-link > span small,
.settings-page .form-wrapper .form-group.copy-link > span small,
.post-reupload-modal .form-wrapper .form-group.copy-link > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link > span small {
  display: block;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .form-wrapper .form-group.copy-link .copy-btn:before,
.settings-page .form-wrapper .form-group.copy-link .copy-btn:before,
.post-reupload-modal .form-wrapper .form-group.copy-link .copy-btn:before,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link .copy-btn:before {
  content: "\f0c5";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 60%);
  font-size: 1.8rem;
  padding: 1.5rem;
  border-radius: 50%;
  transition: all ease 250ms;
}
.premium-setting-page .form-wrapper .form-group.copy-link .copy-btn .tooltip-box:before,
.settings-page .form-wrapper .form-group.copy-link .copy-btn .tooltip-box:before,
.post-reupload-modal .form-wrapper .form-group.copy-link .copy-btn .tooltip-box:before,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link .copy-btn .tooltip-box:before {
  content: attr(data-text-trigger);
}
.premium-setting-page .form-wrapper .form-group.copy-link:hover .copy-btn:before,
.settings-page .form-wrapper .form-group.copy-link:hover .copy-btn:before,
.post-reupload-modal .form-wrapper .form-group.copy-link:hover .copy-btn:before,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link:hover .copy-btn:before {
  color: hsl(351, 90%, 64%);
  background: hsla(351, 90%, 64%, 0.2);
  font-weight: bold;
}
.premium-setting-page .form-wrapper .form-group.copy-link.copied > span small,
.settings-page .form-wrapper .form-group.copy-link.copied > span small,
.post-reupload-modal .form-wrapper .form-group.copy-link.copied > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link.copied > span small {
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .form-wrapper .form-group.copy-link.copied .copy-btn,
.settings-page .form-wrapper .form-group.copy-link.copied .copy-btn,
.post-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-setting-page .form-wrapper .form-group.copy-link.copied .copy-btn:before,
.settings-page .form-wrapper .form-group.copy-link.copied .copy-btn:before,
.post-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn:before,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn:before {
  color: hsl(138, 62%, 51%);
  background: hsla(138, 62%, 51%, 0.2);
  font-weight: bold;
}
.premium-setting-page .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box,
.settings-page .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box,
.post-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box {
  -webkit-animation-name: showHide;
  animation-name: showHide;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-setting-page .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box:before,
.settings-page .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box:before,
.post-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box:before,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link.copied .copy-btn .tooltip-box:before {
  content: attr(data-text-copied);
}
.premium-setting-page .form-wrapper .form-group.copy-link:hover > span small,
.settings-page .form-wrapper .form-group.copy-link:hover > span small,
.post-reupload-modal .form-wrapper .form-group.copy-link:hover > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link:hover > span small {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper .form-group.copy-link:hover.copied > span small,
.settings-page .form-wrapper .form-group.copy-link:hover.copied > span small,
.post-reupload-modal .form-wrapper .form-group.copy-link:hover.copied > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.copy-link:hover.copied > span small {
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .form-wrapper .form-group.convert,
.settings-page .form-wrapper .form-group.convert,
.post-reupload-modal .form-wrapper .form-group.convert,
.private-content-request-reupload-modal .form-wrapper .form-group.convert,
.premium-setting-page .form-wrapper .form-group.checkbox,
.settings-page .form-wrapper .form-group.checkbox,
.post-reupload-modal .form-wrapper .form-group.checkbox,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox {
  flex-wrap: wrap;
}
.premium-setting-page .form-wrapper .form-group.convert.disabled,
.settings-page .form-wrapper .form-group.convert.disabled,
.post-reupload-modal .form-wrapper .form-group.convert.disabled,
.private-content-request-reupload-modal .form-wrapper .form-group.convert.disabled,
.premium-setting-page .form-wrapper .form-group.checkbox.disabled,
.settings-page .form-wrapper .form-group.checkbox.disabled,
.post-reupload-modal .form-wrapper .form-group.checkbox.disabled,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox.disabled {
  background-color: hsl(225, 20%, 98%);
}
.premium-setting-page .form-wrapper .form-group.convert.disabled > *,
.settings-page .form-wrapper .form-group.convert.disabled > *,
.post-reupload-modal .form-wrapper .form-group.convert.disabled > *,
.private-content-request-reupload-modal .form-wrapper .form-group.convert.disabled > *,
.premium-setting-page .form-wrapper .form-group.checkbox.disabled > *,
.settings-page .form-wrapper .form-group.checkbox.disabled > *,
.post-reupload-modal .form-wrapper .form-group.checkbox.disabled > *,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox.disabled > * {
  opacity: 0.3;
}
.premium-setting-page .form-wrapper .form-group.convert label,
.settings-page .form-wrapper .form-group.convert label,
.post-reupload-modal .form-wrapper .form-group.convert label,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label,
.premium-setting-page .form-wrapper .form-group.checkbox label,
.settings-page .form-wrapper .form-group.checkbox label,
.post-reupload-modal .form-wrapper .form-group.checkbox label,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label {
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: hsl(225, 20%, 40%);
  letter-spacing: 0;
  text-transform: none;
  font-size: 1.4rem;
}
.premium-setting-page .form-wrapper .form-group.convert label > span,
.settings-page .form-wrapper .form-group.convert label > span,
.post-reupload-modal .form-wrapper .form-group.convert label > span,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span,
.premium-setting-page .form-wrapper .form-group.checkbox label > span,
.settings-page .form-wrapper .form-group.checkbox label > span,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span {
  color: hsl(225, 20%, 60%);
  padding-right: 2rem;
}
.premium-setting-page .form-wrapper .form-group.convert label > span a,
.settings-page .form-wrapper .form-group.convert label > span a,
.post-reupload-modal .form-wrapper .form-group.convert label > span a,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span a,
.premium-setting-page .form-wrapper .form-group.checkbox label > span a,
.settings-page .form-wrapper .form-group.checkbox label > span a,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span a,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span a {
  color: hsl(351, 90%, 64%);
  text-decoration: none;
}
.premium-setting-page .form-wrapper .form-group.convert label > span .form-error,
.settings-page .form-wrapper .form-group.convert label > span .form-error,
.post-reupload-modal .form-wrapper .form-group.convert label > span .form-error,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span .form-error,
.premium-setting-page .form-wrapper .form-group.checkbox label > span .form-error,
.settings-page .form-wrapper .form-group.checkbox label > span .form-error,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span .form-error,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span .form-error {
  display: block;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .form-wrapper .form-group.convert label > span,
  .settings-page .form-wrapper .form-group.convert label > span,
  .post-reupload-modal .form-wrapper .form-group.convert label > span,
  .private-content-request-reupload-modal .form-wrapper .form-group.convert label > span,
  .premium-setting-page .form-wrapper .form-group.checkbox label > span,
  .settings-page .form-wrapper .form-group.checkbox label > span,
  .post-reupload-modal .form-wrapper .form-group.checkbox label > span,
  .private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span {
    padding-right: 1rem;
  }
}
.premium-setting-page .form-wrapper .form-group.convert label > span small,
.settings-page .form-wrapper .form-group.convert label > span small,
.post-reupload-modal .form-wrapper .form-group.convert label > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span small,
.premium-setting-page .form-wrapper .form-group.checkbox label > span small,
.settings-page .form-wrapper .form-group.checkbox label > span small,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span small,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span small {
  display: flex;
  color: hsl(225, 20%, 75%);
  text-transform: none;
}
.premium-setting-page .form-wrapper .form-group.convert label > span small .actions-wrapper a,
.settings-page .form-wrapper .form-group.convert label > span small .actions-wrapper a,
.post-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a,
.premium-setting-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a,
.settings-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a {
  margin: 0 0.5rem;
}
.premium-setting-page .form-wrapper .form-group.convert label > span small .actions-wrapper a.edit,
.settings-page .form-wrapper .form-group.convert label > span small .actions-wrapper a.edit,
.post-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a.edit,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a.edit,
.premium-setting-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.edit,
.settings-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.edit,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.edit,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.edit {
  color: hsl(216, 73%, 51%);
}
.premium-setting-page .form-wrapper .form-group.convert label > span small .actions-wrapper a.delete,
.settings-page .form-wrapper .form-group.convert label > span small .actions-wrapper a.delete,
.post-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a.delete,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a.delete,
.premium-setting-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.delete,
.settings-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.delete,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.delete,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a.delete {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper .form-group.convert label > span small .actions-wrapper a i,
.settings-page .form-wrapper .form-group.convert label > span small .actions-wrapper a i,
.post-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a i,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span small .actions-wrapper a i,
.premium-setting-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a i,
.settings-page .form-wrapper .form-group.checkbox label > span small .actions-wrapper a i,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a i,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span small .actions-wrapper a i {
  margin-right: 0.5rem;
}
.premium-setting-page .form-wrapper .form-group.convert label > span > .free,
.settings-page .form-wrapper .form-group.convert label > span > .free,
.post-reupload-modal .form-wrapper .form-group.convert label > span > .free,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span > .free,
.premium-setting-page .form-wrapper .form-group.checkbox label > span > .free,
.settings-page .form-wrapper .form-group.checkbox label > span > .free,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span > .free,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span > .free {
  display: inline-block;
  font-size: 1.2rem;
  color: hsl(138, 62%, 51%);
  margin-right: 0.25rem;
}
.premium-setting-page .form-wrapper .form-group.convert label > span > .free > span,
.settings-page .form-wrapper .form-group.convert label > span > .free > span,
.post-reupload-modal .form-wrapper .form-group.convert label > span > .free > span,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span > .free > span,
.premium-setting-page .form-wrapper .form-group.checkbox label > span > .free > span,
.settings-page .form-wrapper .form-group.checkbox label > span > .free > span,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span > .free > span,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span > .free > span {
  position: relative;
  margin-right: 0.5rem;
  color: hsl(225, 20%, 60%);
}
.premium-setting-page .form-wrapper .form-group.convert label > span > .free > span:after,
.settings-page .form-wrapper .form-group.convert label > span > .free > span:after,
.post-reupload-modal .form-wrapper .form-group.convert label > span > .free > span:after,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label > span > .free > span:after,
.premium-setting-page .form-wrapper .form-group.checkbox label > span > .free > span:after,
.settings-page .form-wrapper .form-group.checkbox label > span > .free > span:after,
.post-reupload-modal .form-wrapper .form-group.checkbox label > span > .free > span:after,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label > span > .free > span:after {
  content: '';
  border-bottom: 2px solid hsl(225, 20%, 60%);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 110%;
  transform: translate(-50%, -50%) rotate(-5deg);
}
.premium-setting-page .form-wrapper .form-group.convert label .convert-result p,
.settings-page .form-wrapper .form-group.convert label .convert-result p,
.post-reupload-modal .form-wrapper .form-group.convert label .convert-result p,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label .convert-result p,
.premium-setting-page .form-wrapper .form-group.checkbox label .convert-result p,
.settings-page .form-wrapper .form-group.checkbox label .convert-result p,
.post-reupload-modal .form-wrapper .form-group.checkbox label .convert-result p,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label .convert-result p {
  font-size: 3rem;
  margin: 0;
  font-weight: 700;
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .form-wrapper .form-group.convert label .slider,
.settings-page .form-wrapper .form-group.convert label .slider,
.post-reupload-modal .form-wrapper .form-group.convert label .slider,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label .slider,
.premium-setting-page .form-wrapper .form-group.checkbox label .slider,
.settings-page .form-wrapper .form-group.checkbox label .slider,
.post-reupload-modal .form-wrapper .form-group.checkbox label .slider,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label .slider {
  position: relative;
  cursor: pointer;
}
.premium-setting-page .form-wrapper .form-group.convert label .slider .background,
.settings-page .form-wrapper .form-group.convert label .slider .background,
.post-reupload-modal .form-wrapper .form-group.convert label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label .slider .background,
.premium-setting-page .form-wrapper .form-group.checkbox label .slider .background,
.settings-page .form-wrapper .form-group.checkbox label .slider .background,
.post-reupload-modal .form-wrapper .form-group.checkbox label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label .slider .background {
  background: hsl(225, 20%, 95%);
  display: block;
  border-radius: 2rem;
  padding: 0.9rem 2.5rem;
}
.premium-setting-page .form-wrapper .form-group.convert label .slider .button,
.settings-page .form-wrapper .form-group.convert label .slider .button,
.post-reupload-modal .form-wrapper .form-group.convert label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.convert label .slider .button,
.premium-setting-page .form-wrapper .form-group.checkbox label .slider .button,
.settings-page .form-wrapper .form-group.checkbox label .slider .button,
.post-reupload-modal .form-wrapper .form-group.checkbox label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox label .slider .button {
  position: absolute;
  display: block;
  padding: 1.2rem;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  left: 0;
  top: 50%;
  border-radius: 50%;
  transform: translate(0%, -50%);
  transition: all ease 250ms;
}
.premium-setting-page .form-wrapper .form-group.convert input[type="checkbox"],
.settings-page .form-wrapper .form-group.convert input[type="checkbox"],
.post-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"],
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"],
.premium-setting-page .form-wrapper .form-group.checkbox input[type="checkbox"],
.settings-page .form-wrapper .form-group.checkbox input[type="checkbox"],
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"],
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"],
.premium-setting-page .form-wrapper .form-group.convert input[type="radio"],
.settings-page .form-wrapper .form-group.convert input[type="radio"],
.post-reupload-modal .form-wrapper .form-group.convert input[type="radio"],
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="radio"],
.premium-setting-page .form-wrapper .form-group.checkbox input[type="radio"],
.settings-page .form-wrapper .form-group.checkbox input[type="radio"],
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"],
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"] {
  display: none;
}
.premium-setting-page .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .background,
.settings-page .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .background,
.post-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .background,
.premium-setting-page .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.settings-page .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .background,
.premium-setting-page .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .background,
.settings-page .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .background,
.post-reupload-modal .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .background,
.premium-setting-page .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .background,
.settings-page .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .background,
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .background,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .background {
  background: hsla(216, 73%, 51%, 0.2);
}
.premium-setting-page .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .button,
.settings-page .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .button,
.post-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="checkbox"]:checked + label .slider .button,
.premium-setting-page .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.settings-page .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="checkbox"]:checked + label .slider .button,
.premium-setting-page .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .button,
.settings-page .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .button,
.post-reupload-modal .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.convert input[type="radio"]:checked + label .slider .button,
.premium-setting-page .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .button,
.settings-page .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .button,
.post-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .button,
.private-content-request-reupload-modal .form-wrapper .form-group.checkbox input[type="radio"]:checked + label .slider .button {
  left: 100%;
  transform: translate(-100%, -50%);
  background: hsl(216, 73%, 51%);
}
.premium-setting-page .form-wrapper .form-group.input-file,
.settings-page .form-wrapper .form-group.input-file,
.post-reupload-modal .form-wrapper .form-group.input-file,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file {
  position: relative;
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper,
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper,
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper {
  align-items: center;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 1010px) {
  .premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper,
  .settings-page .form-wrapper .form-group.input-file .input-file-wrapper,
  .post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper,
  .private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper {
    flex-wrap: wrap;
    margin: 1rem 0;
  }
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper input[type="file"],
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper input[type="file"],
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper input[type="file"],
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper input[type="file"] {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper .edit-file-text .filename,
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper .edit-file-text .filename,
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .edit-file-text .filename,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .edit-file-text .filename {
  color: hsl(225, 20%, 75%);
  font-size: 1.3rem;
  display: none;
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button {
  border: 1px solid hsl(225, 20%, 90%);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:after,
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:after,
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:after,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:after {
  content: attr(data-upload);
}
.premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:before,
.settings-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:before,
.post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:before,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button:before {
  content: "\f093";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1010px) {
  .premium-setting-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
  .settings-page .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
  .post-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button,
  .private-content-request-reupload-modal .form-wrapper .form-group.input-file .input-file-wrapper .upload-button {
    margin: 1rem 0;
  }
}
.premium-setting-page .form-wrapper .form-group.input-file.invalid-file .edit-file-text,
.settings-page .form-wrapper .form-group.input-file.invalid-file .edit-file-text,
.post-reupload-modal .form-wrapper .form-group.input-file.invalid-file .edit-file-text,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.invalid-file .edit-file-text {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button,
.settings-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button,
.post-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button {
  -webkit-animation: invalid-file ease 1s both;
  animation: invalid-file ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:before,
.settings-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:before,
.post-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:before,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:before {
  -webkit-animation: invalid-file-before ease 1s both;
  animation: invalid-file-before ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:after,
.settings-page .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:after,
.post-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:after,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.invalid-file .input-file-wrapper .upload-button:after {
  -webkit-animation: invalid-file-after ease 1s both;
  animation: invalid-file-after ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.input-file.valid-file .edit-file-text .filename,
.settings-page .form-wrapper .form-group.input-file.valid-file .edit-file-text .filename,
.post-reupload-modal .form-wrapper .form-group.input-file.valid-file .edit-file-text .filename,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.valid-file .edit-file-text .filename {
  display: block;
}
.premium-setting-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button,
.settings-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button,
.post-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button {
  -webkit-animation: valid-file ease 1s both;
  animation: valid-file ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:before,
.settings-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:before,
.post-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:before,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:before {
  -webkit-animation: valid-file-before ease 1s both;
  animation: valid-file-before ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:after,
.settings-page .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:after,
.post-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:after,
.private-content-request-reupload-modal .form-wrapper .form-group.input-file.valid-file .input-file-wrapper .upload-button:after {
  -webkit-animation: valid-file-after ease 1s both;
  animation: valid-file-after ease 1s both;
}
.premium-setting-page .form-wrapper .form-group.has-error .form-control .input.input-group,
.settings-page .form-wrapper .form-group.has-error .form-control .input.input-group,
.post-reupload-modal .form-wrapper .form-group.has-error .form-control .input.input-group,
.private-content-request-reupload-modal .form-wrapper .form-group.has-error .form-control .input.input-group {
  color: hsl(350, 83%, 20%);
  background: hsl(350, 83%, 90%);
}
.premium-setting-page .form-wrapper .form-group.has-error .form-control .input.input-group .is-invalid,
.settings-page .form-wrapper .form-group.has-error .form-control .input.input-group .is-invalid,
.post-reupload-modal .form-wrapper .form-group.has-error .form-control .input.input-group .is-invalid,
.private-content-request-reupload-modal .form-wrapper .form-group.has-error .form-control .input.input-group .is-invalid {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper .form-group.mfstar,
.settings-page .form-wrapper .form-group.mfstar,
.post-reupload-modal .form-wrapper .form-group.mfstar,
.private-content-request-reupload-modal .form-wrapper .form-group.mfstar {
  background: hsl(40, 95%, 57%);
  color: white;
}
.premium-setting-page .form-wrapper .form-group.mfstar label,
.settings-page .form-wrapper .form-group.mfstar label,
.post-reupload-modal .form-wrapper .form-group.mfstar label,
.private-content-request-reupload-modal .form-wrapper .form-group.mfstar label {
  color: white;
  font-weight: 700;
}
.premium-setting-page .form-wrapper .form-group.no-label .form-control,
.settings-page .form-wrapper .form-group.no-label .form-control,
.post-reupload-modal .form-wrapper .form-group.no-label .form-control,
.private-content-request-reupload-modal .form-wrapper .form-group.no-label .form-control {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .form-wrapper .form-group,
  .settings-page .form-wrapper .form-group,
  .post-reupload-modal .form-wrapper .form-group,
  .private-content-request-reupload-modal .form-wrapper .form-group {
    flex-wrap: wrap;
  }
  .premium-setting-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
  .settings-page .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
  .post-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle,
  .private-content-request-reupload-modal .form-wrapper .form-group .edit-avatar-wrapper .edit-avatar-text p.subtitle {
    flex-wrap: wrap;
  }
  .premium-setting-page .form-wrapper .form-group label,
  .settings-page .form-wrapper .form-group label,
  .post-reupload-modal .form-wrapper .form-group label,
  .private-content-request-reupload-modal .form-wrapper .form-group label {
    flex: auto;
    width: 100%;
    padding: 1rem 0;
  }
  .premium-setting-page .form-wrapper .form-group .form-control,
  .settings-page .form-wrapper .form-group .form-control,
  .post-reupload-modal .form-wrapper .form-group .form-control,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control {
    padding-left: 0;
  }
  .premium-setting-page .form-wrapper .form-group .form-control .input,
  .settings-page .form-wrapper .form-group .form-control .input,
  .post-reupload-modal .form-wrapper .form-group .form-control .input,
  .private-content-request-reupload-modal .form-wrapper .form-group .form-control .input {
    width: 100%;
    min-width: 100%;
  }
}
.premium-setting-page .form-wrapper [data-payment-info],
.settings-page .form-wrapper [data-payment-info],
.post-reupload-modal .form-wrapper [data-payment-info],
.private-content-request-reupload-modal .form-wrapper [data-payment-info] {
  border: 1px solid hsl(228, 20%, 95%);
  width: 100%;
  margin-top: 2rem;
  border-radius: 3rem;
  background: hsl(228, 20%, 98%);
}
.premium-setting-page .form-wrapper [data-payment-info] .form-group:last-child,
.settings-page .form-wrapper [data-payment-info] .form-group:last-child,
.post-reupload-modal .form-wrapper [data-payment-info] .form-group:last-child,
.private-content-request-reupload-modal .form-wrapper [data-payment-info] .form-group:last-child {
  border-bottom: 0;
}
.premium-setting-page .form-wrapper .form-group-wrapper,
.settings-page .form-wrapper .form-group-wrapper,
.post-reupload-modal .form-wrapper .form-group-wrapper,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper {
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.premium-setting-page .form-wrapper .form-group-wrapper .form-group,
.settings-page .form-wrapper .form-group-wrapper .form-group,
.post-reupload-modal .form-wrapper .form-group-wrapper .form-group,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .form-group {
  border-bottom: 0;
}
.premium-setting-page .form-wrapper .form-group-wrapper .form-group + .form-group,
.settings-page .form-wrapper .form-group-wrapper .form-group + .form-group,
.post-reupload-modal .form-wrapper .form-group-wrapper .form-group + .form-group,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .form-group + .form-group {
  padding-top: 0;
}
.premium-setting-page .form-wrapper .form-group-wrapper .msg-preview-wrapper,
.settings-page .form-wrapper .form-group-wrapper .msg-preview-wrapper,
.post-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper {
  margin: 0 2rem;
  padding: 2rem 0;
  border-top: 1px solid hsl(225, 20%, 95%);
}
.premium-setting-page .form-wrapper .form-group-wrapper .msg-preview-wrapper p,
.settings-page .form-wrapper .form-group-wrapper .msg-preview-wrapper p,
.post-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper p,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper p {
  color: hsl(225, 20%, 60%);
  margin-top: 0;
  margin-bottom: 2rem;
}
.premium-setting-page .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview,
.settings-page .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview,
.post-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview {
  padding: 2rem;
  background: hsl(225, 20%, 95%);
  border-radius: 2rem;
  position: relative;
}
.premium-setting-page .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview:before,
.settings-page .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview:before,
.post-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview:before,
.private-content-request-reupload-modal .form-wrapper .form-group-wrapper .msg-preview-wrapper .msg-preview:before {
  content: "";
  position: absolute;
  top: 0;
  left: 5rem;
  transform: translate(-50%, -100%);
  border-width: 15px;
  border-style: solid;
  border-color: transparent transparent hsl(225, 20%, 95%) transparent;
}
.premium-setting-page .form-wrapper.preferences h2,
.settings-page .form-wrapper.preferences h2,
.post-reupload-modal .form-wrapper.preferences h2,
.private-content-request-reupload-modal .form-wrapper.preferences h2 {
  border-top: 5px solid hsl(225, 20%, 95%);
  border-bottom: 1px solid hsl(225, 20%, 95%);
  padding-bottom: 1.5rem;
}
.premium-setting-page .form-wrapper.preferences h2 i,
.settings-page .form-wrapper.preferences h2 i,
.post-reupload-modal .form-wrapper.preferences h2 i,
.private-content-request-reupload-modal .form-wrapper.preferences h2 i {
  margin-right: 1rem;
  opacity: 0.5;
}
.premium-setting-page .form-wrapper.preferences h2:first-of-type,
.settings-page .form-wrapper.preferences h2:first-of-type,
.post-reupload-modal .form-wrapper.preferences h2:first-of-type,
.private-content-request-reupload-modal .form-wrapper.preferences h2:first-of-type {
  border-top: 0;
}
.premium-setting-page .form-wrapper.preferences h3,
.settings-page .form-wrapper.preferences h3,
.post-reupload-modal .form-wrapper.preferences h3,
.private-content-request-reupload-modal .form-wrapper.preferences h3 {
  padding: 0 2rem;
  margin-bottom: 0;
  margin-top: 2rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.premium-setting-page .form-wrapper.preferences h3 .badge,
.settings-page .form-wrapper.preferences h3 .badge,
.post-reupload-modal .form-wrapper.preferences h3 .badge,
.private-content-request-reupload-modal .form-wrapper.preferences h3 .badge {
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
  border-radius: 4rem;
  display: inline-block;
  line-height: 1;
  margin-bottom: 0.5rem;
}
.premium-setting-page .form-wrapper.preferences h3 .badge.new,
.settings-page .form-wrapper.preferences h3 .badge.new,
.post-reupload-modal .form-wrapper.preferences h3 .badge.new,
.private-content-request-reupload-modal .form-wrapper.preferences h3 .badge.new {
  background: hsl(138, 62%, 51%);
  color: white;
}
.premium-setting-page .mfstar-wrapper,
.settings-page .mfstar-wrapper,
.post-reupload-modal .mfstar-wrapper,
.private-content-request-reupload-modal .mfstar-wrapper {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  justify-content: center;
  margin-top: 4rem;
}
.premium-setting-page .mfstar-wrapper .mfstar,
.settings-page .mfstar-wrapper .mfstar,
.post-reupload-modal .mfstar-wrapper .mfstar,
.private-content-request-reupload-modal .mfstar-wrapper .mfstar {
  color: hsl(0, 0%, 100%);
  background: hsl(40, 95%, 57%);
  padding: 2rem 2rem 2rem 6rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem;
  width: 100%;
  display: block;
}
.premium-setting-page .mfstar-wrapper .mfstar > small,
.settings-page .mfstar-wrapper .mfstar > small,
.post-reupload-modal .mfstar-wrapper .mfstar > small,
.private-content-request-reupload-modal .mfstar-wrapper .mfstar > small {
  display: block;
  color: hsl(0, 0%, 100%);
  text-transform: none;
}
.premium-setting-page .mfstar-wrapper .mfstar:before,
.settings-page .mfstar-wrapper .mfstar:before,
.post-reupload-modal .mfstar-wrapper .mfstar:before,
.private-content-request-reupload-modal .mfstar-wrapper .mfstar:before {
  content: "\f005";
  font-family: "Font Awesome 5 Pro";
  font-size: 2rem;
  color: white;
  font-weight: bold;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-60%);
}
.premium-setting-page .mfstar-wrapper .mfstar > span,
.settings-page .mfstar-wrapper .mfstar > span,
.post-reupload-modal .mfstar-wrapper .mfstar > span,
.private-content-request-reupload-modal .mfstar-wrapper .mfstar > span {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 2rem;
  cursor: pointer;
  text-decoration: none;
  color: hsl(40, 95%, 80%);
}
.premium-setting-page .mfstar-wrapper .mfstar > span:after,
.settings-page .mfstar-wrapper .mfstar > span:after,
.post-reupload-modal .mfstar-wrapper .mfstar > span:after,
.private-content-request-reupload-modal .mfstar-wrapper .mfstar > span:after {
  content: "\f054";
  font-family: 'Font Awesome 5 Pro';
}
.premium-setting-page .account-delete-wrapper,
.settings-page .account-delete-wrapper,
.post-reupload-modal .account-delete-wrapper,
.private-content-request-reupload-modal .account-delete-wrapper {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  justify-content: center;
  margin-top: 4rem;
}
.premium-setting-page .account-delete-wrapper--affiliate,
.settings-page .account-delete-wrapper--affiliate,
.post-reupload-modal .account-delete-wrapper--affiliate,
.private-content-request-reupload-modal .account-delete-wrapper--affiliate {
  margin-top: 0;
}
.premium-setting-page .account-delete-wrapper .account-delete,
.settings-page .account-delete-wrapper .account-delete,
.post-reupload-modal .account-delete-wrapper .account-delete,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete {
  color: hsl(350, 83%, 55%);
  padding: 2rem 4rem 2rem 2rem;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem;
}
.premium-setting-page .account-delete-wrapper .account-delete > small,
.settings-page .account-delete-wrapper .account-delete > small,
.post-reupload-modal .account-delete-wrapper .account-delete > small,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete > small {
  display: block;
  color: hsl(225, 20%, 75%);
  text-transform: none;
}
.premium-setting-page .account-delete-wrapper .account-delete > small a,
.settings-page .account-delete-wrapper .account-delete > small a,
.post-reupload-modal .account-delete-wrapper .account-delete > small a,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete > small a {
  color: hsl(350, 83%, 55%);
  cursor: pointer;
}
.premium-setting-page .account-delete-wrapper .account-delete > small a:hover,
.settings-page .account-delete-wrapper .account-delete > small a:hover,
.post-reupload-modal .account-delete-wrapper .account-delete > small a:hover,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete > small a:hover {
  text-decoration: underline;
}
.premium-setting-page .account-delete-wrapper .account-delete .delete-link,
.settings-page .account-delete-wrapper .account-delete .delete-link,
.post-reupload-modal .account-delete-wrapper .account-delete .delete-link,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete .delete-link {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 2rem;
  cursor: pointer;
  text-decoration: none;
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .account-delete-wrapper .account-delete .delete-link:after,
.settings-page .account-delete-wrapper .account-delete .delete-link:after,
.post-reupload-modal .account-delete-wrapper .account-delete .delete-link:after,
.private-content-request-reupload-modal .account-delete-wrapper .account-delete .delete-link:after {
  content: "\f054";
  font-family: 'Font Awesome 5 Pro';
}
.premium-setting-page .card-item,
.settings-page .card-item,
.post-reupload-modal .card-item,
.private-content-request-reupload-modal .card-item {
  display: flex;
  padding: 2rem 0;
  border-bottom: 1px solid #f0f1f5;
  align-items: center;
}
.premium-setting-page .card-item:first-child,
.settings-page .card-item:first-child,
.post-reupload-modal .card-item:first-child,
.private-content-request-reupload-modal .card-item:first-child {
  padding-top: 0;
}
.premium-setting-page .card-item:last-child,
.settings-page .card-item:last-child,
.post-reupload-modal .card-item:last-child,
.private-content-request-reupload-modal .card-item:last-child {
  border: none;
  padding-bottom: 0;
}
.premium-setting-page .card-item .card-name,
.settings-page .card-item .card-name,
.post-reupload-modal .card-item .card-name,
.private-content-request-reupload-modal .card-item .card-name {
  flex: 0 0 20%;
  padding-right: 2rem;
  font-size: 1.5rem;
  color: #2f3646;
  display: flex;
  letter-spacing: 1px;
  align-items: center;
}
.premium-setting-page .card-item .card-name i,
.settings-page .card-item .card-name i,
.post-reupload-modal .card-item .card-name i,
.private-content-request-reupload-modal .card-item .card-name i,
.premium-setting-page .card-item .card-name svg,
.settings-page .card-item .card-name svg,
.post-reupload-modal .card-item .card-name svg,
.private-content-request-reupload-modal .card-item .card-name svg,
.premium-setting-page .card-item .card-name img,
.settings-page .card-item .card-name img,
.post-reupload-modal .card-item .card-name img,
.private-content-request-reupload-modal .card-item .card-name img {
  min-width: 2.5rem;
  margin-right: 1rem;
  font-size: 2rem;
  text-align: center;
}
.premium-setting-page .card-item .card-name img,
.settings-page .card-item .card-name img,
.post-reupload-modal .card-item .card-name img,
.private-content-request-reupload-modal .card-item .card-name img {
  height: 2.5rem;
  display: block;
  margin-top: -2px;
}
.premium-setting-page .card-item .card-name > svg,
.settings-page .card-item .card-name > svg,
.post-reupload-modal .card-item .card-name > svg,
.private-content-request-reupload-modal .card-item .card-name > svg {
  padding-right: 10px;
  height: 1.5rem;
  display: block;
}
.premium-setting-page .card-item .card-name i.fa-facebook-f,
.settings-page .card-item .card-name i.fa-facebook-f,
.post-reupload-modal .card-item .card-name i.fa-facebook-f,
.private-content-request-reupload-modal .card-item .card-name i.fa-facebook-f {
  color: #366ecc;
}
.premium-setting-page .card-item .card-status,
.settings-page .card-item .card-status,
.post-reupload-modal .card-item .card-status,
.private-content-request-reupload-modal .card-item .card-status {
  flex: 0 0 60%;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  letter-spacing: 1px;
  color: hsl(225, 20%, 60%);
}
.premium-setting-page .card-item .card-status.linked,
.settings-page .card-item .card-status.linked,
.post-reupload-modal .card-item .card-status.linked,
.private-content-request-reupload-modal .card-item .card-status.linked {
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .card-item .card-button,
.settings-page .card-item .card-button,
.post-reupload-modal .card-item .card-button,
.private-content-request-reupload-modal .card-item .card-button {
  flex: 0 0 20%;
  display: flex;
  justify-content: flex-end;
  padding-left: 2rem;
}
.premium-setting-page .card-item .card-button a,
.settings-page .card-item .card-button a,
.post-reupload-modal .card-item .card-button a,
.private-content-request-reupload-modal .card-item .card-button a {
  border-radius: 3rem;
  display: block;
  color: hsl(225, 20%, 10%);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 1.2rem;
}
.premium-setting-page .card-item .card-button a:hover,
.settings-page .card-item .card-button a:hover,
.post-reupload-modal .card-item .card-button a:hover,
.private-content-request-reupload-modal .card-item .card-button a:hover {
  color: hsl(351, 90%, 64%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .card-item,
  .settings-page .card-item,
  .post-reupload-modal .card-item,
  .private-content-request-reupload-modal .card-item {
    flex-wrap: wrap;
  }
  .premium-setting-page .card-item .card-name,
  .settings-page .card-item .card-name,
  .post-reupload-modal .card-item .card-name,
  .private-content-request-reupload-modal .card-item .card-name,
  .premium-setting-page .card-item .card-status,
  .settings-page .card-item .card-status,
  .post-reupload-modal .card-item .card-status,
  .private-content-request-reupload-modal .card-item .card-status,
  .premium-setting-page .card-item .card-button,
  .settings-page .card-item .card-button,
  .post-reupload-modal .card-item .card-button,
  .private-content-request-reupload-modal .card-item .card-button {
    flex: 0 0 100%;
    justify-content: flex-start;
    padding: 0.5rem 0;
  }
}
.premium-setting-page .card-body,
.settings-page .card-body,
.post-reupload-modal .card-body,
.private-content-request-reupload-modal .card-body {
  padding: 3rem;
}
.premium-setting-page .badge,
.settings-page .badge,
.post-reupload-modal .badge,
.private-content-request-reupload-modal .badge {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  margin: 0.25rem 0;
}
.premium-setting-page .badge > i,
.settings-page .badge > i,
.post-reupload-modal .badge > i,
.private-content-request-reupload-modal .badge > i {
  margin-right: 0.5rem;
}
.premium-setting-page .badge > i.fa-user-secret,
.settings-page .badge > i.fa-user-secret,
.post-reupload-modal .badge > i.fa-user-secret,
.private-content-request-reupload-modal .badge > i.fa-user-secret {
  margin-right: 0;
}
.premium-setting-page .badge.cancel-sub,
.settings-page .badge.cancel-sub,
.post-reupload-modal .badge.cancel-sub,
.private-content-request-reupload-modal .badge.cancel-sub {
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 75%);
}
.premium-setting-page .badge.video,
.settings-page .badge.video,
.post-reupload-modal .badge.video,
.private-content-request-reupload-modal .badge.video,
.premium-setting-page .badge.edit,
.settings-page .badge.edit,
.post-reupload-modal .badge.edit,
.private-content-request-reupload-modal .badge.edit,
.premium-setting-page .badge.preparing,
.settings-page .badge.preparing,
.post-reupload-modal .badge.preparing,
.private-content-request-reupload-modal .badge.preparing,
.premium-setting-page .badge.sending,
.settings-page .badge.sending,
.post-reupload-modal .badge.sending,
.private-content-request-reupload-modal .badge.sending,
.premium-setting-page .badge.free,
.settings-page .badge.free,
.post-reupload-modal .badge.free,
.private-content-request-reupload-modal .badge.free {
  color: hsl(216, 73%, 20%);
  background: hsl(216, 73%, 80%);
}
.premium-setting-page .badge.photo,
.settings-page .badge.photo,
.post-reupload-modal .badge.photo,
.private-content-request-reupload-modal .badge.photo,
.premium-setting-page .badge.delivered,
.settings-page .badge.delivered,
.post-reupload-modal .badge.delivered,
.private-content-request-reupload-modal .badge.delivered,
.premium-setting-page .badge.accepted,
.settings-page .badge.accepted,
.post-reupload-modal .badge.accepted,
.private-content-request-reupload-modal .badge.accepted,
.premium-setting-page .badge.fulfilled,
.settings-page .badge.fulfilled,
.post-reupload-modal .badge.fulfilled,
.private-content-request-reupload-modal .badge.fulfilled,
.premium-setting-page .badge.paid,
.settings-page .badge.paid,
.post-reupload-modal .badge.paid,
.private-content-request-reupload-modal .badge.paid,
.premium-setting-page .badge.sent,
.settings-page .badge.sent,
.post-reupload-modal .badge.sent,
.private-content-request-reupload-modal .badge.sent,
.premium-setting-page .badge.credit,
.settings-page .badge.credit,
.post-reupload-modal .badge.credit,
.private-content-request-reupload-modal .badge.credit,
.premium-setting-page .badge.valid,
.settings-page .badge.valid,
.post-reupload-modal .badge.valid,
.private-content-request-reupload-modal .badge.valid {
  color: hsl(138, 62%, 20%);
  background: hsl(138, 62%, 80%);
}
.premium-setting-page .badge.pending_confirmation,
.settings-page .badge.pending_confirmation,
.post-reupload-modal .badge.pending_confirmation,
.private-content-request-reupload-modal .badge.pending_confirmation,
.premium-setting-page .badge.pending_validation,
.settings-page .badge.pending_validation,
.post-reupload-modal .badge.pending_validation,
.private-content-request-reupload-modal .badge.pending_validation,
.premium-setting-page .badge.pending,
.settings-page .badge.pending,
.post-reupload-modal .badge.pending,
.private-content-request-reupload-modal .badge.pending,
.premium-setting-page .badge.warning,
.settings-page .badge.warning,
.post-reupload-modal .badge.warning,
.private-content-request-reupload-modal .badge.warning,
.premium-setting-page .badge.debit,
.settings-page .badge.debit,
.post-reupload-modal .badge.debit,
.private-content-request-reupload-modal .badge.debit,
.premium-setting-page .badge.waiting,
.settings-page .badge.waiting,
.post-reupload-modal .badge.waiting,
.private-content-request-reupload-modal .badge.waiting {
  color: hsl(40, 95%, 20%);
  background: hsl(40, 95%, 80%);
}
.premium-setting-page .badge.error,
.settings-page .badge.error,
.post-reupload-modal .badge.error,
.private-content-request-reupload-modal .badge.error,
.premium-setting-page .badge.delete,
.settings-page .badge.delete,
.post-reupload-modal .badge.delete,
.private-content-request-reupload-modal .badge.delete,
.premium-setting-page .badge.refused,
.settings-page .badge.refused,
.post-reupload-modal .badge.refused,
.private-content-request-reupload-modal .badge.refused,
.premium-setting-page .badge.alert,
.settings-page .badge.alert,
.post-reupload-modal .badge.alert,
.private-content-request-reupload-modal .badge.alert {
  color: hsl(350, 83%, 20%);
  background: hsl(350, 83%, 80%);
}
.premium-setting-page .badge.picto,
.settings-page .badge.picto,
.post-reupload-modal .badge.picto,
.private-content-request-reupload-modal .badge.picto {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: transparent;
  float: right;
}
.premium-setting-page .badge.picto > i,
.settings-page .badge.picto > i,
.post-reupload-modal .badge.picto > i,
.private-content-request-reupload-modal .badge.picto > i {
  margin: 0;
}
.premium-setting-page .badge.picto.waiting,
.settings-page .badge.picto.waiting,
.post-reupload-modal .badge.picto.waiting,
.private-content-request-reupload-modal .badge.picto.waiting {
  color: hsl(40, 95%, 57%);
}
.premium-setting-page .badge.picto.valid,
.settings-page .badge.picto.valid,
.post-reupload-modal .badge.picto.valid,
.private-content-request-reupload-modal .badge.picto.valid {
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .badge.picto.delete,
.settings-page .badge.picto.delete,
.post-reupload-modal .badge.picto.delete,
.private-content-request-reupload-modal .badge.picto.delete {
  color: hsl(350, 83%, 20%);
}
.premium-setting-page .badge.picto.delete:hover,
.settings-page .badge.picto.delete:hover,
.post-reupload-modal .badge.picto.delete:hover,
.private-content-request-reupload-modal .badge.picto.delete:hover {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .badge.picto.alert,
.settings-page .badge.picto.alert,
.post-reupload-modal .badge.picto.alert,
.private-content-request-reupload-modal .badge.picto.alert {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .badge.tooltip,
.settings-page .badge.tooltip,
.post-reupload-modal .badge.tooltip,
.private-content-request-reupload-modal .badge.tooltip {
  min-width: 3.2rem;
  padding: 1rem !important;
}
.premium-setting-page .badge.tooltip.action,
.settings-page .badge.tooltip.action,
.post-reupload-modal .badge.tooltip.action,
.private-content-request-reupload-modal .badge.tooltip.action {
  background: hsl(225, 20%, 95%);
}
.premium-setting-page .badge.tooltip.action:hover.video,
.settings-page .badge.tooltip.action:hover.video,
.post-reupload-modal .badge.tooltip.action:hover.video,
.private-content-request-reupload-modal .badge.tooltip.action:hover.video,
.premium-setting-page .badge.tooltip.action:hover.edit,
.settings-page .badge.tooltip.action:hover.edit,
.post-reupload-modal .badge.tooltip.action:hover.edit,
.private-content-request-reupload-modal .badge.tooltip.action:hover.edit,
.premium-setting-page .badge.tooltip.action:hover.preparing,
.settings-page .badge.tooltip.action:hover.preparing,
.post-reupload-modal .badge.tooltip.action:hover.preparing,
.private-content-request-reupload-modal .badge.tooltip.action:hover.preparing,
.premium-setting-page .badge.tooltip.action:hover.sending,
.settings-page .badge.tooltip.action:hover.sending,
.post-reupload-modal .badge.tooltip.action:hover.sending,
.private-content-request-reupload-modal .badge.tooltip.action:hover.sending,
.premium-setting-page .badge.tooltip.action:hover.free,
.settings-page .badge.tooltip.action:hover.free,
.post-reupload-modal .badge.tooltip.action:hover.free,
.private-content-request-reupload-modal .badge.tooltip.action:hover.free {
  color: hsl(216, 73%, 20%);
  background: hsl(216, 73%, 80%);
}
.premium-setting-page .badge.tooltip.action:hover.photo,
.settings-page .badge.tooltip.action:hover.photo,
.post-reupload-modal .badge.tooltip.action:hover.photo,
.private-content-request-reupload-modal .badge.tooltip.action:hover.photo,
.premium-setting-page .badge.tooltip.action:hover.delivered,
.settings-page .badge.tooltip.action:hover.delivered,
.post-reupload-modal .badge.tooltip.action:hover.delivered,
.private-content-request-reupload-modal .badge.tooltip.action:hover.delivered,
.premium-setting-page .badge.tooltip.action:hover.accepted,
.settings-page .badge.tooltip.action:hover.accepted,
.post-reupload-modal .badge.tooltip.action:hover.accepted,
.private-content-request-reupload-modal .badge.tooltip.action:hover.accepted,
.premium-setting-page .badge.tooltip.action:hover.fulfilled,
.settings-page .badge.tooltip.action:hover.fulfilled,
.post-reupload-modal .badge.tooltip.action:hover.fulfilled,
.private-content-request-reupload-modal .badge.tooltip.action:hover.fulfilled,
.premium-setting-page .badge.tooltip.action:hover.paid,
.settings-page .badge.tooltip.action:hover.paid,
.post-reupload-modal .badge.tooltip.action:hover.paid,
.private-content-request-reupload-modal .badge.tooltip.action:hover.paid,
.premium-setting-page .badge.tooltip.action:hover.sent,
.settings-page .badge.tooltip.action:hover.sent,
.post-reupload-modal .badge.tooltip.action:hover.sent,
.private-content-request-reupload-modal .badge.tooltip.action:hover.sent,
.premium-setting-page .badge.tooltip.action:hover.credit,
.settings-page .badge.tooltip.action:hover.credit,
.post-reupload-modal .badge.tooltip.action:hover.credit,
.private-content-request-reupload-modal .badge.tooltip.action:hover.credit,
.premium-setting-page .badge.tooltip.action:hover.valid,
.settings-page .badge.tooltip.action:hover.valid,
.post-reupload-modal .badge.tooltip.action:hover.valid,
.private-content-request-reupload-modal .badge.tooltip.action:hover.valid {
  color: hsl(138, 62%, 20%);
  background: hsl(138, 62%, 80%);
}
.premium-setting-page .badge.tooltip.action:hover.pending_confirmation,
.settings-page .badge.tooltip.action:hover.pending_confirmation,
.post-reupload-modal .badge.tooltip.action:hover.pending_confirmation,
.private-content-request-reupload-modal .badge.tooltip.action:hover.pending_confirmation,
.premium-setting-page .badge.tooltip.action:hover.pending_validation,
.settings-page .badge.tooltip.action:hover.pending_validation,
.post-reupload-modal .badge.tooltip.action:hover.pending_validation,
.private-content-request-reupload-modal .badge.tooltip.action:hover.pending_validation,
.premium-setting-page .badge.tooltip.action:hover.pending,
.settings-page .badge.tooltip.action:hover.pending,
.post-reupload-modal .badge.tooltip.action:hover.pending,
.private-content-request-reupload-modal .badge.tooltip.action:hover.pending,
.premium-setting-page .badge.tooltip.action:hover.warning,
.settings-page .badge.tooltip.action:hover.warning,
.post-reupload-modal .badge.tooltip.action:hover.warning,
.private-content-request-reupload-modal .badge.tooltip.action:hover.warning,
.premium-setting-page .badge.tooltip.action:hover.debit,
.settings-page .badge.tooltip.action:hover.debit,
.post-reupload-modal .badge.tooltip.action:hover.debit,
.private-content-request-reupload-modal .badge.tooltip.action:hover.debit,
.premium-setting-page .badge.tooltip.action:hover.waiting,
.settings-page .badge.tooltip.action:hover.waiting,
.post-reupload-modal .badge.tooltip.action:hover.waiting,
.private-content-request-reupload-modal .badge.tooltip.action:hover.waiting {
  color: hsl(40, 95%, 20%);
  background: hsl(40, 95%, 80%);
}
.premium-setting-page .badge.tooltip.action:hover.error,
.settings-page .badge.tooltip.action:hover.error,
.post-reupload-modal .badge.tooltip.action:hover.error,
.private-content-request-reupload-modal .badge.tooltip.action:hover.error,
.premium-setting-page .badge.tooltip.action:hover.delete,
.settings-page .badge.tooltip.action:hover.delete,
.post-reupload-modal .badge.tooltip.action:hover.delete,
.private-content-request-reupload-modal .badge.tooltip.action:hover.delete,
.premium-setting-page .badge.tooltip.action:hover.refused,
.settings-page .badge.tooltip.action:hover.refused,
.post-reupload-modal .badge.tooltip.action:hover.refused,
.private-content-request-reupload-modal .badge.tooltip.action:hover.refused,
.premium-setting-page .badge.tooltip.action:hover.alert,
.settings-page .badge.tooltip.action:hover.alert,
.post-reupload-modal .badge.tooltip.action:hover.alert,
.private-content-request-reupload-modal .badge.tooltip.action:hover.alert {
  color: hsl(350, 83%, 20%);
  background: hsl(350, 83%, 80%);
}
.premium-setting-page .badge.tooltip > i,
.settings-page .badge.tooltip > i,
.post-reupload-modal .badge.tooltip > i,
.private-content-request-reupload-modal .badge.tooltip > i {
  margin-right: 0;
}
.galery .empty-galery {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.galery .empty-galery img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.galery .empty-galery p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 3rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.galery .empty-galery p small.error {
  color: hsl(350, 83%, 55%);
  -webkit-animation-name: shake;
  animation-name: shake;
}
.galery .empty-galery button {
  color: white;
  background: hsl(40, 95%, 57%);
  padding: 1rem 2rem;
  border-radius: 3rem;
  font-weight: 500;
  font-size: 1.5rem;
}
.galery .empty-galery input {
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  cursor: pointer;
}
.galery .empty-galery:hover {
  background: hsl(225, 20%, 98%);
}
.galery .filePreview-container .list-items {
  display: flex;
  flex-wrap: wrap;
  padding: 1.5rem;
  width: 100%;
}
.galery .filePreview-container .list-items .sortable {
  width: 25%;
  padding: 0.5rem;
  position: relative;
  transition: all ease 250ms;
}
@media screen and (max-width: 778px) {
  .galery .filePreview-container .list-items .sortable {
    width: 50%;
  }
}
.galery .filePreview-container .list-items .sortable > a {
  width: 100%;
  padding-bottom: 100%;
  display: block;
  background-size: contain;
  background-position: center;
  background-color: black;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  transition: all ease 250ms;
}
.galery .filePreview-container .list-items .sortable > .delete-btn {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0;
  padding: 0.5rem 0.75rem;
  border-radius: 50%;
  background: hsl(350, 83%, 55%);
  opacity: 0;
}
.galery .filePreview-container .list-items .sortable > .delete-btn:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.5rem;
  color: white;
  content: "\f00d";
  background: transparent;
}
.galery .filePreview-container .list-items .sortable:hover {
  transform: scale(1.05);
}
.galery .filePreview-container .list-items .sortable:hover > .delete-btn {
  opacity: 1;
}
.galery .filePreview-container .list-items .sortable:hover > a {
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.galery .progress-wrapper {
  padding: 1rem;
}
.table-filters {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table-filters .nav-tab {
  padding: 0;
  display: flex;
  padding-right: 3rem;
  flex: 1;
}
.table-filters .nav-tab .checkbox {
  width: auto;
  display: block;
  position: relative;
  font-size: 1.4rem;
  background: transparent;
  z-index: 3;
}
.table-filters .nav-tab .checkbox > span {
  padding: 1.5rem 3rem;
  line-height: 1;
  transition: letter-spacing ease 250ms, color ease 250ms;
  display: block;
  color: hsl(225, 20%, 75%);
  height: 100%;
  white-space: nowrap;
}
.table-filters .nav-tab .checkbox > span:hover {
  background: transparent;
  color: hsl(225, 20%, 10%);
}
.table-filters .nav-tab .checkbox > span:after {
  content: none;
}
.table-filters .nav-tab .checkbox.active {
  z-index: 2;
}
.table-filters .nav-tab .checkbox.active > span {
  background: white;
  border-radius: 2.5rem 2.5rem 0 0;
  color: hsl(225, 20%, 10%);
}
.table-filters .nav-tab .checkbox.active > span:hover {
  color: hsl(351, 90%, 64%);
}
.table-filters .nav-tab .checkbox.active > span:after,
.table-filters .nav-tab .checkbox.active > span:before {
  content: '';
  background: hsl(225, 20%, 95%);
  width: 4rem;
  height: 4rem;
  display: block;
  position: absolute;
  border-radius: 50%;
  z-index: 3;
}
.table-filters .nav-tab .checkbox.active > span:before {
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}
.table-filters .nav-tab .checkbox.active > span:after {
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.table-filters .nav-tab .checkbox.active:after,
.table-filters .nav-tab .checkbox.active:before {
  content: '';
  background: white;
  width: 2rem;
  height: 2rem;
  display: block;
  position: absolute;
  z-index: 2;
}
.table-filters .nav-tab .checkbox.active:before {
  bottom: 0;
  right: 0;
  transform: translateX(100%);
}
.table-filters .nav-tab .checkbox.active:after {
  bottom: 0;
  left: 0;
  transform: translateX(-100%);
}
.table-filters .nav-tab .checkbox-wrapper:first-child .checkbox.active:after {
  bottom: auto;
  top: 100%;
  left: 0;
  transform: translate(0);
  border-radius: 0;
}
.table-filters .form-select {
  padding: 0 2rem;
}
.table-filters .form-select .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 1.5rem;
  height: 100% !important;
  margin: 0;
  outline: none;
  padding: 0;
  min-height: auto;
}
.table-filters .form-select .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 1;
  outline: none;
  padding: 1rem 3rem 1rem 2rem;
}
.table-filters .form-select .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 100% !important;
  top: 0;
  right: 0;
  width: 3rem;
}
.table-filters .form-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: hsl(225, 20%, 75%) transparent transparent transparent;
}
.table-filters .form-select .select2-container--default.select2-container--open .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background: hsl(225, 20%, 90%);
}
.table-filters .dropdown-wrapper .dropdown-toggle {
  font-size: 1.5rem;
  padding: 1rem 2rem;
  margin: 0 1rem;
  background: hsl(225, 20%, 90%);
  border-radius: 5rem;
  display: flex;
  align-items: center;
}
.table-filters .dropdown-wrapper .dropdown-toggle:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  margin-left: 1rem;
  font-size: 1.2rem;
}
.table-filters .dropdown-wrapper .dropdown-menu {
  margin-top: 0.5rem;
}
@media screen and (max-width: 920px) {
  .table-filters .dropdown-wrapper.dropdown-actions {
    width: 100%;
  }
  .table-filters .dropdown-wrapper.dropdown-actions .dropdown-toggle {
    width: 100%;
    margin: 0;
    border-radius: 0;
    background: white;
    border-bottom: 1px solid hsl(225, 20%, 90%);
    padding: 2rem;
    justify-content: space-between;
  }
}
.table-filters .dropdown-group {
  display: flex;
  padding: 0 1rem;
}
@media screen and (max-width: 920px) {
  .table-filters .dropdown-group {
    padding: 0;
    width: 100%;
  }
  .table-filters .dropdown-group .dropdown-actions {
    width: 100%;
  }
  .table-filters .dropdown-group .dropdown-actions .dropdown-toggle {
    width: 100%;
    margin: 0 !important;
    border-radius: 0;
    background: white;
    border-bottom: 1px solid hsl(225, 20%, 90%);
    padding: 2rem;
    justify-content: space-between;
  }
}
.table-filters .dropdown-group .dropdown-wrapper .dropdown-toggle {
  margin-left: 1rem;
  margin-right: 0;
}
.table-filters .dropdown-group .dropdown-wrapper:first-child .dropdown-toggle {
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .table-filters .nav-tab {
    width: 100%;
    order: 2;
    flex: 0 0 100%;
    overflow: hidden;
    flex-wrap: wrap;
    padding: 1rem !important;
  }
  .table-filters .nav-tab .checkbox {
    white-space: nowrap;
    width: 50%;
    text-align: center;
  }
  .table-filters .nav-tab .checkbox.active {
    position: relative;
  }
  .table-filters .nav-tab .checkbox.active:after,
  .table-filters .nav-tab .checkbox.active:before,
  .table-filters .nav-tab .checkbox.active > span:before,
  .table-filters .nav-tab .checkbox.active > span:after {
    content: none;
  }
  .table-filters .nav-tab .checkbox.active > span {
    border-radius: 2.5rem;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
  }
}
.premium-table .table,
.buy-history .table {
  padding: 0 2rem;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
}
.premium-table .table thead > tr > th,
.buy-history .table thead > tr > th {
  text-align: left;
  border-bottom: 1px solid #f0f1f5;
  padding: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  color: hsl(224, 20%, 50%);
  font-size: 1.2rem;
}
.premium-table .table thead > tr > th.infos_col,
.buy-history .table thead > tr > th.infos_col {
  width: 65%;
}
.premium-table .table thead > tr > th.desc_col,
.buy-history .table thead > tr > th.desc_col {
  width: 70%;
}
.premium-table .table thead > tr > th.amount_col,
.buy-history .table thead > tr > th.amount_col {
  width: 15%;
}
.premium-table .table thead > tr > th.expe_col,
.buy-history .table thead > tr > th.expe_col {
  width: 30%;
}
.premium-table .table thead > tr > th.date_col,
.buy-history .table thead > tr > th.date_col {
  width: 15%;
}
.premium-table .table thead > tr > th.product_col,
.buy-history .table thead > tr > th.product_col {
  width: 35%;
}
.premium-table .table thead > tr > th.status_col,
.buy-history .table thead > tr > th.status_col {
  width: 20%;
}
.premium-table .table tbody tr td,
.buy-history .table tbody tr td {
  padding: 1.5rem;
  border-bottom: 1px solid #f0f1f5;
}
.premium-table .table tbody tr td a.link,
.buy-history .table tbody tr td a.link {
  color: hsl(350, 83%, 55%);
}
.premium-table .table tbody tr td .badge-promo,
.buy-history .table tbody tr td .badge-promo {
  padding: 0.5rem 1rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-block;
  text-align: center;
  color: hsl(138, 62%, 51%);
  border: 1px solid hsl(138, 62%, 51%);
  margin-right: 0.5rem;
}
.premium-table .table tbody tr td.ellipsis,
.buy-history .table tbody tr td.ellipsis {
  max-width: 28rem;
  overflow: hidden;
}
.premium-table .table tbody tr td.ellipsis > *,
.buy-history .table tbody tr td.ellipsis > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  width: 100%;
}
.premium-table .table tbody tr td .user-account,
.buy-history .table tbody tr td .user-account {
  width: 100%;
  display: flex;
  z-index: 2;
  position: relative;
}
.premium-table .table tbody tr td .user-account .username-wrapper,
.buy-history .table tbody tr td .user-account .username-wrapper {
  margin-left: 1rem;
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.premium-table .table tbody tr td .user-account .username-wrapper .activity,
.buy-history .table tbody tr td .user-account .username-wrapper .activity {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3;
  color: hsl(225, 20%, 75%);
}
.premium-table .table tbody tr td button.subtitle > .label,
.buy-history .table tbody tr td button.subtitle > .label {
  display: block;
  color: hsl(225, 20%, 75%);
  white-space: normal;
  text-align: left;
}
.premium-table .table tbody tr td button.subtitle .tooltip-box:before,
.buy-history .table tbody tr td button.subtitle .tooltip-box:before {
  content: attr(data-text-trigger);
}
.premium-table .table tbody tr td button.subtitle.copied > .label,
.buy-history .table tbody tr td button.subtitle.copied > .label {
  color: hsl(138, 62%, 51%);
}
.premium-table .table tbody tr td button.subtitle.copied .tooltip-box,
.buy-history .table tbody tr td button.subtitle.copied .tooltip-box {
  -webkit-animation-name: showHide;
  animation-name: showHide;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-table .table tbody tr td button.subtitle.copied .tooltip-box:before,
.buy-history .table tbody tr td button.subtitle.copied .tooltip-box:before {
  content: attr(data-text-copied);
}
.premium-table .table tbody tr td button.subtitle:hover > .label,
.buy-history .table tbody tr td button.subtitle:hover > .label {
  color: hsl(351, 90%, 64%);
}
.premium-table .table tbody tr td button.subtitle:hover.copied > .label,
.buy-history .table tbody tr td button.subtitle:hover.copied > .label {
  color: hsl(138, 62%, 51%);
}
.premium-table .table tbody tr td .subtitle,
.buy-history .table tbody tr td .subtitle {
  display: flex;
  align-items: flex-start;
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
  word-break: break-word;
  width: 100%;
}
.premium-table .table tbody tr td .subtitle.error,
.buy-history .table tbody tr td .subtitle.error {
  color: hsl(350, 83%, 55%);
}
.premium-table .table tbody tr td .subtitle > span,
.buy-history .table tbody tr td .subtitle > span {
  display: flex;
  align-items: center;
}
.premium-table .table tbody tr td .subtitle > span:before,
.buy-history .table tbody tr td .subtitle > span:before {
  content: "";
  width: 0.25rem;
  height: 0.25rem;
  background: hsl(225, 20%, 75%);
  display: block;
  border-radius: 50%;
  margin: 0 0.5rem;
}
.premium-table .table tbody tr td .status-link,
.buy-history .table tbody tr td .status-link {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.premium-table .table tbody tr td .badge-waiting,
.buy-history .table tbody tr td .badge-waiting {
  display: inline-block;
  font-size: 1.2rem;
  color: hsl(40, 95%, 20%);
  padding: 0.5rem 2rem 0.5rem 2rem;
  border: 1px solid hsl(40, 95%, 80%);
  border-radius: 3rem;
  line-height: 1;
  margin-top: 0.5rem;
  background: hsl(40, 95%, 90%);
  text-align: left;
}
.premium-table .table tbody tr td .badge-waiting i,
.buy-history .table tbody tr td .badge-waiting i {
  margin-right: 0.5rem;
}
.premium-table .table tbody tr td .refunded,
.buy-history .table tbody tr td .refunded {
  color: hsl(40, 95%, 20%);
  background: hsl(40, 95%, 80%);
  font-size: 1rem;
  padding: 0.25rem 1rem;
  border-radius: 2rem;
}
.premium-table .table tbody tr td .live,
.buy-history .table tbody tr td .live {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  color: hsl(138, 62%, 20%);
  background: hsl(138, 62%, 80%);
}
.premium-table .table tbody tr td .live i,
.buy-history .table tbody tr td .live i {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.premium-table .table tbody tr td .note,
.buy-history .table tbody tr td .note {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  color: hsl(351, 90%, 20%);
  background: hsl(351, 90%, 80%);
}
.premium-table .table tbody tr td .note i,
.buy-history .table tbody tr td .note i {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.premium-table .table tbody tr td .cancel,
.buy-history .table tbody tr td .cancel {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 90%);
}
.premium-table .table tbody tr td p,
.buy-history .table tbody tr td p {
  margin: 0;
  display: flex;
}
.premium-table .table tbody tr td p > *,
.buy-history .table tbody tr td p > * {
  margin: 0 0.25rem;
}
.premium-table .table tbody tr td p .gift-link,
.buy-history .table tbody tr td p .gift-link {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .premium-table .table tbody tr td .badge,
  .buy-history .table tbody tr td .badge {
    margin: 0 0.25rem;
    font-size: 1.5rem;
    padding: 1.5rem !important;
    min-width: 4.5rem;
  }
}
.premium-table .table tbody tr:last-child td,
.buy-history .table tbody tr:last-child td {
  border-bottom: 0;
}
.premium-table .table tbody tr.publication-data td,
.buy-history .table tbody tr.publication-data td {
  border-bottom: 0 !important;
  padding-bottom: 0;
}
.premium-table .table tbody tr.file-list > td,
.buy-history .table tbody tr.file-list > td {
  padding: 1rem 0 1rem 0;
}
.premium-table .table tbody tr.file-list > td > table,
.buy-history .table tbody tr.file-list > td > table {
  width: 100%;
  padding: 1rem 0 1rem 1rem;
  background: hsl(228, 20%, 98%);
  border-radius: 1.5rem;
}
.premium-table .table tbody tr.file-list > td > table th,
.buy-history .table tbody tr.file-list > td > table th {
  padding: 0;
  border-bottom: 0;
}
.premium-table .table tbody tr.file-list > td > table tr td,
.buy-history .table tbody tr.file-list > td > table tr td {
  padding: 0.5rem 1.5rem !important;
}
@media screen and (max-width: 778px) {
  .premium-table .table tbody tr.file-list,
  .buy-history .table tbody tr.file-list {
    padding: 0;
  }
  .premium-table .table tbody tr.file-list > td > table,
  .buy-history .table tbody tr.file-list > td > table {
    padding: 0;
  }
  .premium-table .table tbody tr.file-list > td > table tr,
  .buy-history .table tbody tr.file-list > td > table tr {
    padding: 1rem 0;
  }
  .premium-table .table tbody tr.file-list > td > table tr:last-child,
  .buy-history .table tbody tr.file-list > td > table tr:last-child {
    border-bottom: 0;
  }
}
@media screen and (max-width: 920px) {
  .premium-table .table,
  .buy-history .table {
    padding: 0;
  }
  .premium-table .table thead,
  .buy-history .table thead {
    display: none;
  }
  .premium-table .table > tbody tr,
  .buy-history .table > tbody tr {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 2rem;
    border-bottom: 1px solid hsl(225, 20%, 95%);
  }
  .premium-table .table > tbody tr:nth-child(even),
  .buy-history .table > tbody tr:nth-child(even) {
    background: hsl(225, 20%, 98%);
  }
  .premium-table .table > tbody tr > td,
  .buy-history .table > tbody tr > td {
    width: 100%;
    border-bottom: 0;
    padding: 1rem 0;
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .premium-table .table > tbody tr > td[data-text]:before,
  .buy-history .table > tbody tr > td[data-text]:before {
    content: attr(data-text);
    width: 100%;
    flex: 0 0 100%;
    font-weight: 600;
    margin-bottom: 1rem;
  }
  .premium-table .table > tbody tr > td .td-wrapper,
  .buy-history .table > tbody tr > td .td-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    overflow: hidden;
  }
  .premium-table .table > tbody tr > td .td-wrapper > *,
  .buy-history .table > tbody tr > td .td-wrapper > * {
    width: 100%;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 20rem;
  }
  .premium-table .table > tbody tr > td .user-account .username-wrapper,
  .buy-history .table > tbody tr > td .user-account .username-wrapper {
    margin-left: 0;
  }
  .premium-table .table > tbody tr > td .user-account .user-avatar,
  .buy-history .table > tbody tr > td .user-account .user-avatar {
    display: none;
  }
  .premium-table .table > tbody tr > td.ellipsis,
  .buy-history .table > tbody tr > td.ellipsis {
    max-width: 100%;
  }
  .premium-table .table > tbody tr > td.ellipsis > *,
  .buy-history .table > tbody tr > td.ellipsis > * {
    white-space: normal;
    padding-right: 0;
  }
  .table-filters {
    flex-wrap: wrap;
  }
  .table-filters .select {
    width: 100%;
  }
  .table-filters .select .form-select {
    padding: 1rem 2rem 0 2rem;
    background: white;
  }
  .table-filters .select .form-select .select2-container--default .select2-selection--single {
    background: hsl(220, 23%, 95%);
    border-radius: 3rem;
  }
  .table-filters .select .form-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 1.5rem 3rem 1.5rem 2rem;
  }
  .table-filters .nav-tab {
    width: 100%;
    padding-right: 0;
    order: 2;
    flex: auto;
  }
  .table-filters .nav-tab .checkbox {
    white-space: nowrap;
  }
  .table-filters .nav-tab + .dropdown-group {
    padding: 1rem;
  }
}
.empty-gifts {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
  cursor: pointer;
}
.empty-gifts img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.empty-gifts p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 3rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.settings-page .planned-events {
  padding: 2rem;
}
.settings-page .planned-events .planned-event {
  display: flex;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
  align-items: center;
}
@media screen and (max-width: 778px) {
  .settings-page .planned-events .planned-event {
    flex-wrap: wrap;
    padding-bottom: 0;
    margin-bottom: 2rem;
  }
}
.settings-page .planned-events .planned-event:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.settings-page .planned-events .planned-event .cover {
  width: 30%;
  display: block;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 778px) {
  .settings-page .planned-events .planned-event .cover {
    width: 100%;
  }
}
.settings-page .planned-events .planned-event .cover img {
  display: block;
  width: 100%;
}
.settings-page .planned-events .planned-event .event-infos {
  flex: 1;
  padding-left: 2rem;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 778px) {
  .settings-page .planned-events .planned-event .event-infos {
    flex: auto;
    width: 100%;
    padding: 2rem 0;
  }
}
.settings-page .planned-events .planned-event .event-title {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #f65168;
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
}
.settings-page .planned-events .planned-event .event-date {
  margin: 0;
  font-size: 1.2rem;
  width: 100%;
}
.settings-page .planned-events .planned-event .event-participants {
  margin: 0;
  font-size: 1.2rem;
  color: hsl(228, 20%, 75%);
  width: 100%;
}
.settings-page .planned-events .planned-event .event-edit {
  color: hsl(225, 20%, 60%);
  background: hsl(225, 20%, 90%);
  padding: 0.5rem 1.5rem;
  margin: 0.5rem 0.5rem 0 0;
  display: inline-block;
  border-radius: 2rem;
  letter-spacing: 1px;
}
.settings-page .planned-events .planned-event .event-edit i {
  margin-right: 0.5rem;
  opacity: 0.3;
}
.settings-page .planned-events .planned-event .event-edit:hover {
  color: hsl(225, 20%, 10%);
}
.settings-page .planned-events .planned-event .event-edit.delete:hover {
  background: hsl(350, 83%, 55%);
  color: white;
}
.delete-account {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.delete-account form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.delete-account img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.delete-account p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 3rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.delete-account p a,
.delete-account p strong {
  font-weight: normal;
  font-weight: 700;
  color: hsl(350, 83%, 55%);
}
.delete-account .button {
  color: white;
  background: hsl(216, 73%, 51%);
  padding: 1rem 2rem;
  border-radius: 3rem;
}
.delete-account .delete-account-btn {
  color: white;
  background: hsl(350, 83%, 55%);
  padding: 1rem 2rem;
  border-radius: 3rem;
  font-weight: 500;
  font-size: 1.3rem;
}
.premium-setting-page .form-wrapper.appointments {
  background: white;
  border-radius: 1.5rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control ul .empty-day {
  opacity: 0.5;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button {
  font-weight: 500;
  font-size: 1.4rem;
  border: none;
  background: transparent;
  padding: 1rem 0;
  width: 100%;
  cursor: pointer;
  outline: none;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > span {
  display: block;
  width: 100%;
  color: hsl(225, 20%, 60%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > span.link {
  color: hsl(225, 20%, 10%);
  font-size: 1.3rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > span.link strong {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button:before {
  content: "\f040";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 2rem;
  font-size: 1.8rem;
  transform: translateY(-50%);
  color: hsl(225, 20%, 10%);
  opacity: 0.5;
  padding: 1rem;
  border-radius: 5rem;
  z-index: 2;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button:hover:before {
  color: hsl(351, 90%, 64%);
  background: hsl(225, 20%, 90%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul {
  padding: 0.5rem 0;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul > li,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul > li {
  display: flex;
  padding: 0.5rem 0;
  color: hsl(225, 20%, 75%);
  align-items: flex-start;
}
@media screen and (max-width: 920px) {
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul > li,
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul > li {
    flex-wrap: wrap;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul > li .select-wrapper,
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul > li .select-wrapper {
    width: 100%;
    margin-bottom: 1rem;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul > li .select-wrapper select,
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul > li .select-wrapper select {
    width: 100%;
  }
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > button > ul > li.current-day,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .form-control > ul > li.current-day {
  font-weight: 700;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .day {
  display: flex;
  width: auto;
  align-items: center;
}
@media screen and (max-width: 920px) {
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .day {
    width: 100%;
  }
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .day:after {
  content: "\f017";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
  margin-left: 1rem;
  font-weight: bold;
  font-size: 1.8rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .day input {
  padding: 1rem 1.5rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
  width: 20rem;
  text-align: center;
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  border-radius: 5rem;
  outline: none;
}
@media screen and (max-width: 920px) {
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .day input {
    margin: 0 0 0.5rem 1rem;
  }
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li input,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li input {
  margin: 0 1rem;
  text-align: center;
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1rem 2rem;
  border-radius: 5rem;
  outline: none;
  font-family: 'noto-sans', sans-serif;
}
@media screen and (max-width: 920px) {
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li input,
  .premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li input {
    width: 100%;
  }
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .delete,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .add,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .delete,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete {
  margin-right: 1rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .delete:before,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .delete:hover:before,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .delete:hover:before {
  font-weight: bold;
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .add:before,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.variable-schedule-edit .form-control > ul > li .schedule > li .add:hover:before,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper.schedule-edit .form-control > ul > li .schedule > li .add:hover:before {
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper:hover {
  background: hsl(225, 20%, 98%);
}
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper:hover .form-control > button:before {
  opacity: 1;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  width: 100%;
  max-width: 50rem;
  align-items: center;
  margin: 1rem 0;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .prices-input {
  display: flex;
  padding: 0 1rem;
  align-items: center;
  position: relative;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .prices-input input {
  margin: 0;
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
  outline: none;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button.delete {
  margin-right: 1rem;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button.delete:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button.delete:hover:before {
  font-weight: bold;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button.add:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button.add:hover:before {
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .help {
  width: 100%;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper {
  flex-wrap: wrap;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices > [data-form-error-container],
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper > [data-form-error-container] {
  width: 100%;
}
.premium-setting-page .form-wrapper.appointments .form-group.prices .alert,
.premium-setting-page .form-wrapper.appointments .form-group.schedule-wrapper .alert {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li {
    flex-wrap: wrap;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid hsl(225, 20%, 95%);
    grid-template-columns: 1fr auto auto;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .prices-input {
    flex: 1;
    padding: 0;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .prices-input input {
    width: 100%;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .select-wrapper {
    grid-column: 1 / -1;
    width: 100%;
    margin-bottom: 1rem;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li .select-wrapper select {
    width: 100%;
  }
  .premium-setting-page .form-wrapper.appointments .form-group.prices .form-control > ul > li button {
    margin: 0 !important;
    padding: 1rem;
  }
}
.ui-timepicker-standard {
  font-weight: 500;
  font-size: 1.5rem;
  padding: 0;
  margin-top: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid hsl(225, 20%, 90%);
  box-shadow: 0 0 10px rgba(171, 171, 171, 0.2);
}
.ui-timepicker-standard .ui-timepicker {
  width: 100% !important;
  padding: 0;
}
.ui-timepicker-standard .ui-timepicker-viewport {
  width: 100% !important;
  padding-right: 0 !important;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item {
  width: 100% !important;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item a {
  color: hsl(225, 20%, 10%);
  padding: 0.5rem 2rem 0.5rem 2rem;
}
.ui-timepicker-standard .ui-timepicker-viewport .ui-menu-item a.ui-state-hover {
  background: hsl(225, 20%, 95%);
  border: none;
  font-weight: 700;
  color: hsl(225, 20%, 10%);
  padding: 0.5rem 1rem 0.5rem 1rem;
}
.welcomePage {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 1rem;
  background: url("voucherBakground.08eb872a4046.png") no-repeat center;
  background-size: cover;
  flex-direction: column;
}
.welcomePage:before {
  content: '';
  width: 100vw;
  height: 100vh;
  position: absolute;
  z-index: 1;
  background: #000000;
  opacity: 0.5;
  bottom: 0;
  left: 0;
}
.welcomePage__alert {
  padding: 1rem;
  border-radius: 1rem;
  background: hsla(350, 83%, 55%, 0.1);
  width: 100%;
  text-align: center;
  color: hsl(350, 83%, 55%);
  margin-bottom: 1rem;
}
.welcomePage__container {
  display: grid;
  background: white;
  border-radius: 2rem;
  z-index: 2;
  position: relative;
  width: 55rem;
  max-width: 100%;
}
.welcomePage__row {
  display: flex;
  align-items: center;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.welcomePage__priceGroup {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
  justify-content: center;
}
.welcomePage__price {
  color: #f9a635;
  font-weight: bold;
  font-size: 9rem;
  line-height: 1;
}
.welcomePage__currency {
  display: grid;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1;
}
.welcomePage__header {
  border-bottom: 1px solid #ededed;
  padding: 2rem;
}
.welcomePage__title {
  margin: 0;
  text-align: center;
  font-size: 3rem;
}
.welcomePage__subtitle {
  font-size: 1.2rem;
  text-align: center;
  margin: 0;
  color: #808080;
}
.welcomePage__content {
  padding: 2rem;
}
.welcomePage__cta {
  font-size: 2rem;
  width: 100%;
}
.welcomePage__cta--disabled {
  opacity: 0.3;
  background: gray;
}
.welcomePage__img {
  display: block;
  width: 100%;
  max-width: 21rem;
}
.welcomePage__col {
  display: grid;
}
.welcomePage__priceSubtitle {
  text-align: center;
  font-weight: bold;
  font-size: 1rem;
}
.welcomePage__form {
  margin: 1rem 0;
}
.welcomePage__return {
  color: white;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .welcomePage {
    padding: 2rem;
    justify-content: flex-end;
    background: url("voucherBakground-mobile.8d116868ee9c.png") no-repeat center;
  }
  .welcomePage__row {
    flex-direction: column-reverse;
  }
  .welcomePage__content {
    padding: 3rem;
  }
}
/* Premium Settings */
.premium-setting-page {
  height: 100%;
  margin-bottom: 5rem;
}
.premium-setting-page .desktop .container {
  width: 100%;
  padding: 0 2rem;
}
.premium-setting-page body {
  min-height: 100%;
  height: 100%;
  display: block;
  position: relative;
}
.premium-setting-page header nav .left-navbar .brand-logo {
  background: url("swame-logo.e38809581703.svg") no-repeat center;
  width: 17rem;
}
.premium-setting-page [data-main-container] {
  display: flex;
  min-height: calc(100% - var(--header-height));
  flex-direction: row;
  margin-bottom: 0;
}
.premium-setting-page .main-content-wrapper {
  flex: 1;
  width: calc(100% - 30rem);
  margin-bottom: 20rem;
}
.premium-setting-page .main-content-wrapper .main-content {
  width: 100%;
  max-width: 125rem;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  padding: 0 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .tns-outer,
.premium-setting-page .main-content-wrapper .main-content .tns-ovh,
.premium-setting-page .main-content-wrapper .main-content .tns-inner {
  height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-right: -5px;
}
.premium-setting-page .main-content-wrapper .main-content div[class*="col-"] {
  padding: 0 0.5rem;
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content div[class*="col-"] div[class*="col-"] {
  margin-top: 0;
}
.premium-setting-page .main-content-wrapper .main-content .col-1 {
  width: calc(100% / 6);
}
.premium-setting-page .main-content-wrapper .main-content .col-2 {
  width: calc((100% / 6) * 2);
}
.premium-setting-page .main-content-wrapper .main-content .col-3 {
  width: calc((100% / 6) * 3);
}
.premium-setting-page .main-content-wrapper .main-content .col-4 {
  width: calc((100% / 6) * 4);
}
.premium-setting-page .main-content-wrapper .main-content .col-5 {
  width: calc((100% / 6) * 5);
}
.premium-setting-page .main-content-wrapper .main-content .col-6 {
  width: 100%;
}
@media screen and (max-width: 1440px) {
  .premium-setting-page .main-content-wrapper .main-content .col-lg-1 {
    width: calc(100% / 6);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-lg-2 {
    width: calc((100% / 6) * 2);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-lg-3 {
    width: calc((100% / 6) * 3);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-lg-4 {
    width: calc((100% / 6) * 4);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-lg-5 {
    width: calc((100% / 6) * 5);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-lg-6 {
    width: 100%;
  }
}
@media screen and (max-width: 1280px) {
  .premium-setting-page .main-content-wrapper .main-content .order-md-1 {
    order: 1;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-md-2 {
    order: 2;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-md-3 {
    order: 3;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-md-4 {
    order: 4;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-md-5 {
    order: 5;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-md-6 {
    order: 6;
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-1 {
    width: calc(100% / 6);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-2 {
    width: calc((100% / 6) * 2);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-3 {
    width: calc((100% / 6) * 3);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-4 {
    width: calc((100% / 6) * 4);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-5 {
    width: calc((100% / 6) * 5);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-md-6 {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  .premium-setting-page .main-content-wrapper .main-content .col-sm-1 {
    width: calc(100% / 6);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-sm-2 {
    width: calc((100% / 6) * 2);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-sm-3 {
    width: calc((100% / 6) * 3);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-sm-4 {
    width: calc((100% / 6) * 4);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-sm-5 {
    width: calc((100% / 6) * 5);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-sm-6 {
    width: 100%;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-1 {
    order: 1;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-2 {
    order: 2;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-3 {
    order: 3;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-4 {
    order: 4;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-5 {
    order: 5;
  }
  .premium-setting-page .main-content-wrapper .main-content .order-sm-6 {
    order: 6;
  }
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .col-xs-1 {
    width: calc(100% / 6);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-xs-2 {
    width: calc((100% / 6) * 2);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-xs-3 {
    width: calc((100% / 6) * 3);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-xs-4 {
    width: calc((100% / 6) * 4);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-xs-5 {
    width: calc((100% / 6) * 5);
  }
  .premium-setting-page .main-content-wrapper .main-content .col-xs-6 {
    width: 100%;
  }
}
.premium-setting-page .main-content-wrapper .main-content .premium-dashboard__alert {
  border-radius: 2rem;
  background-image: url("background-dashboard.e18981879b2e.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2rem;
  width: 100%;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .premium-dashboard__alert--warning {
  background-color: #f0ac3d;
  color: white;
}
.premium-setting-page .main-content-wrapper .main-content .premium-dashboard__alert--info {
  background-color: #6ab8cb;
  color: white;
}
.premium-setting-page .main-content-wrapper .main-content .premium-dashboard__alert a {
  text-decoration: underline;
}
.premium-setting-page .main-content-wrapper .main-content .premium-payout {
  border-radius: 2rem;
  background-image: url("background-dashboard.e18981879b2e.svg");
  background-color: #f0ac3d;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2rem;
  width: 100%;
  color: white;
  justify-content: center;
  text-align: center;
  font-size: 1.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats {
  display: flex;
  flex-direction: column;
  background: white;
  border-radius: 2rem;
  padding: 2rem;
  align-items: center;
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon i {
  display: block;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon.fans {
  background: hsla(351, 90%, 64%, 0.3);
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon.followers {
  background: hsla(40, 95%, 57%, 0.3);
  color: hsl(40, 95%, 57%);
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon.free-access {
  background: hsla(138, 62%, 51%, 0.3);
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .icon.boost {
  background: rgba(91, 108, 178, 0.3);
  color: #5B6CB2;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text {
  text-align: center;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text > small {
  color: hsl(225, 20%, 75%);
  display: block;
  margin: 0.5rem 0;
  font-size: 1.4rem;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text > .amount {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text > .amount:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1.5rem;
  margin: 0 1rem;
  top: -5px;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text > .amount.amount-up:after {
  content: "\f062";
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .follow-stats .text > .amount.amount-down:after {
  color: hsl(350, 83%, 55%);
  content: "\f063";
}
.premium-setting-page .main-content-wrapper .main-content .income-stats {
  border-radius: 2rem;
  background: white;
  padding: 2rem;
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .income-stats .current-income {
  display: block;
  font-size: 1.4rem;
  color: hsl(225, 20%, 75%);
  margin-bottom: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .income-stats .amount {
  font-size: 4rem;
  font-weight: 700;
  display: flex;
  line-height: 1;
}
.premium-setting-page .main-content-wrapper .main-content .income-stats .amount small {
  font-size: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .income-stats .total-income {
  font-size: 1.4rem;
  color: hsl(225, 20%, 75%);
  margin-bottom: 1rem;
  display: block;
}
.premium-setting-page .main-content-wrapper .main-content .income-stats .total-income > span {
  color: hsl(225, 20%, 10%);
  font-weight: 700;
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn {
  text-transform: uppercase;
  color: white;
  display: block;
  border-radius: 1.5rem;
  padding: 2.5rem 7rem 2.5rem 2rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1;
  font-size: 1.4rem;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  border-radius: 50%;
  background: hsla(0, 0%, 0%, 0.1);
  display: block;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  color: white;
  padding: 1.5rem 1.8rem;
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn.blue {
  background-color: hsl(216, 73%, 51%);
  box-shadow: 0px 5px 15px 5px hsla(216, 73%, 51%, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn.green {
  background-color: #57B894;
  box-shadow: 0px 5px 15px 5px rgba(87, 184, 148, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn.orange {
  background-color: #f0ac3d;
  box-shadow: 0px 5px 15px 5px rgba(240, 172, 61, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn.white {
  background-color: white;
  box-shadow: 0px 5px 15px 5px hsla(225, 20%, 10%, 0.2);
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .main-content-wrapper .main-content .dashboard-btn.white:after {
  color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .dashboard-btn {
    font-size: 1.2rem;
    display: block;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .tns-ovh,
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .tns-inner,
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .tns-outer {
  min-height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news {
  height: 100%;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news > div {
  height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item {
  min-height: 100%;
  background-image: url("background-dashboard.e18981879b2e.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: flex;
  overflow: hidden;
  border-radius: 2rem;
  padding: 4rem;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item.green {
  background-color: #57B894;
  color: white;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item.blue {
  color: white;
  background-color: hsl(216, 73%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item.orange {
  color: white;
  background-color: #f0ac3d;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text h2 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text h2 {
    margin-top: 1rem;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text p {
  max-width: calc(100% - 28rem);
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 1500px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text p {
    max-width: calc(100% - 20rem);
  }
}
@media screen and (max-width: 1280px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text p {
    max-width: calc(100% - 5rem);
  }
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .text p {
    width: 100%;
    max-width: 100%;
    font-size: 1.5rem;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item .dashboard-btn {
  max-width: 100%;
  z-index: 2;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item img {
  display: block;
  z-index: 1;
  position: absolute;
  width: 35rem;
  max-width: 50%;
  bottom: -1rem;
  right: -2rem;
}
@media screen and (max-width: 1500px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item img {
    width: 30rem;
  }
}
@media screen and (max-width: 1500px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item img {
    width: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item img {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .mfstar-news .item {
    padding: 3rem;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .nav-container {
  position: absolute;
  z-index: 2;
  display: flex;
  top: 3rem;
  right: 3rem;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .nav-container > span {
  background: white;
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  border-radius: 0.5rem;
  margin: 0 0.5rem;
  opacity: 0.5;
  cursor: pointer;
}
.premium-setting-page .main-content-wrapper .main-content .mf-star-news-wrapper .nav-container > span.tns-nav-active {
  opacity: 1;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions {
  border-radius: 2rem;
  display: flex;
  background-image: url("background-dashboard.e18981879b2e.svg");
  background-color: #F77155;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .dropdown-wrapper {
  width: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action {
  width: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action > * {
  pointer-events: none;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action .icon {
  background: white;
  width: 6rem;
  height: 6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  font-size: 2.5rem;
  color: hsl(225, 20%, 10%);
  transition: all ease 250ms;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action .text {
  font-size: 1.4rem;
  margin-top: 1rem;
  line-height: 1.3;
  letter-spacing: 1px;
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action:hover .icon {
  transform: scale(1.1);
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action:hover .icon.blue {
  color: hsl(216, 73%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action:hover .icon.pink {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .main-content-wrapper .main-content .premium-actions .action:hover .icon.green {
  color: hsl(138, 62%, 51%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .premium-actions {
    flex-wrap: wrap;
  }
  .premium-setting-page .main-content-wrapper .main-content .premium-actions .action {
    width: 50%;
    margin: 1rem 0;
  }
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics {
  background: white;
  border-radius: 2rem;
  padding: 2rem;
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul {
  display: flex;
  width: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul li .action {
  padding: 1rem;
  display: flex;
  font-size: 1.5rem;
  color: #b3b9cc;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul li .action:after {
  content: attr(data-text);
  height: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  font-weight: 700;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul li .action.active {
  font-weight: 700;
  color: hsl(351, 90%, 64%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul {
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  .premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul li {
    width: 50%;
    text-align: center;
  }
  .premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-wrapper .nav ul li a {
    width: 100%;
  }
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-toggle {
  font-size: 1.2rem;
  padding: 1rem;
  color: hsl(225, 20%, 75%);
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-toggle:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  margin-left: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu {
  top: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li a,
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li button {
  white-space: nowrap;
  font-size: 1.3rem;
  padding: 1rem 2rem;
  width: 100%;
  text-align: left;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li a[data-selected="true"],
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li button[data-selected="true"] {
  font-weight: 700;
  color: hsl(351, 90%, 64%);
  opacity: 1;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li a:hover,
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .nav-filters .dropdown-wrapper .dropdown-menu li button:hover {
  background: hsl(225, 20%, 98%);
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .stats {
  min-height: 40rem;
  background-image: url("empty-stats.13af10c8c3f1.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 30rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .stats #chart-incomes {
  width: 100%;
  height: 47rem;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics .stats:before {
  content: attr(data-text);
  position: absolute;
  bottom: 8rem;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  font-weight: bold;
  color: hsl(225, 20%, 10%);
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
}
.premium-setting-page .main-content-wrapper .main-content .premium-statistics + .premium-table {
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper {
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices,
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking {
  background-color: #F6625F;
  background-size: contain;
  background-repeat: no-repeat;
  padding: 3rem;
  border-radius: 2rem;
  color: white;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  position: relative;
  overflow: hidden;
  align-items: flex-start;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices p,
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking p {
  margin-top: 0;
  margin-bottom: 2.5rem;
  max-width: 50%;
  font-size: 1.5rem;
  line-height: 1.4;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices a,
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking a {
  width: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices h2 {
  font-size: 3.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices h2 h2:after {
  width: 3rem;
  height: 0.3rem;
  background: white;
  display: block;
  content: '';
  margin: 2.5rem 0;
}
@media screen and (max-width: 1280px) {
  .premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices h2 h2:after {
    margin: 1.5rem 0;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-advices img {
  position: absolute;
  height: 65%;
  max-width: 60%;
  bottom: 5rem;
  right: -7rem;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking {
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking h2 {
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 2rem;
  margin-top: 0;
}
@media screen and (max-width: 1280px) {
  .premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking h2 {
    font-size: 6rem;
  }
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking h2 small {
  font-size: 2rem;
  display: block;
  line-height: 1.2;
  text-transform: uppercase;
  opacity: 0.7;
  font-weight: normal;
}
.premium-setting-page .main-content-wrapper .main-content .mfstar-ranking-wrapper .mfstar-ranking img {
  position: absolute;
  height: 90%;
  max-width: 60%;
  bottom: 0;
  right: -2rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget {
  margin-top: 1rem;
  background: white;
  padding: 3rem;
  border-radius: 2rem;
  height: 100%;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .nav-buttons {
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .nav-buttons a,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .nav-buttons button {
  font-size: 0;
  padding: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .nav-buttons a i,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .nav-buttons button i {
  font-size: 1.5rem;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .empty-content {
  height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .empty-content img {
  width: 80%;
  display: block;
  margin: 3rem auto;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .empty-content p {
  text-align: center;
  color: hsl(225, 20%, 75%);
  font-size: 1.5rem;
  margin-top: 0;
  margin-bottom: 3rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .empty-content p strong {
  display: block;
  text-transform: uppercase;
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-img span {
  width: 9rem;
  height: 9rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-img i {
  background: white;
  padding: 1.25rem;
  margin: 0 -1.5rem;
  z-index: 2;
  font-size: 2.3rem;
  border-radius: 3rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-name {
  text-align: center;
  margin: 2rem 0;
  text-transform: uppercase;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-name > span {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-name h3 {
  font-weight: 700;
  margin: 0;
  font-size: 2rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-msg {
  position: relative;
  text-align: center;
  color: hsl(225, 20%, 75%);
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-msg:before,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-msg:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  opacity: 0.5;
  padding: 0 1rem;
  display: block;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-msg:before {
  content: "\f10d";
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .customer-msg:after {
  content: "\f10e";
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button {
  margin: 0 1rem;
  font-size: 1.2rem;
  letter-spacing: 1px;
  color: hsl(225, 20%, 75%);
  font-weight: 500;
  cursor: pointer;
  text-align: center;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span {
  display: block;
  padding: 3.5rem;
  border-radius: 4rem;
  position: relative;
  margin-bottom: 1rem;
  transition: all ease 250ms;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span.valid,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span.valid {
  border: 2px solid hsl(216, 73%, 51%);
  color: hsl(216, 73%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span.refused,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span.refused {
  color: hsl(350, 83%, 55%);
  border: 2px solid hsl(350, 83%, 55%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span.upload,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span.upload {
  color: hsl(138, 62%, 51%);
  border: 2px solid hsl(138, 62%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span.next,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span.next {
  color: hsl(225, 20%, 75%);
  border: 2px solid hsl(225, 20%, 75%);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a span i,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button span i {
  font-size: 2.5rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a:hover span,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button:hover span {
  transform: scale(1.1);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a:hover span.refused,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button:hover span.refused {
  box-shadow: 0 5px 15px hsla(350, 83%, 55%, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a:hover span.valid,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button:hover span.valid {
  box-shadow: 0 5px 15px hsla(216, 73%, 51%, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a:hover span.upload,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button:hover span.upload {
  box-shadow: 0 5px 15px hsla(138, 62%, 51%, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions a:hover span.next,
.premium-setting-page .main-content-wrapper .main-content .private-content-widget .actions button:hover span.next {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list {
  margin-top: 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .empty {
  height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .empty p {
  margin-top: 0;
  margin-bottom: 3rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .empty p strong {
  font-weight: bold;
  display: block;
  color: hsl(225, 20%, 10%);
  text-transform: uppercase;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .empty img {
  margin: 3rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .empty a {
  margin-bottom: 0;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table {
  background: white;
  padding: 3rem;
  border-radius: 2rem;
  height: 100%;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-header h3 {
  font-weight: bold;
  margin: 0;
  font-size: 1.8rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-header a {
  color: hsl(351, 90%, 64%);
  font-size: 1.4rem;
  display: block;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div {
  display: flex;
  border-bottom: 1px solid #f0f1f5;
  justify-content: flex-start;
  margin: 0 -1rem;
  padding: 1.5rem 0;
  align-items: center;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"] {
  margin: 0;
  padding: 0 1rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-date {
  width: 12rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-status {
  width: 18rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-duration {
  width: 10rem;
  text-align: center;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-user {
  flex: 1;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-user .user-account {
  width: 100%;
  display: flex;
  z-index: 2;
  position: relative;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-user .user-account .username-wrapper {
  margin-left: 1rem;
  flex: 1;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"].col-user .user-account .username-wrapper .activity {
  width: 100%;
  font-size: 1.3rem;
  line-height: 1.3;
  color: hsl(225, 20%, 75%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div:last-child {
  border-bottom: none;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div:first-child {
  border-bottom: 1px solid #f0f1f5;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .subtitle {
  display: flex;
  align-items: flex-start;
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
  word-break: break-word;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge {
  padding: 0.75rem 1.5rem;
  border-radius: 3.5rem;
  line-height: 1;
  font-size: 1.2rem;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  margin: 0.25rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge > i {
  margin-right: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge > i.fa-user-secret {
  margin-right: 0;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.live {
  color: hsl(138, 62%, 20%);
  background: hsl(138, 62%, 80%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.live i {
  font-size: 1rem;
  margin-left: 0.5rem;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.valid {
  color: hsl(216, 73%, 20%);
  background: hsl(216, 73%, 80%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.see,
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.cancel {
  color: hsl(225, 20%, 10%);
  background: hsl(225, 20%, 90%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.pink {
  color: white;
  background: hsl(350, 83%, 55%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  background: transparent;
  float: right;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto > i {
  margin: 0;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto.waiting {
  color: hsl(40, 95%, 57%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto.valid {
  color: hsl(138, 62%, 51%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto.delete {
  color: hsl(350, 83%, 20%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto.delete:hover {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div .badge.picto.alert {
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div p {
  margin: 0;
  display: flex;
}
.premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div p > * {
  margin: 0 0.25rem;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"] {
    display: flex;
    align-items: center;
    width: 100% !important;
    justify-content: flex-start;
    padding: 1rem;
    flex-wrap: wrap;
    position: relative;
    padding-left: 10rem;
  }
  .premium-setting-page .main-content-wrapper .main-content .appointments-list .appointment-table .table-body > div div[class*="col-"]:before {
    height: 100%;
    content: attr(data-text);
    color: hsl(220, 23%, 75%);
    margin-right: 1rem;
    border-right: 1px solid hsl(228, 20%, 90%);
    padding-right: 1rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    width: 7rem;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
}
.navbar-swamer {
  overflow: auto;
  flex: 0 0 30rem;
}
.navbar-swamer__content {
  position: fixed;
  left: 0;
  top: var(--header-height);
  height: calc(100% - var(--header-height));
  width: 30rem;
  background: white;
  padding: 3rem 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  z-index: 5;
}
.navbar-swamer__content > ul > li.separator {
  height: 1px;
  background-color: hsl(225, 20%, 95%);
  margin: 1rem 2rem;
}
.navbar-swamer__content > ul > li .navbar-swamer__link,
.navbar-swamer__content > ul > li a,
.navbar-swamer__content > ul > li button {
  padding: 1.5rem 4rem 1.5rem 5rem;
  display: block;
  font-size: 1.4rem;
  position: relative;
  line-height: 1;
  width: 100%;
  text-align: left;
}
.navbar-swamer__content > ul > li .navbar-swamer__link .title,
.navbar-swamer__content > ul > li a .title,
.navbar-swamer__content > ul > li button .title {
  display: block;
  margin-bottom: 0.5rem;
}
.navbar-swamer__content > ul > li .navbar-swamer__link .subtitle,
.navbar-swamer__content > ul > li a .subtitle,
.navbar-swamer__content > ul > li button .subtitle {
  display: block;
  font-size: 1.2rem;
  margin-top: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.navbar-swamer__content > ul > li .navbar-swamer__link i,
.navbar-swamer__content > ul > li a i,
.navbar-swamer__content > ul > li button i {
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  color: hsl(225, 20%, 75%);
}
.navbar-swamer__content > ul > li .navbar-swamer__link:before,
.navbar-swamer__content > ul > li a:before,
.navbar-swamer__content > ul > li button:before {
  content: '';
  position: absolute;
  z-index: -1;
  left: -100%;
  top: 0;
  width: calc(100% - 1rem);
  height: 100%;
  border-radius: 0 3rem 3rem 0;
  transition: left ease 500ms;
}
.navbar-swamer__content > ul > li .navbar-swamer__link.active,
.navbar-swamer__content > ul > li a.active,
.navbar-swamer__content > ul > li button.active {
  color: hsl(351, 90%, 64%) !important;
}
.navbar-swamer__content > ul > li .navbar-swamer__link.active i,
.navbar-swamer__content > ul > li a.active i,
.navbar-swamer__content > ul > li button.active i {
  color: hsl(351, 90%, 64%);
}
.navbar-swamer__content > ul > li .navbar-swamer__link.active:before,
.navbar-swamer__content > ul > li a.active:before,
.navbar-swamer__content > ul > li button.active:before {
  background: hsla(351, 90%, 64%, 0.1) !important;
  left: 0;
  top: 0;
}
.navbar-swamer__content > ul > li .navbar-swamer__link:hover:before,
.navbar-swamer__content > ul > li a:hover:before,
.navbar-swamer__content > ul > li button:hover:before {
  background: hsl(225, 20%, 98%);
  left: 0;
  top: 0;
}
.navbar-swamer__content > ul > li .navbar-swamer__link[data-notification]:after,
.navbar-swamer__content > ul > li a[data-notification]:after,
.navbar-swamer__content > ul > li button[data-notification]:after,
.navbar-swamer__content > ul > li .navbar-swamer__link[data-new]:after,
.navbar-swamer__content > ul > li a[data-new]:after,
.navbar-swamer__content > ul > li button[data-new]:after {
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: block;
  font-size: 1.2rem;
  line-height: 1;
  border-radius: 0.5rem;
  text-transform: uppercase;
  transition: all ease 250ms;
  font-weight: 700;
}
.navbar-swamer__content > ul > li .navbar-swamer__link[data-notification]:after,
.navbar-swamer__content > ul > li a[data-notification]:after,
.navbar-swamer__content > ul > li button[data-notification]:after {
  content: attr(data-notification);
  color: white;
  background-color: hsl(350, 83%, 55%);
}
.navbar-swamer__content > ul > li .navbar-swamer__link[data-new]:after,
.navbar-swamer__content > ul > li a[data-new]:after,
.navbar-swamer__content > ul > li button[data-new]:after {
  content: attr(data-new);
  color: white;
  font-size: 1rem;
  background-color: hsl(138, 62%, 51%);
}
.navbar-swamer__content > ul > li .accordion:after {
  content: '\f054';
  font-family: 'Font Awesome 5 Pro';
  position: absolute;
  right: 3rem;
  top: 50%;
  transform: translateY(-50%);
  color: hsl(225, 20%, 75%);
  transition: all ease 250ms;
}
.navbar-swamer__content > ul > li .accordion.open:after {
  transform: translateY(-50%) rotate(90deg);
}
.navbar-swamer__content > ul > li .accordion.open + .panel {
  max-height: 100%;
}
.navbar-swamer__content > ul > li .panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.navbar-swamer__content > ul > li .panel a,
.navbar-swamer__content > ul > li .panel button {
  color: hsl(225, 20%, 75%);
}
.navbar-swamer__content .partnership-wrapper {
  padding: 0 2rem;
}
.navbar-swamer__content .partnership-wrapper .partnership {
  background: hsl(225, 20%, 95%);
  border-radius: 1rem;
  margin-top: 6rem;
  padding: 2rem;
}
.navbar-swamer__content .partnership-wrapper .partnership img {
  width: 70%;
  margin: 0 auto;
  display: block;
  top: -6rem;
  position: relative;
  margin-bottom: -6rem;
}
.navbar-swamer__content .partnership-wrapper .partnership p {
  font-size: 1.2rem;
  width: 100%;
  text-align: center;
}
.navbar-swamer__content .partnership-wrapper .partnership a {
  display: block;
  background: hsl(351, 90%, 64%);
  padding: 1.5rem 1rem 1.5rem 1rem;
  text-align: center;
  color: white;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 1rem;
  font-weight: 700;
}
.mobile .navbar-swamer {
  flex: auto;
}
.mobile .navbar-swamer__content {
  position: relative;
  width: 100%;
  height: auto;
  top: 0;
  padding-top: 1rem;
}
.settings-page .asterisk {
  margin: 1rem 0;
  font-size: 1.2rem;
  text-align: right;
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 1140px) {
  .settings-page .premium-dashboard .action {
    text-align: center;
    font-size: 1.3rem;
  }
}
.premium-setting-page .premium-title-wrapper {
  padding: 2rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  width: 100%;
}
.premium-setting-page .premium-title-wrapper.has-links {
  justify-content: space-between;
}
.premium-setting-page .premium-title-wrapper.has-filters {
  justify-content: space-between;
  flex-wrap: nowrap;
}
.premium-setting-page .premium-title-wrapper.has-filters > a {
  color: hsl(351, 90%, 64%);
}
.premium-setting-page .premium-title-wrapper.has-filters > a:after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  margin-left: 0.5rem;
}
.premium-setting-page .premium-title-wrapper.has-filters .premium-filters {
  display: flex;
}
.premium-setting-page .premium-title-wrapper.has-filters .premium-filters .dropdown-wrapper {
  margin-right: 1rem;
}
.premium-setting-page .premium-title-wrapper.has-filters .premium-filters .dropdown-wrapper:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .premium-title-wrapper.has-filters .premium-filters {
    flex-wrap: wrap;
  }
  .premium-setting-page .premium-title-wrapper.has-filters .premium-filters .dropdown-wrapper {
    margin-top: 1rem;
  }
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle {
  font-size: 0;
  padding: 1rem;
  border-radius: 50%;
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle i {
  font-size: 1.5rem;
  pointer-events: none;
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle:hover {
  background: hsl(225, 20%, 90%);
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle.dropdown-toggle--text {
  font-size: 1.5rem;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  background: hsl(225, 20%, 85%);
  display: flex;
  align-items: baseline;
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle.dropdown-toggle--text i {
  margin-right: 1rem;
  color: hsl(225, 20%, 60%);
}
.premium-setting-page .premium-title-wrapper.has-filters .dropdown-toggle.dropdown-toggle--text:after {
  content: "\f078";
  font-weight: normal;
  font-family: "Font Awesome 5 Pro";
  margin-left: 2rem;
  font-size: 1.2rem;
  color: hsl(225, 20%, 60%);
}
.premium-setting-page .premium-title-wrapper .input-file > input {
  display: none;
}
.premium-setting-page .premium-title-wrapper .input-file > label {
  padding: 1rem 1.175rem;
  display: block;
  background: hsl(351, 90%, 64%);
  color: white;
  border-radius: 1rem;
  cursor: pointer;
}
.premium-setting-page .premium-title-wrapper .input-file > label:before {
  content: "\f067";
  font-size: 2rem;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  pointer-events: none;
}
.premium-setting-page .premium-title-wrapper .subtitle {
  letter-spacing: 1px;
  margin-top: 1rem;
  margin-bottom: 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
}
.premium-setting-page .premium-title-wrapper .subtitle a {
  color: hsl(351, 90%, 64%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .premium-title-wrapper {
    padding: 2rem 1rem;
  }
}
.premium-setting-page .premium-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 1rem;
  margin: 0;
}
.premium-setting-page .premium-title h1 {
  width: 100%;
  font-size: 2.3rem;
  margin: 0;
  font-weight: 700;
  line-height: 1;
}
.premium-setting-page .premium-title h1 small {
  font-size: 1.3rem;
}
@media screen and (max-width: 440px) {
  .premium-setting-page .premium-title h1 {
    font-size: 1.8rem;
  }
}
.premium-setting-page .premium-title .mobile-nav {
  margin-right: 2rem;
  display: none;
}
@media screen and (max-width: 768px) {
  .premium-setting-page .premium-title .mobile-nav {
    display: block;
  }
}
.premium-setting-page .premium-title .mobile-nav:before {
  content: '\f0c9';
  font-size: 2rem;
  font-family: 'Font Awesome 5 Pro';
}
.premium-setting-page .profil-settings {
  width: 100%;
}
.premium-setting-page .profil-settings .premium-table {
  background: white;
  border-radius: 2rem;
  width: 100%;
}
.premium-setting-page .profil-settings .premium-dashboard__alert {
  margin-bottom: 1rem;
}
.premium-setting-page .dropdown-offers .dropdown-toggle {
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 2.5rem;
  outline: none;
  max-width: 100%;
  height: auto;
  min-height: 4rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium-setting-page .dropdown-offers .dropdown-toggle > * {
  pointer-events: none;
}
.premium-setting-page .dropdown-offers .dropdown-carret {
  display: block;
  position: relative;
  width: 4rem;
  height: 100%;
  margin-right: -1rem;
}
.premium-setting-page .dropdown-offers .dropdown-carret:before {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
  content: '';
  display: block;
}
.premium-setting-page .dropdown-offers .dropdown-menu {
  min-width: 100%;
  padding: 1rem 0;
  max-height: 23rem;
  overflow: auto;
}
.premium-setting-page .dropdown-offers .dropdown-menu .dropdown-item {
  padding: 0.75rem 2rem;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
}
.premium-setting-page .dropdown-offers .dropdown-menu .dropdown-item .paypal-available {
  margin-right: 1rem;
}
.premium-setting-page .dropdown-offers .dropdown-menu .dropdown-item:hover,
.premium-setting-page .dropdown-offers .dropdown-menu .dropdown-item--selected {
  background: hsl(225, 20%, 95%);
}
@media screen and (max-width: 768px) {
  .premium-setting-page .dropdown-offers .dropdown-menu {
    right: auto;
    left: 0;
    width: calc(100vw - 6rem);
  }
  .premium-setting-page .dropdown-offers .dropdown-menu .dropdown-item {
    white-space: inherit;
    overflow: hidden;
    text-overflow: inherit;
  }
}
.premium-setting-page .dropdown-subtitle {
  display: block;
  width: 100%;
  margin-top: 1rem;
}
.premium-setting-page .paypal-available {
  padding: 0.25rem 1rem;
  background: hsl(216, 73%, 51%);
  color: white;
  border-radius: 1rem;
  display: inline-block;
}
.premium-setting-page .recommanded {
  color: hsl(216, 73%, 51%);
}
.library-wrapper {
  margin-bottom: 1rem;
  background: hsl(225, 20%, 95%);
  border-radius: 1rem;
  padding: 0.5rem;
}
.library-wrapper .media-library li {
  width: calc(100% / 4);
}
@media screen and (max-width: 980px) {
  .library-wrapper .media-library li {
    width: calc(100% / 2);
  }
}
.library-wrapper--large .media-library {
  padding: 2rem;
  background: white;
}
.library-wrapper--large .media-library li {
  width: calc(100% / 5);
}
@media screen and (max-width: 1280px) {
  .library-wrapper--large .media-library li {
    width: calc(100% / 4);
  }
}
@media screen and (max-width: 980px) {
  .library-wrapper--large .media-library li {
    width: calc(100% / 2);
  }
}
.library-wrapper--large .media-library li .item--selected {
  border: 0;
  pointer-events: all;
}
.library-wrapper--large .media-library li .item.video:before {
  font-size: 4rem;
}
.media-library {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  overflow: hidden;
}
.media-library li {
  padding: 0.5rem;
}
.media-library li .item {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  font-size: 2.5rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1rem;
  position: relative;
  -webkit-animation: fadeIn 1s;
          animation: fadeIn 1s;
  background-color: hsl(225, 20%, 95%);
  cursor: pointer;
  overflow: hidden;
}
.media-library li .item__informations {
  position: absolute;
  width: 100%;
  max-height: 100%;
  text-align: center;
  font-size: 1.4rem;
  overflow: hidden;
  top: 50%;
  transform: translateY(-50%);
  padding: 1rem;
}
.media-library li .item__informations span,
.media-library li .item__informations strong {
  overflow: hidden;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
}
.media-library li .item--selected {
  border: 2px solid hsl(351, 90%, 64%);
  pointer-event: none;
}
.media-library li .item.video:before {
  content: "\f04b";
  font-family: "Font Awesome 5 Pro";
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-weight: bold;
  display: block;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.4), 0 15px 35px rgba(0, 0, 0, 0.1);
}
.media-library li .item .delete {
  font-size: 0;
  color: white;
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.media-library li .item .delete:before {
  content: '\f2ed';
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  font-weight: bold;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 3rem;
}
.media-library li .item:hover .item__description {
  opacity: 1;
  z-index: 5;
}
.media-library li .item__description {
  position: absolute;
  bottom: 0;
  padding: 1rem;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
  font-size: 1.5rem;
}
.media-library li .item__description .item__type {
  font-size: 1.2rem;
  display: block;
  color: hsl(225, 20%, 60%);
}
.media-library li .item__description .item__type span {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  color: hsl(225, 20%, 10%);
  font-weight: bold;
}
.media-library li.media-library__pagination {
  display: flex;
  width: 100%;
}
.media-library li.media-library__pagination span {
  width: 100%;
}
.media-library li.media-library__pagination span a {
  padding: 0.5rem;
  text-align: center;
  width: 100%;
  display: block;
}
.media-library li.media-library__pagination span a i {
  color: hsl(225, 20%, 60%);
  margin: 0 0.5rem;
}
/* Premium Content */
.premium-setting-page div.alert,
.settings-page div.alert {
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  text-align: center;
}
.premium-setting-page div.alert.alert-danger,
.settings-page div.alert.alert-danger {
  background-color: hsl(350, 83%, 55%);
  color: hsl(0, 0%, 100%);
}
.premium-setting-page div.alert.alert-success,
.settings-page div.alert.alert-success {
  background-color: hsl(138, 62%, 51%);
  color: hsl(0, 0%, 100%);
}
.premium-setting-page div.alert.alert-warning,
.settings-page div.alert.alert-warning {
  background-color: hsl(40, 95%, 57%);
  color: hsl(0, 0%, 100%);
}
.premium-setting-page div.alert.alert-info,
.settings-page div.alert.alert-info {
  background-color: #399ee7;
  color: hsl(0, 0%, 100%);
}
.premium-setting-page div.alert p,
.settings-page div.alert p {
  margin: 0;
}
.payout-request .alert.alert-warning {
  margin: 2rem;
}
.payout-request .alert.alert-warning p {
  margin: 1rem;
}
.payout-request .alert.alert-warning a {
  text-decoration: underline !important;
}
.payout-request .iban-number-fields-container {
  display: flex;
}
.payout-request .iban-number-fields-container .input-wrapper {
  padding: 0 0.25rem;
}
.payout-request .iban-number-fields-container input {
  background: #eff1f5;
  border: none;
  padding: 1rem 0.5rem;
  border-radius: 2.5rem;
  width: 100%;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  outline: none;
  line-height: 1;
  margin: 0 0.25rem;
  letter-spacing: 1px;
  min-width: 1px;
}
@media screen and (max-width: 768px) {
  .payout-request .iban-number-fields-container input {
    font-size: 1rem;
    border-radius: 0;
  }
}
.payout-request .iban-number-fields-container .iban-clear-btn {
  padding: 1rem;
}
.payout-request .billing-address {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.payout-request .billing-address strong {
  display: block;
  color: hsl(351, 90%, 64%);
  margin-right: 0.5rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .payout-request .form-group {
    padding: 1rem !important;
  }
}
.empty-payout {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}
.empty-payout img {
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
  display: block;
}
.empty-payout p {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 1px;
  margin: 2rem 0;
  color: hsl(225, 20%, 75%);
  width: 100%;
  display: block;
}
.empty-payout a {
  color: white;
  background: hsl(216, 73%, 51%);
  padding: 1rem 2rem;
  border-radius: 3rem;
}
.premium-table .table-wrapper .table thead tr th.order-desc a:before,
.premium-table .table-wrapper .table thead tr th.order-desc button:before {
  content: "\f162";
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5rem;
}
.premium-table .table-wrapper .table thead tr th.order-asc a:before,
.premium-table .table-wrapper .table thead tr th.order-asc button:before {
  content: "\f886";
  font-family: "Font Awesome 5 Pro";
  margin-right: 0.5rem;
}
.premium-table .table-wrapper .table tbody tr.headings {
  background-color: hsl(225, 20%, 95%);
}
.premium-table .table-wrapper .table tbody tr td .premium-title {
  color: hsl(351, 90%, 64%);
}
.premium-table .table-wrapper .table tbody tr td .text-red {
  color: hsl(350, 83%, 55%);
}
.premium-table .table-wrapper .table tbody tr td .text-green {
  color: hsl(138, 62%, 51%);
}
.premium-table .table-wrapper .table tbody tr td .text-orange {
  color: #fbb72f;
}
.premium-table .table-wrapper .table tbody tr td .sub-actions {
  display: flex;
  flex-wrap: wrap;
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a,
.premium-table .table-wrapper .table tbody tr td .sub-actions span {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a:after,
.premium-table .table-wrapper .table tbody tr td .sub-actions span:after {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  margin: 0 0.5rem;
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a.blue,
.premium-table .table-wrapper .table tbody tr td .sub-actions span.blue {
  color: hsl(216, 73%, 51%);
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a.pink,
.premium-table .table-wrapper .table tbody tr td .sub-actions span.pink {
  color: hsl(351, 90%, 64%);
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a.orange,
.premium-table .table-wrapper .table tbody tr td .sub-actions span.orange {
  color: hsl(40, 95%, 57%);
}
.premium-table .table-wrapper .table tbody tr td .sub-actions a:last-child:after,
.premium-table .table-wrapper .table tbody tr td .sub-actions span:last-child:after {
  content: none;
}
.premium-table .table-wrapper .table tbody tr td p {
  margin: 0;
}
.premium-table .table-wrapper .table tbody tr td > small {
  text-transform: uppercase;
  font-size: 1rem;
  letter-spacing: 1px;
  color: hsl(225, 20%, 60%);
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper {
  display: flex;
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action {
  padding: 1rem;
  display: block;
  border-right: 1px solid hsl(225, 20%, 95%);
  font-size: 0;
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action i {
  font-size: 1.1rem;
  color: hsl(225, 20%, 60%);
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action:last-child {
  border-right: 0;
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action:hover .fa-trash {
  color: hsl(350, 83%, 55%);
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action:hover .fa-pencil {
  color: hsl(216, 73%, 51%);
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action.copied i {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action.copied i:before {
  color: hsl(138, 62%, 51%);
  font-weight: bold;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account {
  padding-left: 4.5rem;
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .premium-table .table-wrapper .table tbody tr td.publication-detail .user-account {
    padding-left: 0;
  }
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .user-avatar {
  position: absolute;
  left: 0;
  top: 0;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper {
  display: flex;
  flex-direction: row !important;
  flex: inherit;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper > * {
    margin-bottom: 1rem;
  }
  .premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-date {
    flex: 1;
  }
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-type,
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access,
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-date {
  color: hsl(225, 20%, 75%);
  display: flex;
  line-height: 1;
  align-items: baseline;
  white-space: nowrap;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-type:before,
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access:before,
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-date:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.75rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access .tooltip:before {
  content: "\f0c0";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access .tooltip .tooltip-box:before {
  content: attr(data-public);
  padding: 0.25rem;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access.fans-only .tooltip:before {
  content: "\f762";
  font-family: "Font Awesome 5 Pro";
  top: -2px;
  position: relative;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .user-account .username-wrapper .post-access.fans-only .tooltip .tooltip-box:before {
  content: attr(data-private);
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content {
  padding-left: 5.5rem;
  margin-top: 0.5rem;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content--no-padding {
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content {
    padding-left: 0;
  }
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content .actions {
  display: flex;
  flex-wrap: wrap;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content .actions a {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  margin: 0.5rem 0;
  display: flex;
  align-items: center;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content .actions a:after {
  content: '';
  width: 0.2rem;
  height: 0.2rem;
  display: block;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  margin: 0 0.5rem;
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content .actions a.see-post {
  color: hsl(351, 90%, 64%);
}
.premium-table .table-wrapper .table tbody tr td.publication-detail .publication-content .actions a:last-child:after {
  content: none;
}
.premium-table .table-wrapper .table tbody tr:last-child td {
  border-bottom: 0;
}
.premium-table .table-wrapper .table--incomes-summary .sub-actions a {
  text-decoration: underline;
}
@media screen and (max-width: 920px) {
  .premium-table .table-wrapper .table {
    padding: 0;
  }
  .premium-table .table-wrapper .table thead {
    display: none;
  }
  .premium-table .table-wrapper .table tbody tr td .actions-wrapper {
    display: flex;
  }
  .premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action {
    font-size: 1.2rem;
    padding: 0.5rem 2rem;
    border-radius: 1.5rem;
    background: hsl(225, 20%, 95%);
    border-right: 0;
    margin-right: 0.5rem;
  }
  .premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action i {
    margin-right: 0.5rem;
  }
  .premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action.delete {
    background: hsl(350, 83%, 80%);
    color: hsl(350, 83%, 20%);
  }
  .premium-table .table-wrapper .table tbody tr td .actions-wrapper .table-action.delete i {
    color: hsl(350, 83%, 20%);
  }
  .premium-table .table-wrapper .table--incomes-summary tbody tr td {
    display: block;
  }
  .premium-table .table-wrapper .table--incomes-summary tbody tr td[data-text]:before {
    display: block;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download {
  text-align: center;
  width: 100%;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download p {
  margin: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul {
  display: flex;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul li {
  width: 100%;
  padding: 2rem 1rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul li a {
  padding: 1rem;
  border: 1px solid hsl(225, 20%, 90%);
  display: block;
  border-radius: 1.5rem;
  transition: all ease 250ms;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul li a:hover {
  border: 1px solid hsl(351, 90%, 64%);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul {
    flex-wrap: wrap;
    margin-top: 1.5rem;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-download ul li {
    padding: 0.5rem 1rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper {
  display: flex;
  align-items: center;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper img {
  display: block;
  width: 30%;
}
@media screen and (max-width: 920px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper {
    flex-wrap: wrap;
  }
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper img {
    width: 80%;
    margin: 0 auto 3rem auto;
  }
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper {
    padding: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation {
  padding: 0 3rem;
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation {
    padding: 0;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation p {
  margin: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation ul {
  padding: 0;
  list-style: none;
  margin-top: 1rem;
  margin-bottom: 0;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation ul li {
  padding: 1.5rem;
  padding-left: 4rem;
  position: relative;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation ul li:nth-child(1):before {
  content: '1.';
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation ul li:nth-child(2):before {
  content: '2.';
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .certification-explanation-wrapper .certification-explanation ul li:before {
  font-size: 3rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  color: hsl(351, 90%, 64%);
  opacity: 0.5;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .email-validation-required {
  z-index: 3;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
}
@media screen and (max-width: 768px) {
  .clean-view .clean-background .premium-registration-wrapper .premium-registration-form .email-validation-required {
    align-items: flex-start;
    padding-top: 3rem;
  }
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .email-validation-required a {
  padding: 1rem 2rem;
  border-radius: 3rem;
  border: 1px solid hsl(350, 83%, 55%);
  display: inline-block;
  margin-top: 3rem;
}
.clean-view .clean-background .premium-registration-wrapper .premium-registration-form .email-validation-required > span {
  color: hsl(350, 83%, 55%);
  font-weight: 700;
  letter-spacing: 1px;
}
.clean-view .clean-background .admin-message {
  width: 100%;
  background: hsl(352, 89%, 64%);
  color: white;
  text-align: center;
  padding: 1rem;
  margin: 1rem 0;
  border-radius: 1.5rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.clean-view .clean-background .admin-message > span {
  display: block;
  font-weight: 500;
}
.clean-view .clean-background .admin-message > span:before,
.clean-view .clean-background .admin-message > span:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.3rem;
  opacity: 0.2;
  margin: 0 0.5rem;
  font-weight: bold;
}
.clean-view .clean-background .admin-message > span:before {
  content: "\f10d";
}
.clean-view .clean-background .admin-message > span:after {
  content: "\f10e";
}
.premium-page .main-content {
  max-width: 100%;
}
.premium-page .main-content .tns-outer {
  position: relative;
  margin-top: -1.5rem;
}
.premium-page .main-content .tns-outer .tns-controls button {
  top: 8rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: white;
  border-radius: 4rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: center;
}
.premium-page .main-content .tns-outer .tns-controls button[data-controls="prev"] {
  position: absolute;
  z-index: 1;
  left: 0.5rem;
  transform: translate(-50%, -50%);
}
.premium-page .main-content .tns-outer .tns-controls button[data-controls="next"] {
  position: absolute;
  z-index: 1;
  right: 0.5rem;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 900px) {
  .premium-page .main-content .tns-outer .tns-controls button {
    top: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .premium-page .main-content .tns-outer .tns-controls {
    display: none;
  }
}
.premium-page .main-content .tns-outer .videos-list-watching {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.premium-page .main-content .tns-outer .videos-list-watching .premium-item-wrapper {
  margin-top: 1.5rem;
}
.monetization-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.monetization-title h2 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
}
.monetization-title > div {
  display: flex;
}
.monetization-title > div .create-premium {
  display: block;
  text-align: center;
  background: hsl(351, 90%, 64%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 3rem;
  margin-left: 1rem;
}
.monetization-title > div .create-premium i {
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .monetization-title > div .create-premium {
    display: none;
  }
}
.monetization-title .see-more {
  padding: 0.75rem 2rem;
  border: 1px solid hsl(351, 90%, 64%);
  color: hsl(351, 90%, 64%);
  border-radius: 2.5rem;
}
@media screen and (max-width: 440px) {
  .monetization-title .see-more {
    display: none;
  }
}
@media screen and (max-width: 920px) {
  .monetization-title {
    padding: 0 2rem;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .monetization-title .open-filter {
    display: block;
  }
  .monetization-title .open-filter:before {
    content: "\f3f1";
    display: block;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-size: 2rem;
  }
}
.premium-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
}
.premium-list .premium-item-wrapper {
  width: 25%;
  padding: 0 0.5rem;
}
@media screen and (max-width: 980px) {
  .premium-list .premium-item-wrapper {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 540px) {
  .premium-list .premium-item-wrapper {
    width: 100%;
    padding: 0 1.5rem;
  }
}
.premium-list.short .premium-item-wrapper {
  width: calc(100% / 3);
  padding: 0 0.5rem;
}
@media screen and (max-width: 1300px) {
  .premium-list.short .premium-item-wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 540px) {
  .premium-list.short .premium-item-wrapper {
    width: 100%;
  }
}
.premium-list .see-more-wrapper {
  position: relative;
  width: 100%;
  align-items: center;
  display: flex;
  margin-top: 2rem;
  justify-content: center;
}
.premium-list .see-more-wrapper:before {
  position: absolute;
  left: 0;
  height: 1px;
  background: hsl(225, 20%, 90%);
  width: 100%;
  top: 50%;
  content: '';
  z-index: 1;
}
.premium-list .see-more-wrapper .see-more {
  text-align: center;
  text-decoration: none;
  padding: 0.5rem 2rem 0 2rem;
  color: hsl(351, 90%, 64%);
  border: 1px solid hsl(225, 20%, 95%);
  background: hsl(225, 20%, 95%);
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 1px;
  z-index: 2;
  display: flex;
  align-items: baseline;
  transition: all ease 250ms;
  border-radius: 1.5rem;
}
.premium-list .see-more-wrapper .see-more:hover {
  border: 1px solid hsl(351, 90%, 64%);
  box-shadow: 0 0 10px #d9d9d9;
}
@media screen and (max-width: 920px) {
  .has-sidebar .right-sidebar {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    background: white;
    padding: 2rem;
    overflow: auto;
  }
  .has-sidebar .right-sidebar h3 {
    border-bottom: 1px solid hsl(225, 20%, 95%);
    margin: 0;
    padding-bottom: 1rem;
  }
  .has-sidebar .right-sidebar .close-filter {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    color: hsl(351, 90%, 64%);
  }
  .has-sidebar .right-sidebar .close-filter:before {
    content: "\f00d";
    display: block;
    padding: 2rem;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-size: 2rem;
  }
}
.premium-content-wrapper .premium-content {
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
}
.premium-content-wrapper .premium-content > .video-wrapper {
  padding-bottom: 56.5%;
  height: 0 !important;
  width: 100% !important;
  position: relative;
}
.premium-content-wrapper .premium-content > .video-wrapper .video-js {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  outline: none;
  padding: 0;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished {
  position: relative;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished:before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.9);
  z-index: 3;
  content: '';
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished .loading-text {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  color: white;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  display: block;
  width: 100%;
  text-align: center;
  padding: 0 2rem;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished .loading-text small {
  display: block;
  font-size: 1.2rem;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished .loading-text a {
  color: inherit;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished .loadingbar {
  position: absolute;
  width: 100%;
  height: 0;
  padding-bottom: 1rem;
  z-index: 3;
  background: rgba(255, 255, 255, 0.5);
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.premium-content-wrapper .premium-content > .img-wrapper.unpublished .loadingbar:before {
  position: absolute;
  content: '';
  width: 25%;
  background: hsl(351, 90%, 64%);
  height: 100%;
  left: -25%;
  -webkit-animation: loading ease-in-out 2s;
  animation: loading ease-in-out 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.premium-content-wrapper .premium-content > .img-wrapper .img {
  background-size: contain;
  padding-bottom: 56.5%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: black;
  position: relative;
  display: block;
}
.premium-content-wrapper .premium-content > .img-wrapper.video .img:before {
  content: "\f04b";
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translate(-50%, -50%);
  z-index: 2;
  font-size: 6.5rem;
  opacity: 0.6;
}
.premium-content-wrapper .premium-content .premium-header {
  border-bottom: 1px solid hsl(225, 20%, 90%);
  padding-bottom: 1.5rem;
  position: relative;
}
.premium-content-wrapper .premium-content .premium-header h1 {
  margin: 0;
  padding: 2rem 2rem 0 2rem;
  font-size: 2rem;
  font-weight: 700;
}
.premium-content-wrapper .premium-content .premium-header .premium-infos {
  display: flex;
  align-items: center;
  padding: 0 2rem;
}
.premium-content-wrapper .premium-content .premium-header .premium-infos p {
  margin: 0;
  font-weight: 700;
  font-size: 1.4rem;
  margin-right: 1rem;
  padding-right: 1rem;
  border-right: 1px solid hsl(225, 20%, 90%);
}
.premium-content-wrapper .premium-content .premium-header .premium-infos p:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
.premium-content-wrapper .premium-content .premium-header .premium-infos p .subtitle {
  font-weight: 500;
  color: hsl(225, 20%, 75%);
}
.premium-content-wrapper .premium-content .premium-header .premium-tags {
  padding: 0.5rem 2rem;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li {
  margin-left: -10px;
  z-index: 1;
  display: flex;
  flex-direction: row-reverse;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li:last-child {
  margin-left: -2px;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li a,
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li span {
  background: hsl(216, 73%, 90%);
  border-radius: 1.5rem;
  color: hsl(216, 73%, 20%);
  padding: 0.5rem 1rem;
  line-height: 1;
  border: 2px solid white;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li a.free-fans,
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li span.free-fans {
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
  color: white;
}
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li a.free-fans i,
.premium-content-wrapper .premium-content .premium-header .premium-tags ul li span.free-fans i {
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .premium-content-wrapper .premium-content .premium-header .premium-tags ul {
    flex-wrap: wrap;
    margin-top: 1rem;
  }
  .premium-content-wrapper .premium-content .premium-header .premium-tags ul li {
    margin-left: 0;
    margin-right: -10px;
  }
}
.premium-content-wrapper .premium-content .premium-header .dropdown-wrapper {
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.premium-content-wrapper .premium-content .premium-header .dropdown-wrapper button {
  background: transparent;
  padding: 1rem;
  border-radius: 50%;
}
.premium-content-wrapper .premium-content .premium-header .dropdown-wrapper button:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  background: transparent;
  font-size: 1.8rem;
  color: hsl(225, 20%, 75%);
}
.premium-content-wrapper .premium-content .premium-header .dropdown-wrapper button:hover {
  background: hsl(225, 20%, 95%);
}
.premium-content-wrapper .premium-content .premium-description {
  padding: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.premium-content-wrapper .premium-content .premium-description p {
  margin: 0;
}
.premium-content-wrapper .premium-content .premium-user {
  display: flex;
  padding: 2rem;
  justify-content: space-between;
  align-items: center;
}
.premium-content-wrapper .premium-content .premium-user .user-account {
  display: flex;
  align-items: center;
  justify-content: center;
}
.premium-content-wrapper .premium-content .premium-user .user-account .user-avatar img {
  width: 6rem;
}
.premium-content-wrapper .premium-content .premium-user .user-account .username-wrapper {
  padding-left: 1rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper {
  display: flex;
  flex-direction: column;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper > a,
.premium-content-wrapper .premium-content .premium-user .btn-wrapper button {
  padding: 1.5rem 2rem 1.5rem 2rem;
  line-height: 1;
  font-size: 1.6rem;
  border-radius: 5rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper > a.edit-btn,
.premium-content-wrapper .premium-content .premium-user .btn-wrapper button.edit-btn {
  background: hsl(225, 20%, 90%);
  color: hsl(225, 20%, 10%);
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper > a.buy-btn,
.premium-content-wrapper .premium-content .premium-user .btn-wrapper button.buy-btn {
  background: hsl(351, 90%, 64%);
  color: white;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper > a.buy-btn.promo,
.premium-content-wrapper .premium-content .premium-user .btn-wrapper button.buy-btn.promo {
  background: hsl(138, 62%, 51%);
  color: white;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price .currency {
  font-size: 1.5rem;
  margin-left: 0.5rem;
  letter-spacing: 1px;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0.5rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo > span {
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 1.5rem;
  justify-content: center;
  padding: 0 0.5rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo .slash {
  color: hsl(225, 20%, 10%);
  position: relative;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo .slash:before {
  content: '';
  height: 0.15rem;
  display: block;
  width: 100%;
  background: hsl(225, 20%, 10%);
  position: absolute;
  top: 11px;
  left: 0;
  transform: rotate(9deg);
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo .slash i {
  font-size: 1.2rem;
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display .price-promo .percent {
  letter-spacing: 1px;
  font-weight: 700;
  color: hsl(138, 62%, 51%);
}
.premium-content-wrapper .premium-content .premium-user .btn-wrapper .price-display.promo .price {
  color: hsl(138, 62%, 51%);
}
.premium-content-wrapper .premium-content .premium-user .follow-btn {
  display: flex;
  align-items: center;
  padding-top: 0.25rem;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn > .fan {
  padding: 0.5rem 1rem 0.5rem 1rem;
  font-size: 1.2rem;
  border-radius: 5rem;
  background: hsl(351, 90%, 64%);
  color: white;
  position: relative;
  overflow: hidden;
  margin-right: 0.5rem;
  transition: all ease 250ms;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn > .fan:hover {
  transform: scale(1.1);
  box-shadow: 0 5px 15px hsl(351, 90%, 64%);
}
.premium-content-wrapper .premium-content .premium-user .follow-btn .followers-count {
  color: #b4b9ce;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 5rem;
  border: 1px solid #e0e3ea;
  font-size: 1.2rem;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button {
  font-weight: 500;
  font-size: 1.2rem;
  color: white;
  padding: 0.5rem 1rem 0.5rem 1rem;
  border-radius: 3rem;
  margin-right: 0.5rem;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.follow {
  border: 1px solid hsl(40, 95%, 57%);
  color: hsl(40, 95%, 57%);
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.follow:hover {
  background: hsl(40, 95%, 90%);
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow {
  background-color: hsl(40, 95%, 57%);
  display: none;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow > div span:nth-child(1) {
  display: block;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow > div span:nth-child(2) {
  display: none;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow:hover {
  background: hsl(350, 83%, 55%);
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow:hover > div > span:nth-child(1) {
  display: none;
}
.premium-content-wrapper .premium-content .premium-user .follow-btn button.unfollow:hover > div > span:nth-child(2) {
  display: block;
}
@media screen and (max-width: 920px) {
  .premium-content-wrapper .premium-content .premium-user {
    flex-wrap: wrap;
  }
  .premium-content-wrapper .premium-content .premium-user .user-account {
    width: 100%;
    order: 2;
    padding-top: 2rem;
    justify-content: flex-start;
  }
  .premium-content-wrapper .premium-content .premium-user > .buy-btn {
    order: 0;
    width: 100%;
    text-align: center;
  }
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer {
  position: relative;
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls {
  margin-top: -1.5rem;
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls button {
  top: calc(50% - 1rem);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  background: white;
  border-radius: 4rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  justify-content: center;
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls button[data-controls="prev"] {
  position: absolute;
  z-index: 1;
  left: 0.5rem;
  transform: translate(-50%, -50%);
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls button[data-controls="next"] {
  position: absolute;
  z-index: 1;
  right: 0.5rem;
  transform: translate(50%, -50%);
}
@media screen and (max-width: 900px) {
  .premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls button {
    top: 13rem;
  }
}
@media screen and (max-width: 768px) {
  .premium-content-wrapper .gallery-list-wrapper .tns-outer .tns-controls {
    display: none;
  }
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .videos-list-watching {
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.premium-content-wrapper .gallery-list-wrapper .tns-outer .videos-list-watching .premium-item-wrapper {
  margin-top: 1.5rem;
}
.premium-content-wrapper .gallery-list {
  display: flex;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}
.premium-content-wrapper .gallery-list .gallery-item-wrapper {
  width: 25%;
  padding: 0 0.5rem;
  margin-bottom: 1rem;
}
.premium-content-wrapper .gallery-list .gallery-item-wrapper .gallery-item {
  position: relative;
  padding-bottom: 58%;
  background-size: cover;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 1rem;
  overflow: hidden;
  background-color: black;
}
.premium-content-wrapper .gallery-list .gallery-item-wrapper .gallery-item img {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .premium-content-wrapper .gallery-list {
    flex-wrap: wrap;
  }
  .premium-content-wrapper .gallery-list .gallery-item-wrapper {
    width: 50%;
    margin-bottom: 1rem;
  }
}
.premium-content-wrapper .video-comments {
  margin-bottom: 6rem;
}
.premium-content-wrapper .video-comments .video-comments-list {
  margin-top: 1rem;
}
.premium-content-wrapper .video-comments .connect-comment-alert {
  background: white;
  text-align: center;
  padding: 3rem;
  border-radius: 1.5rem;
}
.premium-content-wrapper .video-comments .connect-comment-alert p {
  margin: 0;
}
.premium-content-wrapper .video-comments .connect-comment-alert p a {
  font-weight: 700;
  color: hsl(351, 90%, 64%);
}
.premium-content-wrapper .video-comments .comment-form {
  padding-bottom: 1rem;
}
.premium-content-wrapper .video-comments .comment-form .input-box {
  padding: 0 0 0 1.5rem;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.premium-content-wrapper .video-comments .comment-form .input-box .user-avatar img {
  width: 5rem;
}
.premium-content-wrapper .video-comments .comment-form .input-box div[contenteditable] {
  margin-left: 1rem;
  border: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
  background: hsl(0, 0%, 100%);
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-radius: 1.5rem;
  flex: 1;
}
.premium-content-wrapper .video-comments .comment-form .input-box div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.premium-content-wrapper .video-comments .comment-form .input-box textarea {
  width: 100%;
  display: none;
}
.premium-content-wrapper .video-comments .comment-form .input-box textarea:not(:invalid) + button {
  color: hsl(216, 73%, 51%);
}
.premium-content-wrapper .video-comments .comment-form .input-box button {
  position: absolute;
  bottom: 1.5rem;
  right: 2rem;
  font-size: 0;
  background: transparent;
  color: hsl(225, 20%, 75%);
  border-radius: 50%;
  padding: 0;
  transition: color ease 250ms;
}
.premium-content-wrapper .video-comments .comment-form .input-box button:hover {
  color: hsl(216, 73%, 51%);
}
.premium-content-wrapper .video-comments .comment-form .input-box button:before {
  font-size: 1.8rem;
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
}
.premium-content-wrapper .video-comments .comment-form .input-box .error {
  display: none;
}
.premium-content-wrapper .video-comments .comment-form .input-box.has-error textarea {
  border: 1px solid hsl(350, 83%, 55%);
}
.premium-content-wrapper .video-comments .video-comment-item {
  background: white;
  padding: 1.5rem;
  border-radius: 1.5rem;
  display: flex;
  align-items: flex-start;
  position: relative;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .user-avatar img {
  width: 5rem;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper {
  position: absolute;
  right: 1rem;
  top: 0.5rem;
  z-index: 3;
  opacity: 0;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper > button {
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1.5rem 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
  transition: background ease-in-out 250ms;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper > button:hover,
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper > button:active,
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper > button:focus {
  background: hsla(225, 20%, 85%, 0.2);
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper > button:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.8rem;
  color: hsl(225, 20%, 80%);
  display: block;
  line-height: 1rem;
}
@media screen and (max-width: 778px) {
  .premium-content-wrapper .video-comments .video-comment-item .user-account .dropdown-wrapper {
    opacity: 1;
  }
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .username-wrapper {
  margin-left: 1rem;
  flex: 1;
  width: 100%;
  padding-top: 1rem;
  justify-content: center;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .comment-content {
  margin-top: 0.25rem;
}
.premium-content-wrapper .video-comments .video-comment-item .user-account .comment-content p {
  margin: 0;
}
.premium-content-wrapper .video-comments .video-comment-item:hover .user-account .dropdown-wrapper {
  opacity: 1;
}
.premium-content-wrapper.following .follow-btn button.follow {
  display: none !important;
}
.premium-content-wrapper.following .follow-btn button.unfollow {
  display: block !important;
}
.premium-item-wrapper {
  margin-bottom: 1.5rem;
  position: relative;
}
.premium-item-wrapper.promo .premium-item .video-infos span.price {
  color: hsl(138, 62%, 51%);
}
.premium-item-wrapper.promo .premium-item .video-infos span.price [data-promo-price] {
  display: inline-block !important;
}
.premium-item-wrapper.promo .premium-item .video-infos span.price [data-full-price] {
  display: none;
}
.premium-item-wrapper.promo .badge-wrapper .badge-promo {
  display: flex;
}
.premium-item-wrapper .badge-wrapper {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .premium-item-wrapper .badge-wrapper {
    right: 2rem;
  }
}
.premium-item-wrapper .badge-wrapper .badge-free-fans,
.premium-item-wrapper .badge-wrapper .badge-promo {
  color: white;
  border-radius: 5rem;
  font-weight: 600;
  display: flex;
  line-height: 1;
  font-size: 1rem;
  align-items: center;
  margin: 0 0.25rem;
}
.premium-item-wrapper .badge-wrapper .badge-free-fans i,
.premium-item-wrapper .badge-wrapper .badge-promo i {
  margin-left: 0.25rem;
}
.premium-item-wrapper .badge-wrapper:first-child {
  margin-left: 0;
}
.premium-item-wrapper .badge-wrapper:last-child {
  margin-right: 0;
}
.premium-item-wrapper .badge-wrapper .badge-free-fans {
  padding: 0.5rem;
  background: linear-gradient(90deg, hsl(9, 91%, 66%), hsl(40, 95%, 57%));
}
.premium-item-wrapper .badge-wrapper .badge-promo {
  background: hsl(138, 62%, 51%);
  padding: 0.5rem 1rem;
  display: none;
}
.premium-item-wrapper .premium-item {
  border-radius: 1.5rem;
  background: white;
  overflow: hidden;
}
.premium-item-wrapper .premium-item .video-cover {
  display: block;
  width: 100%;
  position: relative;
}
.premium-item-wrapper .premium-item .video-cover img {
  width: 100%;
  display: block;
}
.premium-item-wrapper .premium-item .video-cover .video-timer {
  color: white;
  font-size: 1.2rem;
  background: rgba(46, 53, 70, 0.8);
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  padding: 0 0.5rem;
  border-radius: 2rem;
}
.premium-item-wrapper .premium-item .user-account {
  display: flex;
  align-items: flex-end;
  padding: 0 1rem;
}
.premium-item-wrapper .premium-item .user-account .user-avatar {
  margin-top: -2rem;
  border: 3px solid white;
  border-radius: 50%;
}
.premium-item-wrapper .premium-item .user-account .user-avatar img {
  width: 5rem !important;
}
.premium-item-wrapper .premium-item .user-account .username-wrapper {
  flex: 1;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.premium-item-wrapper .premium-item .video-name {
  margin: 0;
  padding: 1rem;
  font-size: 1.3rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.premium-item-wrapper .premium-item .video-infos {
  text-align: center;
  display: flex;
  padding: 1rem;
  justify-content: space-between;
  background: hsl(225, 20%, 98%);
}
.premium-item-wrapper .premium-item .video-infos span {
  font-weight: 700;
}
.premium-item-wrapper .premium-item .video-infos span i {
  margin-right: 0.5rem;
}
.profile-vip .main-content {
  width: 84rem;
  margin: 0 auto;
  flex: inherit;
  max-width: 100%;
  margin-bottom: 5rem;
}
.profile-vip .main-content .cover-background-wrapper {
  width: 100%;
  height: 50rem;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  background-color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .profile-vip .main-content .cover-background-wrapper {
    display: none;
  }
}
.profile-vip .main-content .cover-background-wrapper .profile__cover {
  background-image: url("orange-background.32a8d081603a.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  -moz-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
  transform: scale(1.1);
}
.profile-vip .main-content .access-fans-only {
  padding-bottom: 40%;
  height: 0;
  position: relative;
  border-radius: 1.5rem;
  background-color: white;
  margin-bottom: 2rem;
  background-image: url("lock-background.9b596ae73009.jpg");
  background-size: cover;
  font-size: 1.5rem;
  width: 100%;
  display: block;
}
.profile-vip .main-content .access-fans-only div {
  top: 0;
  left: 0;
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.profile-vip .main-content .access-fans-only div > span {
  max-width: 25rem;
  text-align: center;
}
.profile-vip .main-content .access-fans-only div > span:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f30d";
  font-size: 5rem;
  display: block;
  text-align: center;
  color: hsl(225, 20%, 75%);
  padding-bottom: 2rem;
}
.profile-vip .main-content .access-fans-only div > span strong {
  color: hsl(351, 90%, 64%);
}
.profile-vip .main-content .access-fans-only:hover div > span:before {
  content: "\f3c2";
  color: hsl(351, 90%, 64%);
}
.profile-vip .main-content .profile-wrapper {
  margin-top: 10rem;
}
.profile-vip .main-content .vip-gallery {
  background: white;
  padding: 2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 840px) {
  .profile-vip .main-content .vip-gallery {
    border-radius: 0;
  }
}
.profile-vip .main-content .vip-gallery .user-gallery {
  overflow: hidden;
  padding: 0.5rem;
}
.profile-vip .main-content .vip-gallery .user-gallery ul {
  display: flex;
  flex-wrap: wrap;
  margin: -0.25rem;
}
.profile-vip .main-content .vip-gallery .user-gallery ul li {
  width: 25%;
  padding: 0.25rem;
}
@media screen and (max-width: 768px) {
  .profile-vip .main-content .vip-gallery .user-gallery ul li {
    width: 50%;
  }
}
.profile-vip .main-content .vip-gallery .user-gallery ul li .list-item {
  padding-bottom: 100%;
  height: 0;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.profile-vip .main-content .vip-gallery .user-gallery ul li .list-item img {
  display: none;
}
.profile-vip .main-content .vip-wishlist {
  background: white;
  padding: 2rem;
  border-radius: 1.5rem;
}
@media screen and (max-width: 840px) {
  .profile-vip .main-content .vip-wishlist {
    border-radius: 0;
  }
}
.profile-vip .main-content .vip-wishlist li:nth-child(1) .wishlist-item {
  padding-top: 0;
}
.profile-vip .main-content .vip-wishlist li:last-child .wishlist-item {
  padding-bottom: 0;
}
.profile-vip .main-content .vip-wishlist .wishlist-item {
  width: 100%;
  display: flex;
  padding: 0.5rem 0;
  align-items: center;
}
.profile-vip .main-content .vip-wishlist .wishlist-item:hover .img-wrapper:after {
  opacity: 1;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .img-wrapper {
  width: 6rem;
  height: 6rem;
  background-size: cover;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .img-wrapper:after {
  opacity: 0;
  content: "\f07a";
  font-family: "Font Awesome 5 Pro";
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.8rem;
  background: hsla(350, 83%, 55%, 0.7);
  transition: opacity ease 250ms;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .gift-infos {
  flex: 1;
  padding-left: 1rem;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .gift-infos .gift-name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .gift-infos .gift-description {
  font-size: 1.3rem;
  color: hsl(225, 20%, 75%);
  display: flex;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .gift-infos .gift-description > span {
  display: flex;
  align-items: center;
}
.profile-vip .main-content .vip-wishlist .wishlist-item .gift-infos .gift-description > span:before {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  margin: 0 0.75rem;
  background: hsl(225, 20%, 75%);
  border-radius: 50%;
  display: inline-block;
  align-self: center;
}
.profile-vip .main-content .timeline .loader {
  border-radius: 0 0 1.5rem 1.5rem;
}
.promo-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
}
.promo-modal-wrapper .offers-list {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.5rem;
  width: 100%;
  padding: 3rem;
  max-width: 50rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.promo-modal-wrapper .offers-list h1 {
  margin-bottom: 0;
}
.promo-modal-wrapper .offers-list h2 {
  text-align: center;
  font-size: 1.3rem;
  color: white;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 1rem;
  letter-spacing: 1px;
}
.promo-modal-wrapper .offers-list .access-informations {
  padding: 1rem;
}
.promo-modal-wrapper .offers-list .access-informations p {
  margin: 0 !important;
}
.promo-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #unauthorized_modal .offers-list {
    border-radius: 0;
  }
}
.tuto-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  background-image: url("swame-wave.30a152465e88.svg");
  background-repeat: no-repeat;
  background-color: hsl(225, 20%, 95%);
  background-position: bottom center;
  background-size: auto 100%;
  padding-bottom: 20rem;
  padding-top: 14rem;
}
@media screen and (max-width: 980px) {
  .tuto-header {
    padding-bottom: 4rem;
    padding-top: 10rem;
    background: url("orange-background.32a8d081603a.jpg") no-repeat center;
    background-size: cover;
  }
}
.tuto-header .header-container {
  padding: 0 2rem;
  width: 68rem;
  max-width: 100%;
}
.tuto-header .header-container h1,
.tuto-header .header-container h2 {
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
  color: white;
}
.tuto-header .header-container h1 {
  font-size: 5rem;
  letter-spacing: 1px;
  line-height: 6rem;
}
.tuto-header .header-container h2 {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.tuto-sharing {
  position: relative;
  overflow: hidden;
}
.tuto-sharing h2 {
  text-align: center;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .tuto-sharing h2 {
    margin-bottom: 0;
    font-size: 2rem;
  }
}
.tuto-sharing .social-network {
  width: 100%;
  padding: 2rem;
}
.tuto-sharing .social-network a {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  width: 100%;
  background: white;
  border-radius: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all ease 250ms;
}
.tuto-sharing .social-network a i {
  font-size: 5rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.tuto-sharing .social-network a span {
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
.tuto-sharing .social-network a.facebook {
  background: #6a8fcb;
  color: white;
}
.tuto-sharing .social-network a.twitter {
  color: white;
  background: #1fa1f2;
}
.tuto-sharing .social-network a.share {
  background: #57b893;
  color: white;
}
.tuto-sharing .social-network a.share.copied {
  background: #5ed681;
}
.tuto-sharing .social-network a.share.copied:before {
  font-family: 'Font Awesome 5 Pro';
  content: "\f00c";
  display: block;
  font-size: 5rem;
  margin-bottom: 1rem;
  opacity: 0.5;
}
.tuto-sharing .social-network a.share.copied i {
  display: none;
}
.tuto-sharing .social-network a.share.copied span {
  font-size: 0;
}
.tuto-sharing .social-network a.share.copied span:before {
  content: attr(data-text-copied);
  font-size: 1.5rem;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .tuto-sharing {
    padding-bottom: 1rem;
  }
  .tuto-sharing .social-network {
    padding: 0.5rem 1rem;
  }
  .tuto-sharing .social-network a {
    flex-direction: row;
    padding: 2rem 3rem;
    justify-content: center;
    align-items: center;
  }
  .tuto-sharing .social-network a i {
    font-size: 2.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .tuto-sharing .social-network a span {
    display: block;
    line-height: 1;
    padding-top: 0.5rem;
  }
  .tuto-sharing .social-network a.share.copied:before {
    font-size: 2.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
  }
  .tuto-sharing .social-network a.share.copied span:before {
    display: block;
    line-height: 1;
    padding-top: 0.5rem;
  }
}
.tuto-summary {
  position: relative;
  overflow: hidden;
}
.tuto-summary h2 {
  text-align: center;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .tuto-summary h2 {
    margin-bottom: 0;
    font-size: 2rem;
  }
}
.tuto-summary .row {
  flex-wrap: wrap !important;
}
.tuto-summary .row .summary-item {
  width: calc(100% / 3);
  padding: 2rem;
}
@media screen and (max-width: 980px) {
  .tuto-summary .row .summary-item {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .tuto-summary .row .summary-item {
    width: 100%;
    padding: 1.5rem;
  }
}
.tuto-summary .row .summary-item a {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 3rem;
  width: 100%;
  background: white;
  border-radius: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  transition: all ease 300ms;
}
@media screen and (max-width: 768px) {
  .tuto-summary .row .summary-item a {
    padding: 2rem;
  }
}
.tuto-summary .row .summary-item a:hover {
  transform: scale(1.05);
}
.tuto-summary .row .summary-item a img {
  display: block;
  width: auto;
  height: 12rem;
  max-width: 100%;
}
.tuto-summary .row .summary-item a h3 {
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 1.6rem;
  margin: 2rem 0 1rem 0;
}
.tuto-summary .row .summary-item a span {
  letter-spacing: 1px;
  color: hsl(351, 90%, 64%);
  display: flex;
  align-items: baseline;
}
.tuto-summary .row .summary-item a span:after {
  content: "\f054";
  margin-left: 1rem;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.2rem;
}
.steps {
  padding-top: 5rem;
  position: relative;
}
@media screen and (max-width: 980px) {
  .steps {
    padding-top: 2.5rem;
  }
}
.steps > .anchor {
  position: absolute;
  top: -5rem;
}
.steps.gray {
  background: hsl(225, 20%, 95%);
}
.steps.gray .text h2 {
  color: hsl(351, 90%, 64%);
}
.steps.gray .text ul li:before {
  color: hsl(351, 90%, 64%);
}
.steps.gray .text a {
  background: hsl(351, 90%, 64%);
  color: white;
}
.steps.gray.white-after:after {
  content: '';
  -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%);
  clip-path: polygon(0 0%, 0% 100%, 100% 100%);
  background-color: hsl(0, 0%, 100%);
  display: block;
  width: 100%;
  height: 5rem;
  margin-top: 5rem;
  margin-bottom: -1px;
}
@media screen and (max-width: 980px) {
  .steps.gray.white-after:after {
    height: 2.5rem;
    margin-top: 2.5rem;
  }
}
.steps.white {
  background: white;
}
.steps.white .text h2 {
  color: hsl(351, 90%, 64%);
}
.steps.white .text ul li:before {
  color: hsl(351, 90%, 64%);
}
.steps.white .text a {
  background: hsl(351, 90%, 64%);
  color: white;
}
.steps.white.gray-after:after {
  content: '';
  -webkit-clip-path: polygon(0 0%, 0% 100%, 100% 100%);
  clip-path: polygon(0 0%, 0% 100%, 100% 100%);
  background-color: hsl(225, 20%, 95%);
  display: block;
  width: 100%;
  height: 5rem;
  margin-top: 5rem;
  margin-bottom: -1px;
}
@media screen and (max-width: 980px) {
  .steps.white.gray-after:after {
    height: 2.5rem;
    margin-top: 2.5rem;
  }
}
.steps.pink {
  background: hsl(351, 90%, 64%);
}
.steps.pink .text p,
.steps.pink .text h2 {
  color: hsl(0, 0%, 100%);
}
.steps.pink .text ul li {
  color: hsl(0, 0%, 100%);
}
.steps.pink .text ul li:before {
  color: hsl(0, 0%, 100%);
}
.steps.pink .text a {
  background: hsl(351, 90%, 64%);
  color: white;
}
.steps .left {
  width: 50%;
  padding: 0 3rem;
}
@media screen and (max-width: 980px) {
  .steps .left {
    width: 100%;
  }
}
.steps .right {
  flex: 1;
}
.steps .picture {
  padding: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.steps .picture img {
  display: block;
  width: 40rem;
  max-width: 100%;
}
@media screen and (max-width: 980px) {
  .steps .picture img {
    width: 20rem;
  }
}
@media screen and (max-width: 980px) {
  .steps .picture {
    order: 1;
  }
}
.steps .text {
  padding: 0 3rem;
}
@media screen and (max-width: 980px) {
  .steps .text {
    order: 2;
  }
}
.steps .text h2 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 2.6rem;
}
.steps .text p {
  line-height: 3rem;
  text-align: justify;
  margin-bottom: 2rem;
  margin-top: 0;
}
.steps .text ul {
  padding-left: 3rem;
  margin-bottom: 2rem;
}
.steps .text ul li {
  position: relative;
  margin: 0.5rem 0 0.5rem 0;
  display: flex;
}
.steps .text ul li:before {
  content: '\f058';
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  top: 0.25rem;
  left: -1rem;
  transform: translateX(-100%);
  font-weight: 200;
  display: block;
}
.steps .text a {
  padding: 1rem 3rem;
  display: inline-block;
  border-radius: 3rem;
  color: white;
}
.my-sponsor {
  margin-bottom: 2rem;
  padding: 2rem;
  text-align: center;
  background: hsl(216, 73%, 80%);
  border-radius: 1.5rem;
  color: hsl(216, 73%, 20%);
}
.my-sponsor a {
  font-weight: 700;
}
.sponsorship-link {
  width: 100%;
  display: block;
  background: hsl(40, 95%, 90%);
  padding: 1rem;
  border-radius: 1.5rem;
  text-align: center;
  position: relative;
}
.sponsorship-link .label {
  display: block;
  font-size: 1.2rem;
  font-weight: 300;
}
.sponsorship-link .url {
  font-weight: 700;
  font-size: 1.8rem;
  word-break: break-all;
}
.sponsorship-link.copied {
  background: hsl(138, 62%, 90%);
}
.sponsorship-link.copied:before {
  content: attr(data-copied);
  position: absolute;
  right: 1rem;
  top: 1rem;
  background: hsl(138, 62%, 51%);
  color: white;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  border-radius: 2rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.sponsorship-steps {
  display: flex;
  justify-content: center;
}
.sponsorship-steps > div {
  padding: 3rem;
  border-right: 1px solid hsl(225, 20%, 90%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.sponsorship-steps > div:last-child {
  border: none;
}
.sponsorship-steps > div img {
  display: block;
  width: 100%;
  max-width: 18rem;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.sponsorship-steps > div p {
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 0;
  font-size: 1.5rem;
  color: hsl(225, 20%, 60%);
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .sponsorship-steps {
    flex-wrap: wrap;
    padding: 0;
  }
  .sponsorship-steps > div {
    border: none;
    padding: 2rem;
  }
}
.sponsorship-infos {
  text-align: center;
  color: hsl(225, 20%, 75%);
  font-size: 1.2rem;
}
.premium-statistics.sponsorship-stats {
  padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
  .premium-statistics.sponsorship-stats {
    margin: 0;
  }
}
.premium-statistics.sponsorship-stats .stats-wrapper {
  width: calc(100% / 3);
}
@media screen and (max-width: 768px) {
  .premium-statistics.sponsorship-stats .stats-wrapper {
    width: 100%;
    padding: 0.5rem 0;
  }
}
.premium-statistics.sponsorship-stats .stats-wrapper:nth-child(4n+2) .stats {
  background: hsl(40, 95%, 57%);
}
.premium-statistics.sponsorship-stats .stats-wrapper:nth-child(4n+2) .stats:hover {
  background: hsl(40, 95%, 60%);
}
.premium-statistics.sponsorship-stats .stats-wrapper:nth-child(4n+3) .stats {
  background: hsl(138, 62%, 51%);
}
.premium-statistics.sponsorship-stats .stats-wrapper:nth-child(4n+3) .stats:hover {
  background: hsl(138, 62%, 54%);
}
.sponsorship-wrapper {
  background: white;
  overflow: hidden;
  padding: 2rem;
  display: grid;
  grid-gap: 1rem;
  border-radius: 2rem ;
}
.profil-settings--disabled {
  opacity: 0.2;
  pointer-events: none;
}
.profil-settings--affiliate {
  box-shadow: none !important;
  display: grid;
  margin-top: 0 !important;
  grid-gap: 1rem;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form {
  background: white;
  border-radius: 1.5rem;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form #premium-contributor-subscriptions-settings-reminder-message-form .cover-preview {
  padding-bottom: 50%;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form #premium-contributor-subscriptions-settings-reminder-message-form .form-upload {
  height: 300px;
  width: 600px;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form .wrapper.error {
  cursor: default;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form .wrapper.error:hover {
  transform: initial;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form .wrapper.error:not(.ready) a {
  background: hsl(350, 47%, 32%) !important;
}
.premium-setting-page .form-wrapper.premium-subscription-product-form .wrapper.error button {
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  color: white;
  padding: 4px 0;
  z-index: 10;
}
.certification-badge-wrapper {
  background-color: white;
  border-radius: 0 0 1.5rem 1.5rem;
  display: grid;
  grid-gap: 2rem;
  padding: 2rem;
}
.certification-badge-wrapper h2 {
  color: hsl(351, 90%, 64%);
  margin: 0;
}
.certification-badge-wrapper p {
  display: block;
  margin: 0;
}
.certification-badge-wrapper .warning {
  color: #E25D6C;
}
.certification-badge-wrapper table {
  padding: 0 !important;
}
.certification-badge-wrapper table td .center {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.certification-badge-wrapper table tr.table-success {
  background-color: hsl(225, 20%, 98%) !important;
}
@media screen and (max-width: 920px) {
  .certification-badge-wrapper table tr > td {
    display: block !important;
  }
}
.certificationBadge--bronze {
  background: linear-gradient(225deg, #FFCFA3 8.24%, #CF9339 53.31%, #5E3814 102.9%);
}
.certificationBadge--silver {
  background: linear-gradient(225deg, #F3F3F3 8.24%, #D5D5D5 53.31%, #FCFCFC 102.9%);
}
.payment-informations-wrapper {
  background-color: white;
  padding: 0.5rem;
  margin: 2rem;
  text-align: left;
  background: hsl(216, 73%, 90%);
  border: 2px solid hsl(216, 73%, 51%);
  border-radius: 1.5rem;
}
.payment-informations-wrapper h2 {
  color: hsl(351, 90%, 64%);
  padding: 0 2rem 0 2rem;
}
.payment-informations-wrapper p {
  padding: 0 2rem 0 2rem;
}
.payment-informations-wrapper a {
  color: hsl(351, 90%, 64%);
  text-decoration: underline;
}
.payment-data {
  display: flex;
  height: 500px;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: center;
}
.payment-data__choice {
  padding: 10rem;
}
.partnerPass {
  padding: 2rem;
  background: #272727;
  color: white;
  overflow: auto;
  display: grid;
  border-radius: 2rem;
}
.partnerPass__row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.partnerPass__item {
  width: 20rem;
  margin: 0 auto;
}
.partnerPass__item--next {
  opacity: 0.5;
}
.partnerPass__item--next .partnerPass__content {
  background: #393939;
}
.partnerPass__item--next .partnerPass__footer {
  font-size: 2rem;
}
.partnerPass__item--disabled {
  opacity: 0.5;
  filter: grayscale(100%);
}
.partnerPass__item--disabled .partnerPass__content {
  background: #393939;
}
.partnerPass__item--disabled .partnerPass__footer {
  font-size: 2rem;
}
.partnerPass__item--bronze {
  position: relative;
  border: 1px solid rgba(254, 204, 163, 0.25);
  border-radius: 2rem;
}
.partnerPass__item--bronze .partnerPass__footer {
  color: #FF9D64;
}
.partnerPass__item--bronze .partnerPass__content {
  background: rgba(112, 65, 60, 0.3);
}
.partnerPass__item--bronze:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #FFA16A 0%, rgba(254, 217, 181, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(255, 154, 97, 0.25);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--bronze:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #FFA16A 0%, rgba(254, 217, 181, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(255, 154, 97, 0.25);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__item--argent {
  position: relative;
  border: 1.15333px solid rgba(212, 212, 212, 0.25);
  border-radius: 2rem;
}
.partnerPass__item--argent .partnerPass__footer {
  color: #DEE9F5;
}
.partnerPass__item--argent .partnerPass__content {
  background: rgba(57, 57, 57, 0.5);
}
.partnerPass__item--argent:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #D2D2D2 0%, rgba(207, 207, 207, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(227, 227, 227, 0.25);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--argent:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #D2D2D2 0%, rgba(207, 207, 207, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(227, 227, 227, 0.25);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__item--or {
  position: relative;
  border: 1px solid rgba(241, 163, 20, 0.25);
  border-radius: 2rem;
}
.partnerPass__item--or .partnerPass__footer {
  color: #F7EA5B;
}
.partnerPass__item--or .partnerPass__content {
  background: rgba(109, 79, 21, 0.25);
}
.partnerPass__item--or:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #FFA70C 0%, rgba(255, 241, 107, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(255, 167, 12, 0.25);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--or:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #FFA70C 0%, rgba(255, 241, 107, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(255, 167, 12, 0.25);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__item--diamant {
  position: relative;
  border: 1px solid rgba(255, 247, 181, 0.25);
  border-radius: 2rem;
}
.partnerPass__item--diamant .partnerPass__footer {
  color: white;
}
.partnerPass__item--diamant .partnerPass__content {
  background: linear-gradient(123.35deg, #EBF3D0 0%, rgba(235, 243, 208, 0) 18.4%), radial-gradient(29.9% 70.94% at 44.25% 86.96%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(33.83% 53.57% at 35.87% 100%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(42.66% 49.72% at 45.56% 44.65%, #CBADEB 0%, rgba(194, 166, 241, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(134.59deg, #CDF9E8 20.63%, rgba(205, 249, 232, 0) 47.84%), linear-gradient(216.44deg, rgba(192, 169, 240, 0) -16.52%, #C0A9F0 -1.04%, rgba(192, 169, 240, 0) 16.99%), linear-gradient(128.53deg, rgba(192, 169, 240, 0) 28.63%, #C0A9F0 38.5%, rgba(192, 169, 240, 0) 50.26%), radial-gradient(40.75% 97.37% at 90.75% 40.15%, #FFFDB1 0%, #FEE4BF 34.46%, #F0BDD0 69.5%, rgba(255, 129, 38, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #C2A6F1;
}
.partnerPass__item--diamant:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #C7A2ED 0%, rgba(245, 201, 203, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(169, 129, 255, 0.25);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--diamant:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58.82% 50.51% at 0% 100%, #C4A6EE 0%, rgba(204, 240, 233, 0.05) 100%);
  box-shadow: 0px 0px 40px rgba(169, 129, 255, 0.25);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__item--warning {
  position: relative;
  border: 1px solid rgba(74, 20, 20, 0.5);
  border-radius: 2rem;
  background: rgba(74, 20, 20, 0.5);
}
.partnerPass__item--warning .partnerPass__content:before {
  content: '\f12a';
  font-family: "Font Awesome 5 Pro";
  background: #ef0907;
  top: 0;
  right: 1rem;
  border-radius: 2rem;
  width: 25px;
  color: white;
  height: 25px;
  font-weight: bold;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transform: translateY(-50%);
}
.partnerPass__item--warning:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58% 50% at 0% 100%, #FF0505 0%, rgba(221, 90, 90, 0) 100%);
  filter: drop-shadow(0px 5px 15px #FF0505);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--warning:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58% 50% at 0% 100%, #FF0505 0%, rgba(221, 90, 90, 0) 100%);
  filter: drop-shadow(0px 5px 15px #FF0505);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__item--current {
  position: relative;
  border: 1px solid rgba(212, 212, 212, 0.25);
  border-radius: 2rem;
}
.partnerPass__item--current:before {
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 1px;
  background: radial-gradient(58% 50% at 0% 100%, #D4D4D4 0%, rgba(212, 212, 212, 0) 100%);
  border-radius: 2rem;
  content: '';
  z-index: 0;
  display: block;
}
.partnerPass__item--current:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  right: -1px;
  top: -1px;
  border-radius: 20px;
  z-index: 0;
  background: radial-gradient(58% 50% at 0% 100%, #D4D4D4 0%, rgba(212, 212, 212, 0) 100%);
  transform: rotate(-180deg);
  display: block;
}
.partnerPass__content {
  padding: 2rem;
  display: grid;
  grid-template-rows: 10rem 1fr;
  border-radius: 2rem;
  background: rgba(53, 53, 53, 0.5);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  row-gap: 0;
  position: relative;
  z-index: 1;
  height: 100%;
  grid-gap: 1rem;
}
.partnerPass__title {
  margin: 0;
  font-weight: bold;
  font-size: 1.8rem;
}
.partnerPass__header {
  display: flex;
  align-items: center;
  width: 100%;
  text-align: center;
  justify-content: center;
  flex-direction: column;
}
.partnerPass__badge {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 8rem;
}
.partnerPass__footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.partnerPass__footer p {
  margin: 0;
  font-weight: bold;
  font-size: 1.5rem;
}
.partnerPass__footer small {
  opacity: 0.5;
}
.partnerPass__progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 2rem 0;
  position: relative;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.partnerPass__progress:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  height: 1rem;
  background: linear-gradient(270deg, rgba(93, 93, 93, 0) -8.95%, #5D5D5D 100%);
  border-radius: 1rem;
  z-index: 0;
  transform: translateY(-50%);
}
.partnerPass__progress--bronze .partnerPass__label--active {
  background: #FF9D64;
}
.partnerPass__progress--bronze .partnerPass__progressBar__item--active:before {
  background: #FF9D64;
}
.partnerPass__progress--bronze .partnerPass__progressBar__item--current:before {
  opacity: 0.4;
  background: #FF9D64;
}
.partnerPass__progress--silver .partnerPass__label--active {
  color: black;
  background: #DEE9F5;
}
.partnerPass__progress--silver .partnerPass__progressBar__item--active:before {
  background: #DEE9F5;
}
.partnerPass__progress--silver .partnerPass__progressBar__item--current:before {
  opacity: 0.4;
  background: #DEE9F5;
}
.partnerPass__progress--gold .partnerPass__label--active {
  background: #F7EA5B;
}
.partnerPass__progress--gold .partnerPass__progressBar__item--active:before {
  background: #F7EA5B;
}
.partnerPass__progress--gold .partnerPass__progressBar__item--current:before {
  opacity: 0.4;
  background: #F7EA5B;
}
.partnerPass__progress--diamond .partnerPass__label--active {
  background: linear-gradient(123.35deg, #EBF3D0 0%, rgba(235, 243, 208, 0) 18.4%), radial-gradient(29.9% 70.94% at 44.25% 86.96%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(33.83% 53.57% at 35.87% 100%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(42.66% 49.72% at 45.56% 44.65%, #CBADEB 0%, rgba(194, 166, 241, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(134.59deg, #CDF9E8 20.63%, rgba(205, 249, 232, 0) 47.84%), linear-gradient(216.44deg, rgba(192, 169, 240, 0) -16.52%, #C0A9F0 -1.04%, rgba(192, 169, 240, 0) 16.99%), linear-gradient(128.53deg, rgba(192, 169, 240, 0) 28.63%, #C0A9F0 38.5%, rgba(192, 169, 240, 0) 50.26%), radial-gradient(40.75% 97.37% at 90.75% 40.15%, #FFFDB1 0%, #FEE4BF 34.46%, #F0BDD0 69.5%, rgba(255, 129, 38, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #C2A6F1;
}
.partnerPass__progress--diamond .partnerPass__progressBar__item--active:before {
  background: linear-gradient(123.35deg, #EBF3D0 0%, rgba(235, 243, 208, 0) 18.4%), radial-gradient(29.9% 70.94% at 44.25% 86.96%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(33.83% 53.57% at 35.87% 100%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(42.66% 49.72% at 45.56% 44.65%, #CBADEB 0%, rgba(194, 166, 241, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(134.59deg, #CDF9E8 20.63%, rgba(205, 249, 232, 0) 47.84%), linear-gradient(216.44deg, rgba(192, 169, 240, 0) -16.52%, #C0A9F0 -1.04%, rgba(192, 169, 240, 0) 16.99%), linear-gradient(128.53deg, rgba(192, 169, 240, 0) 28.63%, #C0A9F0 38.5%, rgba(192, 169, 240, 0) 50.26%), radial-gradient(40.75% 97.37% at 90.75% 40.15%, #FFFDB1 0%, #FEE4BF 34.46%, #F0BDD0 69.5%, rgba(255, 129, 38, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #C2A6F1;
}
.partnerPass__progress--diamond .partnerPass__progressBar__item--current:before {
  opacity: 0.4;
  background: linear-gradient(123.35deg, #EBF3D0 0%, rgba(235, 243, 208, 0) 18.4%), radial-gradient(29.9% 70.94% at 44.25% 86.96%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(33.83% 53.57% at 35.87% 100%, #DC8DDC 0%, rgba(220, 141, 220, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, radial-gradient(42.66% 49.72% at 45.56% 44.65%, #CBADEB 0%, rgba(194, 166, 241, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, linear-gradient(134.59deg, #CDF9E8 20.63%, rgba(205, 249, 232, 0) 47.84%), linear-gradient(216.44deg, rgba(192, 169, 240, 0) -16.52%, #C0A9F0 -1.04%, rgba(192, 169, 240, 0) 16.99%), linear-gradient(128.53deg, rgba(192, 169, 240, 0) 28.63%, #C0A9F0 38.5%, rgba(192, 169, 240, 0) 50.26%), radial-gradient(40.75% 97.37% at 90.75% 40.15%, #FFFDB1 0%, #FEE4BF 34.46%, #F0BDD0 69.5%, rgba(255, 129, 38, 0) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */, #C2A6F1;
}
.partnerPass__progressItem {
  position: relative;
  z-index: 1;
  text-align: center;
  width: 20rem;
  margin: 0 auto;
}
.partnerPass__label {
  padding: 0.5rem 1.5rem;
  display: inline-block;
  border-radius: 2rem;
  background: #4D4D4D;
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
  z-index: 1;
}
.partnerPass__label--warning {
  background: #DD5A5A;
  padding: 0.5rem 1rem;
  font-weight: bold;
}
.partnerPass__label--active {
  background: #59ddcc;
  padding: 0.5rem 1rem;
  font-weight: bold;
}
.partnerPass__progressBar {
  left: 0;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  z-index: 0;
  display: grid;
  grid-template-columns: calc((100% / var(--nb)) / 2) repeat(3, 1fr) calc((100% / var(--nb)) / 2);
  width: 100%;
  grid-gap: 0;
}
.partnerPass__progressBar--warning .partnerPass__progressBar__item--active:before {
  background: #DD5A5A;
}
.partnerPass__progressBar--warning .partnerPass__progressBar__item--current:before {
  opacity: 0.5;
  background: #DD5A5A;
  box-shadow: 0px 0px 5px #DD5A5A;
}
.partnerPass__progressBar__item--active:before {
  content: '';
  width: 100%;
  background: #59ddcc;
  height: 100%;
  display: block;
}
.partnerPass__progressBar__item--current {
  position: relative;
}
.partnerPass__progressBar__item--current:before {
  content: '';
  width: var(--percent);
  max-width: calc(100% * var(--nb));
  background: #59ddcc;
  height: 100%;
  display: block;
  border-radius: 0 2rem 2rem 0;
  box-shadow: 0px 0px 5px #5ADDCC;
}
.premiumSettings {
  background: white;
  /* TODO TEMPORARY */
}
.premiumSettings__header {
  display: flex;
  justify-content: space-between;
  padding: 2rem;
  align-items: center;
  border-bottom: 1px solid #f0f1f4;
}
.premiumSettings__title {
  margin: 0;
  font-size: 2.5rem;
}
.premiumSettings__subtitle {
  margin: 0;
  opacity: 0.5;
}
.premiumSettings .dropdown-toggle {
  font-size: 0;
  padding: 1rem;
  border-radius: 50%;
}
.premiumSettings .dropdown-toggle i {
  font-size: 1.5rem;
  pointer-events: none;
}
.premiumSettings .dropdown-toggle:hover {
  background: hsl(225, 20%, 90%);
}
.premiumSettings .dropdown-toggle.dropdown-toggle--text {
  font-size: 1.5rem;
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  background: hsl(225, 20%, 85%);
  display: flex;
  align-items: baseline;
}
.premiumSettings .dropdown-toggle.dropdown-toggle--text i {
  margin-right: 1rem;
  color: hsl(225, 20%, 60%);
}
.premiumSettings .dropdown-toggle.dropdown-toggle--text:after {
  content: "\f078";
  font-weight: normal;
  font-family: "Font Awesome 5 Pro";
  margin-left: 2rem;
  font-size: 1.2rem;
  color: hsl(225, 20%, 60%);
}
.premiumGTable {
  padding: 2rem;
  display: grid;
  grid-gap: 1rem;
}
.premiumGTable__tr {
  border: 1px solid #F4F4F4;
  border-radius: 1rem;
  padding: 1rem;
  grid-gap: 2rem;
}
.premiumGTable__tr--headings {
  background: #F9FAFC;
}
.premiumGTable__row {
  display: grid;
  width: 100%;
}
.premiumGTable__row--thead {
  padding: 0 1rem;
  grid-gap: 2rem;
}
.premiumGTable__row--thead .premiumGTable__col {
  border: none !important;
}
.premiumGTable__hsplit {
  display: flex;
  justify-content: space-between;
}
.premiumGTable__col {
  margin: 0 !important;
  padding: 1rem !important;
}
.premiumGTable__col--last {
  order: 9999;
}
.premiumGTable__col--gap {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  align-items: flex-start;
}
.premiumGTable__col--right {
  text-align: right;
}
.premiumGTable__col--vsplit {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.premiumGTable__col--end {
  align-items: flex-end;
  text-align: right;
}
.premiumGTable__col--vcenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.premiumGTable__ellipsis {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.premiumGTable__text {
  font-size: 1.5rem;
}
.premiumGTable__text--short {
  white-space: nowrap;
}
.premiumGTable__text__link {
  font-weight: bold;
  color: hsl(351, 90%, 64%);
}
.premiumGTable__text--big {
  font-weight: bold;
  font-size: 1.8rem;
}
.premiumGTable__text--bold {
  font-weight: bold;
}
.premiumGTable__text--empty {
  opacity: 0.2;
}
.premiumGTable__subtitles {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: center;
}
.premiumGTable__subtitle {
  font-size: 1.1rem;
  font-weight: 200;
  color: #76767E;
  align-items: center;
}
.premiumGTable__subtitle--link {
  text-decoration: underline;
}
.premiumGTable__subtitle--link:hover {
  color: black;
}
.premiumGTable__subtitle--bold {
  color: black;
  font-weight: bold;
}
.premiumGTable__subtitle i {
  opacity: 0.5;
}
.premiumGTable__classic {
  color: #FC5E4C;
}
.premiumGTable__boosted {
  color: #5B6CB2;
}
.premiumGTable__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.premiumGTable__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  padding: 2rem;
  opacity: 0.25;
}
.premiumGTable__separator {
  background: #f4f4f4;
  width: 100%;
  height: 1px;
}
@media screen and (min-width: 768px) {
  .premiumGTable__mobile {
    display: contents;
  }
  .premiumGTable__row {
    grid-template-columns: repeat(12, 1fr);
    gap: 2rem;
  }
  .premiumGTable__col--1 {
    grid-column: span 1;
  }
  .premiumGTable__col--2 {
    grid-column: span 2;
  }
  .premiumGTable__col--3 {
    grid-column: span 3;
  }
  .premiumGTable__col--4 {
    grid-column: span 4;
  }
  .premiumGTable__col--5 {
    grid-column: span 5;
  }
  .premiumGTable__col--6 {
    grid-column: span 6;
  }
  .premiumGTable__col--7 {
    grid-column: span 7;
  }
  .premiumGTable__col--8 {
    grid-column: span 8;
  }
  .premiumGTable__col--9 {
    grid-column: span 9;
  }
  .premiumGTable__col--10 {
    grid-column: span 10;
  }
  .premiumGTable__col--11 {
    grid-column: span 11;
  }
  .premiumGTable__col--12 {
    grid-column: span 12;
  }
  .premiumGTable__col:not(:last-child) {
    border-right: 1px solid #F4F4F4;
  }
}
@media screen and (max-width: 768px) {
  .premiumGTable {
    padding: 1rem;
  }
  .premiumGTable__row--xs {
    gap: 2rem;
    grid-template-columns: repeat(12, 1fr);
  }
  .premiumGTable__row--thead {
    display: none;
  }
  .premiumGTable__tr {
    grid-gap: 1rem;
  }
  .premiumGTable__col {
    padding: 0 !important;
  }
  .premiumGTable__col--xs-1 {
    grid-column: span 1;
  }
  .premiumGTable__col--xs-2 {
    grid-column: span 2;
  }
  .premiumGTable__col--xs-3 {
    grid-column: span 3;
  }
  .premiumGTable__col--xs-4 {
    grid-column: span 4;
  }
  .premiumGTable__col--xs-5 {
    grid-column: span 5;
  }
  .premiumGTable__col--xs-6 {
    grid-column: span 6;
  }
  .premiumGTable__col--xs-7 {
    grid-column: span 7;
  }
  .premiumGTable__col--xs-8 {
    grid-column: span 8;
  }
  .premiumGTable__col--xs-9 {
    grid-column: span 9;
  }
  .premiumGTable__col--xs-10 {
    grid-column: span 10;
  }
  .premiumGTable__col--xs-11 {
    grid-column: span 11;
  }
  .premiumGTable__col--xs-12 {
    grid-column: span 12;
  }
  .premiumGTable__col[class*="col--xs"]:not(:last-child) {
    border-right: 1px solid #F4F4F4;
  }
  .premiumGTable__col--m-text-center {
    align-items: center;
    text-align: center;
  }
}
.label {
  padding: 5px 10px;
  border-radius: 0.5rem;
  background: #f1f1f1;
  border: 1px solid #dedede;
  font-weight: bold;
  font-size: 1.2rem;
}
.label--best {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
}
.label--green {
  border-color: hsl(136, 29%, 85%);
  background: #EEF6F0;
  color: #4E985B;
}
.label--boosted {
  color: #5B6CB2;
  background: #EEEFF7;
  border: 1px solid #BAC1DE;
}
.label--blue {
  color: #1B49CA;
  background: #E9EEFC;
  border: 1px solid #A5BAF3;
}
.label--orange {
  background: #FCF2E9;
  border: 1px solid #F9E4D2;
  color: #CA6E1C;
}
.label--red {
  background: #FBEAEA;
  border: 1px solid #F7D4D4;
  color: #DA4141;
}
.label--yellow {
  color: #8A6328;
  background: #FEFDE7;
  border: 1px solid #F3F2D8;
}
/* Research */
.research-content-wrapper {
  background: white;
  overflow: hidden;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  border-radius: 1.5rem;
}
.research-content-wrapper .research-title {
  padding: 2rem;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  background: hsl(225, 20%, 95%);
}
.research-content-wrapper .research-title h1,
.research-content-wrapper .research-title h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.research-content-wrapper .research-title .subtitle {
  letter-spacing: 1px;
  margin: 0;
  padding-left: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.research-content-wrapper .research-title .subtitle.subtitle-full {
  width: 100%;
  padding-left: 0;
}
.research-content-wrapper .research-title .subtitle a {
  color: hsl(351, 90%, 64%);
}
.members-list .user-item {
  padding: 1rem 2rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.members-list .user-item .user-account {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.members-list .user-item .user-account .user-avatar img {
  width: 5rem;
}
.members-list .user-item .user-account .user-informations {
  padding-left: 1rem;
  padding-top: 1rem;
  flex: 1;
}
.members-list .user-item .user-account .user-informations .user-header {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 778px) {
  .members-list .user-item .user-account .user-informations .user-header {
    flex-wrap: wrap;
  }
  .members-list .user-item .user-account .user-informations .user-header .follow-links {
    margin-top: 1rem;
  }
  .members-list .user-item .user-account .user-informations .user-header .username-wrapper {
    width: 100%;
  }
}
.members-list .user-item .user-account .user-informations .user-header .activity {
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  line-height: 1;
  display: block;
  margin-top: 0.25rem;
}
.members-list .user-item .user-account .user-informations .user-header .follow-links button {
  color: hsl(40, 95%, 57%);
  border: 1px solid hsl(40, 95%, 57%);
  font-size: 1.5rem;
  padding: 0.5rem 2rem;
  border-radius: 20rem;
  z-index: 2;
}
.members-list .user-item .user-account .user-informations .user-header .follow-links button:hover {
  background: hsl(40, 95%, 90%);
}
.members-list .user-item .user-account .user-informations .user-header .follow-links button.unfollow {
  color: white;
  background: hsl(350, 83%, 55%);
  border: 1px solid hsl(350, 83%, 55%);
}
.members-list .user-item .user-account .user-informations .user-header .follow-links button.unfollow:hover {
  background: hsl(350, 83%, 55%);
}
.members-list .user-item .user-account .user-informations .user-description {
  margin-top: 1rem;
  line-height: 1.3;
  font-size: 1.3rem;
}
/* Gifts */
.selected-gift,
.products-list,
.wishlist-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem;
}
.selected-gift .wishlist-item-wrapper,
.products-list .wishlist-item-wrapper,
.wishlist-items .wishlist-item-wrapper,
.selected-gift li,
.products-list li,
.wishlist-items li {
  width: calc(100% / 3);
  display: flex;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 980px) {
  .selected-gift .wishlist-item-wrapper,
  .products-list .wishlist-item-wrapper,
  .wishlist-items .wishlist-item-wrapper,
  .selected-gift li,
  .products-list li,
  .wishlist-items li {
    width: 50%;
  }
}
@media screen and (max-width: 920px) {
  .selected-gift .wishlist-item-wrapper,
  .products-list .wishlist-item-wrapper,
  .wishlist-items .wishlist-item-wrapper,
  .selected-gift li,
  .products-list li,
  .wishlist-items li {
    width: calc(100% / 3);
  }
}
@media screen and (max-width: 768px) {
  .selected-gift .wishlist-item-wrapper,
  .products-list .wishlist-item-wrapper,
  .wishlist-items .wishlist-item-wrapper,
  .selected-gift li,
  .products-list li,
  .wishlist-items li {
    width: 50%;
  }
}
.gift-list-wrapper .open-filter {
  display: none;
}
.gift-list-wrapper .gift-steps .loading-gift {
  text-align: center;
  padding: 2rem;
  color: hsl(225, 20%, 60%);
}
.gift-list-wrapper .step-2 .gift-alert {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  background: hsl(40, 95%, 57%);
  color: hsl(40, 95%, 20%);
  padding: 2rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.3;
}
.gift-list-wrapper .step-2 .gift-info {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  background: hsl(216, 73%, 51%);
  color: hsl(0, 0%, 100%);
  padding: 2rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.3;
}
.gift-list-wrapper .step-2 .alert.alert-danger {
  margin: 1rem 2rem 0 2rem;
  border-radius: 1.5rem;
  background: hsl(350, 83%, 55%);
  color: white;
  padding: 2rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.3;
}
.gift-list-wrapper .step-2 .form-group {
  padding: 2rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  display: flex;
  align-items: flex-start;
}
.gift-list-wrapper .step-2 .form-group.has-error .form-control textarea {
  border: 1px solid hsl(350, 83%, 55%);
  box-shadow: 0 0 0 3px hsla(350, 83%, 55%, 0.2);
}
.gift-list-wrapper .step-2 .form-group.has-error .form-error .help-block.error {
  color: hsl(350, 83%, 55%);
  font-size: 1.2rem;
  line-height: 1.2;
  width: 100%;
  display: block;
  border-radius: 0.5rem;
}
.gift-list-wrapper .step-2 .form-group.has-error > label {
  color: hsl(350, 83%, 55%) !important;
}
.gift-list-wrapper .step-2 .form-group .selected-gift {
  flex: 0 0 30%;
  padding: 0;
  padding-right: 2rem;
  align-self: flex-start;
}
.gift-list-wrapper .step-2 .form-group .selected-gift .wishlist-item:hover {
  transform: scale(1);
}
.gift-list-wrapper .step-2 .form-group > label {
  width: 100%;
  display: block;
  flex: 0 0 30%;
  color: hsl(225, 20%, 60%);
}
.gift-list-wrapper .step-2 .form-group .form-control {
  flex: 1;
}
.gift-list-wrapper .step-2 .form-group .form-control label {
  width: 100%;
  display: block;
  color: hsl(225, 20%, 10%);
  font-weight: 700;
  margin-bottom: 1rem;
}
.gift-list-wrapper .step-2 .form-group .form-control .description {
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.gift-list-wrapper .step-2 .form-group .form-control textarea {
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 2rem;
  outline: none;
  min-width: 100%;
  max-width: 100%;
  width: 100% !important;
  border: none;
  min-height: 10rem !important;
}
.gift-list-wrapper .step-2 .form-check {
  display: flex;
  width: 100%;
}
.gift-list-wrapper .step-2 .form-check > label {
  width: 100%;
  display: flex;
  padding: 0 0.5rem;
}
.gift-list-wrapper .step-2 .form-check > label input {
  display: none;
}
.gift-list-wrapper .step-2 .form-check > label input + span {
  display: flex;
  text-align: center;
  border-radius: 1.5rem;
  border: 1px solid hsl(225, 20%, 90%);
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 1rem;
  line-height: 1.1;
  cursor: pointer;
}
.gift-list-wrapper .step-2 .form-check > label input + span strong {
  margin-left: 0.5rem;
}
.gift-list-wrapper .step-2 .form-check > label input:checked + span {
  border: 1px solid hsl(351, 90%, 64%);
  color: hsl(351, 90%, 64%);
}
.gift-list-wrapper .step-2 .footer-form {
  padding: 2rem;
  background: hsl(225, 20%, 95%);
  align-items: center;
  justify-content: flex-end;
  display: flex;
}
.gift-list-wrapper .step-2 .footer-form button {
  background: transparent;
  font-size: 1.4rem;
  font-weight: 500;
}
.gift-list-wrapper .step-2 .footer-form button.validate {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
}
.gift-list-wrapper .step-2 .footer-form button.return {
  padding: 1rem 2rem;
  color: hsl(225, 20%, 75%);
}
.gift-list-wrapper,
.gift-detail-wrapper {
  background: white;
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05), 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1.5rem;
  margin-bottom: 2rem;
}
.gift-list-wrapper .gift-header,
.gift-detail-wrapper .gift-header {
  padding: 2rem 2rem 1rem 2rem;
  background: hsl(225, 20%, 95%);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.gift-list-wrapper .gift-header h1,
.gift-detail-wrapper .gift-header h1,
.gift-list-wrapper .gift-header h2,
.gift-detail-wrapper .gift-header h2 {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 1px;
  margin: 0;
}
.gift-list-wrapper .gift-header h1 a,
.gift-detail-wrapper .gift-header h1 a,
.gift-list-wrapper .gift-header h2 a,
.gift-detail-wrapper .gift-header h2 a {
  color: hsl(351, 90%, 64%);
}
.gift-list-wrapper .gift-header .subtitle,
.gift-detail-wrapper .gift-header .subtitle {
  letter-spacing: 1px;
  margin: 0;
  padding-left: 0.5rem;
  color: hsl(225, 20%, 75%);
}
.gift-list-wrapper .footer-form,
.gift-detail-wrapper .footer-form {
  display: flex;
  padding: 2rem;
  background: hsl(225, 20%, 95%);
  align-items: center;
  justify-content: flex-end;
}
.gift-list-wrapper .footer-form button,
.gift-detail-wrapper .footer-form button,
.gift-list-wrapper .footer-form a,
.gift-detail-wrapper .footer-form a {
  background: transparent;
  font-size: 1.4rem;
  font-weight: 500;
}
.gift-list-wrapper .footer-form button.submit-profile,
.gift-detail-wrapper .footer-form button.submit-profile,
.gift-list-wrapper .footer-form a.submit-profile,
.gift-detail-wrapper .footer-form a.submit-profile {
  color: white;
  background: hsl(216, 73%, 51%);
  border-radius: 3rem;
  padding: 1rem 3rem;
}
.gift-list-wrapper .footer-form button.reset-profil,
.gift-detail-wrapper .footer-form button.reset-profil,
.gift-list-wrapper .footer-form a.reset-profil,
.gift-detail-wrapper .footer-form a.reset-profil {
  padding: 1rem 2rem;
  color: hsl(225, 20%, 75%);
}
@media screen and (max-width: 920px) {
  .gift-view .right-sidebar {
    padding-left: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .gift-view .gift-list-wrapper .gift-header {
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  .gift-view .gift-list-wrapper .open-filter {
    display: block;
  }
  .gift-view .gift-list-wrapper .open-filter:before {
    content: "\f3f1";
    display: block;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-size: 2rem;
  }
  .gift-view .right-sidebar {
    position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100%;
    background: white;
    padding: 2rem;
    display: none;
    overflow: auto;
  }
  .gift-view .right-sidebar h3 {
    border-bottom: 1px solid hsl(225, 20%, 95%);
    margin: 0;
    padding-bottom: 1rem;
  }
  .gift-view .right-sidebar .close-filter {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    color: hsl(351, 90%, 64%);
  }
  .gift-view .right-sidebar .close-filter:before {
    content: "\f00d";
    display: block;
    padding: 2rem;
    font-family: "Font Awesome 5 Pro", sans-serif;
    font-size: 2rem;
  }
}
@media screen and (max-width: 590px) {
  .gift-list-wrapper .step-2 .form-group {
    flex-wrap: wrap;
  }
  .gift-list-wrapper .step-2 .form-group .selected-gift {
    flex: auto;
    width: 100%;
    padding-right: 0;
    align-items: center;
    padding-bottom: 2rem;
  }
  .gift-list-wrapper .step-2 .form-group .selected-gift .wishlist-item {
    display: flex;
    align-items: center;
  }
  .gift-list-wrapper .step-2 .form-group .selected-gift .wishlist-item .img-wrapper {
    width: 10rem;
    padding-bottom: 10rem;
  }
  .gift-list-wrapper .step-2 .form-group .selected-gift .wishlist-item p {
    flex: 1;
  }
  .gift-list-wrapper .step-2 .form-group > label {
    flex: auto;
    padding-bottom: 1rem;
  }
  .gift-list-wrapper .step-2 .form-check {
    flex-wrap: wrap;
  }
  .gift-list-wrapper .step-2 .form-check label {
    padding-bottom: 1rem;
  }
}
.selected-gift,
.products-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1rem;
}
.selected-gift .wishlist-item,
.products-list .wishlist-item {
  border-radius: 1.5rem;
  width: 100%;
  overflow: hidden;
  background: hsl(225, 20%, 95%);
  cursor: pointer;
  transition: all ease 250ms;
  position: relative;
}
.selected-gift .wishlist-item .img-wrapper,
.products-list .wishlist-item .img-wrapper {
  width: 100%;
  padding-bottom: 80%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.selected-gift .wishlist-item p,
.products-list .wishlist-item p {
  margin: 0;
  padding: 1.5rem 1rem;
  text-align: center;
  position: relative;
}
.selected-gift .wishlist-item p > span:first-child,
.products-list .wishlist-item p > span:first-child {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 1.4rem;
}
.selected-gift .wishlist-item p > span:last-child,
.products-list .wishlist-item p > span:last-child {
  display: block;
  font-size: 1.2rem;
  color: hsl(225, 20%, 60%);
  line-height: 1;
}
.selected-gift .wishlist-item .delete-btn,
.products-list .wishlist-item .delete-btn {
  opacity: 0;
  position: absolute;
  top: 1rem;
  right: 1rem;
  outline: none;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 0;
  background: #ffffff;
  border-radius: 50%;
  padding: 0.5rem 0.75rem;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.selected-gift .wishlist-item .delete-btn:before,
.products-list .wishlist-item .delete-btn:before {
  content: "\f1f8";
  font-size: 1.2rem;
  display: block;
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  color: rgba(48, 29, 32, 0.5);
}
.selected-gift .wishlist-item:hover,
.products-list .wishlist-item:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.selected-gift .wishlist-item:hover .delete-btn,
.products-list .wishlist-item:hover .delete-btn {
  opacity: 1;
}
.selected-gift .selected .wishlist-item p:before,
.products-list .selected .wishlist-item p:before,
.selected-gift .in-wishlist .wishlist-item p:before,
.products-list .in-wishlist .wishlist-item p:before {
  position: absolute;
  top: 0;
  right: 1rem;
  content: "\f06b";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  transform: translateY(-50%);
  background: hsl(351, 90%, 64%);
  padding: 1rem;
  border-radius: 50%;
  z-index: 1;
  color: white;
  box-shadow: 0 0 10px 0 hsl(0, 0%, 80%);
}
.right-sidebar .selected-gift .wishlist-item {
  background: white;
}
.gift-detail {
  display: flex;
  overflow: hidden;
}
.gift-detail .wishlist-item {
  flex: 0 0 20rem;
  border-radius: 0;
  overflow: hidden;
}
.gift-detail .wishlist-item .img-wrapper {
  padding-bottom: 90%;
  background-size: cover;
  background-position: center;
}
.gift-detail .wishlist-item:hover {
  transform: scale(1);
}
.gift-detail .gift-infos {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.gift-detail .gift-infos p {
  margin: 0;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  border-left: 1px solid hsl(225, 20%, 95%);
  padding: 0.5rem 1rem;
  height: 100%;
  display: flex;
  align-items: center;
}
.gift-detail .gift-infos p:last-child {
  border-bottom: 0;
}
.gift-detail .gift-infos p strong,
.gift-detail .gift-infos p small {
  margin-right: 0.5rem;
}
.gift-detail .gift-infos p .username {
  margin-bottom: 0.2rem;
}
.gift-detail .gift-infos p .gift-status.valid {
  color: hsl(138, 62%, 51%);
}
.gift-detail .gift-infos p .gift-status.pending {
  color: hsl(40, 95%, 57%);
}
.gift-detail .gift-infos p .gift-status.invalid {
  color: hsl(350, 83%, 55%);
}
@media screen and (max-width: 768px) {
  .gift-detail {
    flex-wrap: wrap;
  }
  .gift-detail .wishlist-item {
    flex: 0 0 100%;
  }
  .gift-detail .gift-infos p {
    padding: 1rem;
    border-left: 0;
  }
}
.admin-message .text-wrapper,
.gift-message .text-wrapper {
  text-align: center;
  margin: 0;
  font-size: 1.8rem;
  font-style: italic;
  display: flex;
  justify-content: center;
}
.admin-message .text-wrapper p,
.gift-message .text-wrapper p {
  margin: 0;
}
.admin-message .text-wrapper:before,
.gift-message .text-wrapper:before,
.admin-message .text-wrapper:after,
.gift-message .text-wrapper:after {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.3rem;
  opacity: 0.2;
  font-weight: bold;
  margin: 0 0.5rem;
}
.admin-message .text-wrapper:before,
.gift-message .text-wrapper:before {
  content: "\f10d";
}
.admin-message .text-wrapper:after,
.gift-message .text-wrapper:after {
  content: "\f10e";
}
.admin-message {
  padding: 2rem;
  background: hsl(40, 95%, 57%);
  border-radius: 1rem;
  margin-bottom: 2rem;
  font-weight: 300;
  color: white;
  text-align: center;
}
.admin-message h2 {
  margin: 0;
  text-transform: initial;
  padding-bottom: 0;
  font-size: 1.5rem;
  letter-spacing: 0;
}
.admin-message a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.admin-message a:hover {
  text-decoration: underline;
}
.admin-message > p {
  margin: 0;
}
.gift-message {
  background: hsl(225, 20%, 95%);
  padding: 2rem;
  border-radius: 0 0 1rem 1rem;
  text-align: center;
  font-weight: 300;
}
.gift-message > span {
  color: hsl(351, 90%, 64%);
}
.points-wrapper {
  margin-top: 2rem;
  box-shadow: none;
  background: transparent;
  overflow: initial;
}
.points-wrapper h2 {
  margin: 0;
  background: white;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  padding: 2rem;
  border-radius: 1rem;
  text-align: center;
}
.points-wrapper h2:before {
  content: "\f79c";
  font-family: "Font Awesome 5 Pro";
  display: block;
  font-size: 6rem;
  opacity: 0.2;
  margin-bottom: 1rem;
  color: hsl(351, 90%, 64%);
}
.points-wrapper h2 span {
  display: block;
  font-weight: 300;
  text-transform: initial;
  line-height: 1.5rem;
  font-size: 1.5rem;
}
.points-wrapper p {
  text-align: center;
  color: hsl(351, 90%, 64%);
  font-weight: 300;
}
/* Appointments */
.create-premium,
.edit-shows {
  display: block;
  text-align: center;
  background: hsl(351, 90%, 64%);
  color: white;
  padding: 1rem;
  border-radius: 3rem;
}
.create-premium i,
.edit-shows i {
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .create-premium,
  .edit-shows {
    margin-right: 3rem;
    margin-bottom: 1rem;
  }
}
.appointments-content-wrapper .edit-shows {
  display: none;
  margin: 0 1rem 2rem 1rem;
}
.appointments-content-wrapper .appointments-user-list {
  display: flex;
  flex-wrap: wrap;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper {
  width: calc(100% / 3);
  padding: 0 0.5rem;
  margin-bottom: 1rem;
  display: flex;
}
@media screen and (max-width: 1300px) {
  .appointments-content-wrapper .appointments-user-list .appointments-user-wrapper {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .appointments-content-wrapper .appointments-user-list .appointments-user-wrapper {
    width: 100%;
  }
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user {
  background: white;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account {
  margin: 0 1.5rem;
  padding: 1.5rem 0;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid hsl(225, 20%, 90%);
  display: flex;
  align-items: center;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .user-avatar img {
  width: 5rem;
  border-radius: 50%;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .user-avatar.online {
  position: relative;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .user-avatar.online:before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  border: 3px solid white;
  border-radius: 50%;
  background: hsl(138, 62%, 51%);
  display: block;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper {
  padding-left: 1rem;
  padding-top: 0.25rem;
  overflow: hidden;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .username {
  width: 100%;
  font-size: 1.5rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .username .user-type {
  font-size: 1rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .subscriber {
  display: block;
  font-size: 1.2rem;
  color: hsl(225, 20%, 60%);
}
@media screen and (max-width: 768px) {
  .appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .subscriber {
    width: 100%;
  }
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation {
  display: flex;
  width: 100%;
  padding-top: 0.25rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation span {
  padding: 0 0.25rem;
  line-height: 1;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation span:before {
  content: "\f06d";
  font-family: "Font Awesome 5 Pro";
  font-weight: bolder;
  color: hsl(225, 20%, 75%);
  font-size: 1.5rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation.five span:nth-child(-n+5):before,
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation.four span:nth-child(-n+4):before,
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation.three span:nth-child(-n+3):before,
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation.two span:nth-child(-n+2):before,
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .user-account .username-wrapper .notation.one span:nth-child(-n+1):before {
  color: hsl(351, 90%, 64%);
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail {
  margin: 0;
  padding: 0 1.5rem;
  margin-bottom: 1rem;
  list-style: none;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li {
  display: flex;
  color: hsl(225, 20%, 60%);
  align-items: center;
  margin-bottom: 1rem;
  font-size: 1.3rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .label {
  padding-right: 1rem;
  white-space: nowrap;
  font-size: 0;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .label:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 1rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .label.time:before {
  content: "\f017";
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .label.time ~ .links {
  color: hsl(225, 20%, 10%);
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .label.tags:before {
  content: "\f02c";
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .links {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
  line-height: 1.7rem;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-detail li .links a {
  text-decoration: none;
  color: hsl(351, 90%, 64%);
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-button {
  background: hsl(225, 20%, 10%);
  color: white;
  text-transform: uppercase;
  border: none;
  padding: 1rem;
  margin: 0;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}
.appointments-content-wrapper .appointments-user-list .appointments-user-wrapper .appointments-user .appointment-button .subtitle {
  font-size: 1rem;
  display: block;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1rem;
}
.filters-appointments .notation-wrapper {
  padding: 0 0 2rem 0;
}
.filters-appointments .notation-wrapper li .input-range {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider {
  width: calc(100% - 20%);
  order: 10;
  margin: 0;
  border: none;
  background-color: hsl(225, 20%, 95%);
  margin-top: 1rem;
  border-radius: 2rem;
  height: 1rem;
  position: relative;
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider .ui-slider-range {
  background-color: hsl(216, 73%, 51%);
  border-radius: 2rem;
  transition: all ease 250ms;
  cursor: pointer;
  height: 1rem;
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
  border: none;
  width: 2rem;
  height: 2rem;
  border-radius: 20rem;
  transform: translateY(-50%);
  top: 50%;
  margin-left: -0.65rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  outline: none;
  transition: all ease 250ms;
  cursor: pointer;
  position: absolute;
  padding: 0;
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="1"] .ui-slider-range,
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="1"] .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="2"] .ui-slider-range,
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="2"] .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="3"] .ui-slider-range,
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="3"] .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="4"] .ui-slider-range,
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="4"] .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
}
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="5"] .ui-slider-range,
.filters-appointments .notation-wrapper li .input-range .notation-range-slider[data-value="5"] .ui-slider-handle {
  background-color: hsl(216, 73%, 51%);
}
.filters-appointments .notation-wrapper li .input-range .labels {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.filters-appointments .notation-wrapper li .input-range .labels .fas {
  width: calc(100% / 5);
  text-align: center;
  cursor: pointer;
  color: hsl(225, 20%, 95%);
  transition: all ease 250ms;
}
.filters-appointments .notation-wrapper li .input-range .labels .fas:before {
  font-size: 3rem;
}
.filters-appointments .notation-wrapper li .input-range .labels[data-value="1"] .fas:nth-child(-n + 1) {
  color: hsl(216, 73%, 51%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-appointments .notation-wrapper li .input-range .labels[data-value="2"] .fas:nth-child(-n + 2) {
  color: hsl(216, 73%, 51%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-appointments .notation-wrapper li .input-range .labels[data-value="3"] .fas:nth-child(-n + 3) {
  color: hsl(216, 73%, 51%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-appointments .notation-wrapper li .input-range .labels[data-value="4"] .fas:nth-child(-n + 4) {
  color: hsl(216, 73%, 51%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-appointments .notation-wrapper li .input-range .labels[data-value="5"] .fas:nth-child(-n + 5) {
  color: hsl(216, 73%, 51%);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.filters-appointments .slider-range-wrapper {
  padding: 1rem 2rem 2rem 2rem;
}
.filters-appointments .slider-range-wrapper .slider-range {
  position: relative;
  padding: 0.5rem;
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content {
  background: hsl(225, 20%, 95%);
  border-radius: 2rem;
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
  border: 0;
  top: 0;
  height: 100%;
  background: hsl(351, 90%, 64%);
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default {
  outline: none;
  background: hsl(351, 90%, 64%);
  font-weight: normal;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 2rem;
  height: 2rem;
  cursor: default;
  touch-action: none;
  padding: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 10%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 10%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 9%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 8%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 7%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 6%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 5%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 4%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 3%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 2%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 1%;"] .price-range-min,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 0%;"] .price-range-min {
  left: 0;
  transform: translateX(0);
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 88%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 89%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 90%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 91%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 92%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 93%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 94%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 95%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 96%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 97%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 98%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 99%;"] .price-range-max,
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default[style="left: 100%;"] .price-range-max {
  left: 100%;
  transform: translateX(-100%);
}
.filters-appointments .slider-range-wrapper .slider-range.ui-widget-content .ui-state-default:hover .value {
  visibility: visible;
  opacity: 1 !important;
}
.filters-appointments .slider-range-wrapper .slider-range .value {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  margin-top: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  transition: all ease 250ms;
  text-align: center;
  background: hsl(351, 90%, 64%);
  display: flex;
  align-items: baseline;
  padding: 0.5rem 1rem 0.5rem 1rem;
  color: white;
  border-radius: 1rem;
  white-space: nowrap;
}
.filters-appointments .slider-range-wrapper .slider-range .value i {
  margin-left: 0.5rem;
}
.filters-appointments .slider-range-wrapper .slider-range .price-range-both {
  display: none;
  margin-top: 1rem !important;
}
@media screen and (max-width: 920px) {
  .appointments-content-wrapper .edit-shows {
    display: block;
  }
  .right-sidebar .edit-shows {
    display: none;
  }
}
.appointment-popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.appointment-popup-wrapper button.close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  padding: 2rem;
  background: transparent;
  border: none;
  z-index: 1;
  font-size: 0;
  outline: none;
  color: white;
}
.appointment-popup-wrapper button.close:before {
  content: "\f00d";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  font-size: 3.5rem;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper button.close {
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.5rem;
    border: 1px solid hsla(0, 0%, 100%, 0.2);
    background: hsl(225, 20%, 10%);
  }
  .appointment-popup-wrapper button.close:before {
    font-size: 1.5rem;
  }
}
.appointment-popup-wrapper .backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(45, 49, 82, 0.8);
}
.appointment-popup-wrapper .appointment-popup {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90rem;
  background: white;
  border-radius: 1rem;
  z-index: 1;
  display: flex;
  overflow: hidden;
  transform: translate(-50%, -50%);
  min-height: 50rem;
  max-height: 65rem;
}
@media screen and (max-height: 65rem) {
  .appointment-popup-wrapper .appointment-popup {
    max-height: 100%;
  }
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup {
    flex-direction: column;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 0;
    overflow: hidden;
    height: 100%;
    min-height: auto;
    transform: translate(0);
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper {
  background: hsl(225, 20%, 10%);
  flex: 0 0 25rem;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper {
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    padding: 2rem;
    align-items: center;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper.offline .online {
  display: none !important;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar {
  position: relative;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar:before {
  display: none;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar img {
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar {
    padding: 0;
    flex: 0 0 25%;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar img {
    width: 100%;
    border-radius: 50%;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar .online {
  position: absolute;
  bottom: 0;
  right: 0.5rem;
  transform: translateY(50%);
  background: hsl(225, 20%, 10%);
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar .online {
    right: 50%;
    transform: translate(50%, 50%);
    width: 100%;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .user-avatar .online:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: hsl(138, 62%, 51%);
  display: block;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user {
  padding: 2rem 2rem 0 2rem;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user {
    width: 65%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 0 0 1rem;
    flex-direction: column;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .username {
  color: white;
  font-size: 1.8rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .subscriber {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.3rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation {
  display: flex;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation span {
  padding: 0.25rem !important;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation span:before {
  content: "\f06d";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5);
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation.five span:nth-child(-n + 5):before,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation.four span:nth-child(-n + 4):before,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation.three span:nth-child(-n + 3):before,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation.two span:nth-child(-n + 2):before,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-user .notation.one span:nth-child(-n + 1):before {
  color: hsl(351, 90%, 64%);
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags h2,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices h2 {
  font-size: 1.5rem;
  color: white;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 0;
  padding: 1rem 0;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags h2 i,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices h2 i {
  opacity: 0.5;
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags {
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags {
    padding: 0;
    margin-top: 2rem;
    width: 100%;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags ul li {
  color: hsl(351, 90%, 64%);
  margin-right: 0.25rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags ul li a,
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-tags ul li span {
  color: hsl(351, 90%, 64%);
  text-decoration: none;
  font-weight: 700;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices {
  padding: 2rem 2rem 0 2rem;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices {
    width: 100%;
    padding: 0;
    margin-top: 2rem;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices ul {
  list-style: none;
  padding: 0;
  color: white;
  margin: 0;
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices ul li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  color: rgba(255, 255, 255, 0.5);
}
.appointment-popup-wrapper .appointment-popup .appointment-user-wrapper .appointment-prices ul li span {
  font-weight: 700;
  color: hsl(351, 90%, 64%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar {
  width: 100%;
  padding: 0 2rem;
  display: flex;
  flex-direction: column;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week {
  display: flex;
  justify-content: space-between;
  padding: 1.5rem 0;
  border-bottom: 1px solid hsl(225, 20%, 90%);
  align-items: center;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week > span {
  font-size: 2rem;
  font-weight: 700;
  color: hsl(225, 20%, 10%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week > span i {
  color: hsl(351, 90%, 64%);
  margin-right: 0.5rem;
  opacity: 0.5;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week .calendar-nav button {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 0;
  cursor: pointer;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week .calendar-nav button:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 2rem;
  padding: 0 1.5rem;
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week .calendar-nav button.prev:before {
  content: "\f053";
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week .calendar-nav button.next:before {
  content: "\f054";
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week {
    flex-wrap: wrap;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week .calendar-nav button:before {
    padding: 0 1rem;
    font-size: 1.2rem;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .current-week > span {
    font-size: 1.5rem;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper {
  padding: 1rem 0;
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper form > .calendar-filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .alert.alert-danger,
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .help-block.error {
  width: 100%;
  text-align: center;
  padding: 1rem;
  margin-bottom: 1rem;
  background: hsl(350, 83%, 55%);
  color: white;
  border-radius: 1.5rem;
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration {
  display: flex;
  align-items: center;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration label {
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  padding: 1rem 2rem 1rem 0;
  border-right: 1px solid hsl(225, 20%, 90%);
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration label i {
  color: hsl(351, 90%, 64%);
  opacity: 0.5;
  margin-right: 0.5rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration .select-wrapper {
  position: relative;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration .select-wrapper:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 1.2rem;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .appointment-duration .select-wrapper select {
  background-color: transparent;
  color: hsl(225, 20%, 10%);
  padding: 1rem 3rem 1rem 2rem;
  border: none;
  font-size: 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  font-weight: 500;
  outline: none;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter-wrapper .back-to-current {
  border: none;
  background-color: hsl(225, 20%, 10%);
  color: white;
  padding: 1rem 2rem;
  border-radius: 1rem;
  font-size: 1.5rem;
  display: block;
  cursor: pointer;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week {
  border-bottom: 1px solid hsl(225, 20%, 90%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul {
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  margin: 0;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li {
  width: 100%;
  padding: 1.5rem 0;
  text-align: center;
  color: hsl(225, 20%, 60%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li > .date {
  display: block;
  font-weight: 700;
  line-height: 1;
  font-size: 2.5rem;
  color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li > .date {
    font-size: 1.8rem;
  }
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li > .day {
  line-height: 1;
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li.today {
  background: hsl(225, 20%, 98%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-week ul li.today > .date {
  color: hsl(351, 90%, 64%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours {
  margin: 0 -2rem;
  padding: 0 2rem;
  height: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  width: calc(100% + 4rem);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul {
  display: flex;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li {
  width: 100%;
  text-align: center;
  padding: 0 0.5rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li.today {
  background: hsl(225, 20%, 98%);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 4rem;
  color: hsl(225, 20%, 60%);
  cursor: pointer;
  padding: 1rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li.empty-hour:hover {
  background: none;
  box-shadow: none;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li.empty-hour:before {
  content: "";
  width: 1.5rem;
  margin: 0 auto;
  height: 0.5rem;
  background: hsl(225, 20%, 90%);
  display: block;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li:hover,
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li.active {
  background: hsl(351, 90%, 64%);
  border-radius: 1rem;
  color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-buttons {
  display: flex;
  border-top: 1px solid hsl(225, 20%, 90%);
  margin: 0 -2rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-buttons button {
  cursor: pointer;
  outline: none;
  background: transparent;
  width: 100%;
  border: none;
  font-size: 1.5rem;
  font-weight: 300;
  padding: 2rem;
}
.appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-buttons button.validation {
  background: hsl(351, 90%, 64%);
  color: white;
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-buttons {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .appointment-popup-wrapper .appointment-popup .appointment-calendar {
    overflow: auto;
    height: 100%;
    padding: 0 1rem;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter .back-to-current {
    display: none;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-filter .appointment-duration {
    width: 100%;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper {
    overflow: initial;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: inherit;
    padding-bottom: 7rem;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li {
    padding: 0;
  }
  .appointment-popup-wrapper .appointment-popup .appointment-calendar .calendar-wrapper .calendar-hours > ul > li > ul > li {
    padding: 1rem 0;
    font-size: 1.3rem;
  }
}
.appointment-modal-wrapper {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 6;
  top: 0;
  left: 0;
}
.appointment-modal-wrapper .modal {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 1rem;
  padding: 0;
  width: 100%;
  max-width: 35rem;
  overflow: hidden;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
.appointment-modal-wrapper .modal h2 {
  font-size: 1.8rem;
  color: hsl(225, 20%, 10%);
  margin: 0;
  padding: 2rem 2rem 0 2rem;
  text-align: center;
}
.appointment-modal-wrapper .modal p {
  padding: 0 2rem 2rem 2rem;
  margin: 0;
  color: hsl(225, 20%, 60%);
  text-align: center;
}
.appointment-modal-wrapper .modal.appointment-leave .actions {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid hsl(225, 20%, 90%);
}
.appointment-modal-wrapper .modal.appointment-leave .actions button {
  cursor: pointer;
  outline: none;
  border: none;
  font-weight: 500;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  background: transparent;
  color: hsl(216, 73%, 51%);
  width: 100%;
}
.appointment-modal-wrapper .modal.appointment-leave .actions button:first-child {
  border-right: 1px solid hsl(225, 20%, 90%);
}
.appointment-modal-wrapper .modal.appointment-leave .actions button:hover {
  background: hsl(225, 20%, 90%);
}
.appointment-modal-wrapper .modal.appointment-support p {
  padding-bottom: 1rem;
}
.appointment-modal-wrapper .modal.appointment-support ul {
  list-style: none;
  padding: 0 0 1rem 0;
  margin: 0;
}
.appointment-modal-wrapper .modal.appointment-support ul li {
  padding: 0.5rem 1rem;
}
.appointment-modal-wrapper .modal.appointment-support ul li button {
  width: 100%;
  background: transparent;
  padding: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  color: hsl(225, 20%, 10%);
  border: 1px solid hsl(225, 20%, 90%);
  border-radius: 0.5rem;
  text-align: center;
  outline: none;
  cursor: pointer;
}
.appointment-modal-wrapper .modal.appointment-support ul li button:hover {
  color: hsl(351, 90%, 64%);
  border: 1px solid hsl(351, 90%, 64%);
}
.appointment-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.appointment-live {
  display: flex;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 980px) {
  .appointment-live {
    flex-wrap: wrap;
    flex-direction: column;
  }
}
.appointment-live .player-wrapper {
  background: black;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 980px) and (orientation: portrait) {
  .appointment-live .player-wrapper {
    flex: 0 0 70%;
  }
}
@media screen and (max-width: 980px) and (orientation: landscape) {
  .appointment-live .player-wrapper {
    flex: 0 0 100%;
  }
}
.appointment-live .player-wrapper .live-title {
  width: 100%;
  position: absolute;
  top: 0;
  color: white;
  background: rgba(0, 0, 0, 0.3);
  font-size: 1.5rem;
  letter-spacing: 1px;
  font-weight: 300;
  padding: 1rem 2rem;
  z-index: 2;
  opacity: 0;
  transition: all ease 250ms;
  display: flex;
}
.appointment-live .player-wrapper .live-title span {
  display: flex;
}
.appointment-live .player-wrapper .live-title span:before {
  content: '';
  width: 0.5rem;
  height: 0.2rem;
  display: flex;
  background: white;
  margin: 1rem;
  align-self: center;
}
.appointment-live .player-wrapper .live-title span:first-child:before {
  content: none;
}
.appointment-live .player-wrapper .livestream {
  height: 100%;
}
.appointment-live .player-wrapper .livestream .partner-cam {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.appointment-live .player-wrapper .livestream .partner-cam video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  outline: none;
}
.appointment-live .player-wrapper .livestream .self-cam {
  width: 20%;
  height: 0;
  padding-bottom: 11.35%;
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  border-radius: 1rem;
  -o-object-fit: contain;
     object-fit: contain;
  overflow: hidden;
  background: black;
  z-index: 2;
  transition: all ease 250ms;
}
@media screen and (max-width: 980px) {
  .appointment-live .player-wrapper .livestream .self-cam {
    width: 40%;
    padding-bottom: 22.7%;
  }
}
.appointment-live .player-wrapper .livestream .self-cam video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.appointment-live .player-wrapper .live-action {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  opacity: 0;
  transition: all ease 250ms;
}
.appointment-live .player-wrapper .live-action ul {
  list-style: none;
  padding: 1rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.appointment-live .player-wrapper .live-action ul li button {
  background: transparent;
  border: none;
  font-size: 0;
  border-radius: 50%;
  width: 5rem;
  height: 5rem;
  position: relative;
  padding: 0;
  margin: 0 0.5rem;
  color: white;
  transition: all ease 250ms;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.appointment-live .player-wrapper .live-action ul li button:hover {
  background: hsl(351, 90%, 64%);
  color: white;
}
.appointment-live .player-wrapper .live-action ul li button:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 2rem;
  font-weight: bold;
  position: absolute;
  display: block;
}
.appointment-live .player-wrapper .live-action ul li button.fullscreen:before {
  content: "\f320";
}
.appointment-live .player-wrapper .live-action ul li button.mute:before {
  content: "\f130";
}
.appointment-live .player-wrapper .live-action ul li button.camera:before {
  content: "\f03d";
}
.appointment-live .player-wrapper:hover .live-action,
.appointment-live .player-wrapper:hover .live-title {
  opacity: 1;
}
.appointment-live .player-wrapper:hover .livestream .self-cam {
  bottom: 8rem;
}
.appointment-live .chat-wrapper {
  flex: 0 0 40rem;
  display: flex;
  flex-direction: column;
}
.appointment-live .chat-wrapper .chat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  background: hsl(225, 20%, 90%);
}
.appointment-live .chat-wrapper .chat-header h2 {
  margin: 0;
  font-size: 1.5rem;
  color: hsl(225, 20%, 60%);
  font-weight: 500;
  letter-spacing: 1px;
}
.appointment-live .chat-wrapper .chat-header button {
  border: none;
  background: transparent;
  font-weight: 500;
  font-size: 0;
  padding: 1rem;
  outline: none;
  cursor: pointer;
}
.appointment-live .chat-wrapper .chat-header button:hover {
  color: hsl(351, 90%, 64%);
}
.appointment-live .chat-wrapper .chat-header button:before {
  content: "\f05a";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.5rem;
}
.appointment-live .chat-wrapper .chat-list {
  height: 100%;
  display: flex;
  flex-direction: column-reverse;
  overflow: auto;
  padding: 0 1rem;
}
.appointment-live .chat-wrapper .chat-list .chat-item {
  display: flex;
}
.appointment-live .chat-wrapper .chat-list .chat-item .user-text-wrapper {
  width: 100%;
  padding: 0 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.appointment-live .chat-wrapper .chat-list .chat-item .user-text-wrapper .user-text {
  padding: 1rem 2rem;
  margin: 0;
  background: hsl(225, 20%, 90%);
  border-radius: 1rem;
  margin-bottom: 0.5rem;
}
.appointment-live .chat-wrapper .chat-list .chat-item .user-text-wrapper .user-text p {
  margin: 0;
}
.appointment-live .chat-wrapper .chat-list .chat-item .user-text-wrapper .user-text p.error {
  color: hsl(350, 83%, 55%);
}
.appointment-live .chat-wrapper .chat-list .chat-item .user-text-wrapper .user-text-date {
  font-size: 1rem;
  color: hsl(225, 20%, 60%);
}
.appointment-live .chat-wrapper .chat-list .chat-item.system .user-text-wrapper .user-text {
  padding: 1rem 0;
  background: transparent;
  color: hsl(225, 20%, 60%);
  font-style: italic;
}
.appointment-live .chat-wrapper .chat-list .chat-item.me .user-text-wrapper {
  align-items: flex-end;
}
.appointment-live .chat-wrapper .chat-list .chat-item.me .user-text-wrapper .user-text {
  background: hsl(225, 20%, 90%);
  max-width: calc(100% - 4rem);
}
.appointment-live .chat-wrapper .message-editor {
  background: hsl(225, 20%, 90%);
  padding: 2rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
}
.appointment-live .chat-wrapper .message-editor .wrapper-input {
  width: 100%;
  position: relative;
  border-radius: 0.5rem;
  background: white;
  overflow: auto;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 12px 0 rgba(0, 0, 0, 0.12);
}
.appointment-live .chat-wrapper .message-editor .wrapper-input input {
  border: none;
  overflow-wrap: break-word;
  position: relative;
  width: 100%;
  outline: none;
  font-size: 1.4rem;
  height: 100%;
  border-radius: 0.5rem;
  padding: 2rem;
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper {
  position: absolute;
  right: 1rem;
  bottom: 2rem;
  display: flex;
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  font-size: 0;
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper button:before {
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  color: rgba(44, 49, 83, 0.5);
  transition: transform ease 250ms;
  display: block;
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper button.emoji:before {
  content: "\f118";
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper button.send:before {
  content: "\f356";
  font-weight: bold;
}
.appointment-live .chat-wrapper .message-editor .btn-wrapper button:hover:before {
  transform: scale(1.1);
  color: hsl(351, 90%, 64%);
}
@media screen and (max-width: 980px) {
  .appointment-live .chat-wrapper {
    flex: 1;
    height: 100%;
  }
  .appointment-live .chat-wrapper .message-editor {
    padding: 0;
  }
  .appointment-live .chat-wrapper .message-editor .wrapper-input {
    border-radius: 0;
  }
}
@media screen and (max-width: 980px) and (orientation: landscape) {
  .appointment-live .chat-wrapper {
    display: none;
  }
}
/* mailbox */
.mailbox-page .main {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .mailbox-page .main__grid {
    grid-template-columns: var(--left-column) auto;
  }
}
@media screen and (max-width: 768px) {
  .mailbox-page .main__grid {
    grid-gap: 0;
  }
}
.mailbox-page .main__content {
  width: 100%;
}
.mailbox-page.mobile .main__grid {
  grid-template-columns: auto;
}
.mailbox-wrapper {
  border-radius: 1.5rem;
  display: grid;
  grid-template-columns: 30rem 1fr;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  max-height: 75rem;
  height: calc(100vh - var(--header-height) - 7rem);
  overflow: hidden;
  flex-wrap: wrap;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  .mailbox-wrapper {
    grid-template-columns: 20rem  1fr;
  }
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper {
    grid-template-columns: 1fr;
    width: 100vw;
    height: calc(100vh - var(--header-height) - 5rem);
    border-radius: 0;
    border-top: 1px solid hsl(225, 20%, 95%);
  }
}
.mailbox-wrapper .mailbox-list {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: white;
  border-right: 1px solid hsl(225, 20%, 95%);
  height: 100%;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-list {
    transition: all ease 250ms;
    position: relative;
    left: 0;
    width: 100vw;
    grid-row: 1 / -1;
  }
}
.mailbox-wrapper .mailbox-list__title {
  display: flex;
  padding: 1.65rem 2rem;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.mailbox-wrapper .mailbox-list__title h1 {
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  font-weight: 700;
  flex: 1;
}
.mailbox-wrapper .mailbox-list__title small {
  display: block;
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  font-weight: 500;
  margin-top: 1rem;
  width: 100%;
}
.mailbox-wrapper .mailbox-list__title a {
  font-size: 0;
}
.mailbox-wrapper .mailbox-list__title a:before {
  content: "\f013";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.8rem;
  color: hsl(225, 20%, 60%);
  font-weight: bold;
}
.mailbox-wrapper .mailbox-list ul {
  display: flex;
  flex-direction: column;
  overflow: auto;
  flex: 1;
}
.mailbox-wrapper .mailbox-list ul li {
  position: relative;
}
.mailbox-wrapper .mailbox-list ul li.empty-history {
  color: hsl(225, 20%, 60%);
  padding: 0 2rem;
}
.mailbox-wrapper .mailbox-list ul li .user-account {
  padding: 1rem 4rem 1rem 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  transition: all ease 250ms;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper {
  display: flex;
  flex: 1 1 0px;
  justify-content: center;
  min-width: 0;
  flex-direction: column;
  padding-left: 1rem;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .username {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  align-items: center;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .username .user-fans {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .username .user-fans:before {
  content: "";
  width: 0.3rem;
  border-radius: 50%;
  height: 0.3rem;
  margin: 0 0.5rem;
  top: 1px;
  position: relative;
  background-color: hsl(225, 20%, 75%);
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .user-last-message {
  font-style: italic;
  font-size: 1.2rem;
  color: hsl(225, 20%, 75%);
  display: flex;
  font-weight: 500;
  justify-content: left;
  margin-right: 1rem;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .user-last-message .message {
  text-align: left;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-bottom: 0;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .user-last-message .message-date {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: hsl(225, 20%, 75%);
  font-weight: 500;
  font-size: 1.2rem;
}
.mailbox-wrapper .mailbox-list ul li .user-account .username-wrapper .user-last-message .message-date:before {
  content: '';
  width: 0.3rem;
  border-radius: 50%;
  height: 0.3rem;
  background: #bbbcd2;
  margin: 0 0.5rem;
  top: 1px;
  position: relative;
}
.mailbox-wrapper .mailbox-list ul li .user-account.active {
  background: hsl(225, 20%, 95%);
}
.mailbox-wrapper .mailbox-list ul li .user-account.active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 3px;
  height: 100%;
  background: hsl(40, 95%, 57%);
}
.mailbox-wrapper .mailbox-list ul li .user-account.blocked {
  opacity: 0.5;
}
.mailbox-wrapper .mailbox-list ul li .user-account.blocked:after {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  content: "\f05e";
  font-weight: bold;
  font-family: "Font Awesome 5 Pro";
}
.mailbox-wrapper .mailbox-list ul li .user-account.blocked:hover {
  opacity: 1;
}
.mailbox-wrapper .mailbox-list ul li .user-account.unread:after {
  content: attr(data-notification);
  background: hsl(350, 83%, 55%);
  border-radius: 0.5rem;
  color: white;
  position: absolute;
  right: 1rem;
  top: 1rem;
  font-size: 1.2rem;
  padding: 0.25rem 0.5rem;
  line-height: 1;
  font-weight: 700;
}
.mailbox-wrapper .mailbox-list ul li .user-account.unread .username {
  font-weight: 700;
}
.mailbox-wrapper .mailbox-list ul li .user-account.unread .user-last-message {
  color: hsl(225, 20%, 10%);
  font-weight: 600;
}
.mailbox-wrapper .mailbox-list ul li .user-account:hover {
  background: hsl(225, 20%, 95%);
}
.mailbox-wrapper .mailbox-list ul li .private-content--waiting {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.mailbox-wrapper .mailbox-list ul li .private-content--waiting:before {
  content: "\f472";
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  color: #36d063;
}
.mailbox-wrapper .mailbox-content {
  background: white;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.mailbox-wrapper .mailbox-content .empty {
  height: 100%;
  flex-direction: column;
  background: hsl(225, 20%, 98%);
  border-radius: 0;
}
.mailbox-wrapper .mailbox-content .mailbox-loader {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index: 8;
  font-size: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content {
    width: 100vw;
    grid-row: 1/-1;
    transition: all ease 250ms;
    position: relative;
    left: 0;
  }
}
.mailbox-wrapper .mailbox-content .mail-header__content {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr auto;
  align-items: center;
  border-bottom: 1px solid hsl(225, 20%, 95%);
  z-index: 5;
  position: relative;
}
.mailbox-wrapper .mailbox-content .mail-header .toggle-list {
  display: none;
  padding: 1rem;
  margin-right: 1rem;
  margin-left: -1rem;
  font-size: 1.5rem;
}
.mailbox-wrapper .mailbox-content .mail-header .toggle-list:before {
  content: "\f053";
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  color: hsl(225, 20%, 75%);
  display: block;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-header .toggle-list {
    display: flex;
  }
}
.mailbox-wrapper .mailbox-content .mail-header .user-account {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  margin: 0;
  line-height: 1.5;
  padding: 0.85rem 1rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-header .user-account {
    overflow: hidden;
  }
}
.mailbox-wrapper .mailbox-content .mail-header .user-account .username-wrapper {
  padding-left: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-header .user-account .username-wrapper .username {
  line-height: 1.5;
}
.mailbox-wrapper .mailbox-content .mail-header .actions-wrapper {
  display: flex;
  align-items: center;
  padding: 0 1rem;
}
.mailbox-wrapper .mailbox-content .mail-header .private-content--waiting {
  padding: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-header .private-content--waiting:before {
  content: "\f472";
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  color: hsl(138, 62%, 51%);
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.mailbox-wrapper .mailbox-content .mail-header .mail-header__button {
  display: block;
  text-decoration: none;
  background: transparent;
  border: none;
  padding: 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
}
.mailbox-wrapper .mailbox-content .mail-header .mail-header__button i {
  font-size: 1.8rem;
  color: hsl(225, 20%, 60%);
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-header .mail-header__button.open {
  background: hsl(225, 20%, 95%);
}
.mailbox-wrapper .mailbox-content .mail-header .mail-header__button.open i {
  color: hsl(225, 20%, 10%);
}
.mailbox-wrapper .mailbox-content .mail-header .dropdown-wrapper .dropdown-toggle {
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
}
.mailbox-wrapper .mailbox-content .mail-header .dropdown-wrapper .dropdown-toggle:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.8rem;
  color: hsl(225, 20%, 60%);
  display: block;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    background: white;
    transition: all ease 250ms;
  }
}
.mailbox-wrapper .mailbox-content .private-content__button {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  width: 100%;
  background: hsl(216, 73%, 51%);
  color: white;
}
.mailbox-wrapper .mailbox-content .private-content__button i {
  margin-right: 1rem;
  pointer-event: none;
}
.mailbox-wrapper .mailbox-content .mail-content {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  background: hsl(225, 20%, 98%);
  position: relative;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias {
  position: absolute;
  top: 0;
  right: -100%;
  width: 50%;
  background: white;
  z-index: 3;
  height: 100%;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  transition: all ease 250ms;
}
@media screen and (max-width: 1080px) {
  .mailbox-wrapper .mailbox-content .mail-content .mail-medias {
    width: 100%;
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias.open {
  right: 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul {
  width: 100%;
  display: flex;
  padding: 0.25rem;
  max-height: 100%;
  overflow: auto;
  flex-wrap: wrap;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li {
  width: 50%;
  padding: 0.25rem;
  position: relative;
  overflow: hidden;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li .media-item {
  width: 100%;
  display: block;
  padding-bottom: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 1rem;
  position: relative;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li .media-item.video:before {
  position: absolute;
  font-weight: bold;
  opacity: 0.8;
  font-family: "Font Awesome 5 Pro";
  content: "\f04b";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 4rem;
  z-index: 2;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li.locked:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: "\f023";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 6rem;
  z-index: 2;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  pointer-events: none;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li.locked .media-item {
  background-color: black;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-medias ul li.locked .media-item.video:before {
  opacity: 1;
  font-size: 1.4rem;
  z-index: 2;
  top: calc(50% + 1rem);
}
.mailbox-wrapper .mailbox-content .mail-content .blocked-msg {
  position: absolute;
  top: 1rem;
  left: 50%;
  padding: 0.5rem 2rem;
  transform: translateX(-50%);
  background: hsl(350, 83%, 55%);
  border-radius: 3rem;
  color: #fff;
  box-shadow: 0 15px 35px hsla(0, 0%, 0%, 0.05), 0 5px 15px hsla(0, 0%, 0%, 0.1);
  z-index: 4;
  text-align: center;
  width: 90%;
}
.mailbox-wrapper .mailbox-content .mail-content .blocked-msg small {
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1rem 1rem 0 1rem;
  height: 100%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .infinite-container {
  display: flex;
  flex-direction: column-reverse;
  flex-grow: 1;
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-content .mail-texts .infinite-container {
    padding-top: 10rem;
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item {
  display: flex;
  padding: 0.5rem 0;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  -webkit-animation: fadeIn 250ms;
          animation: fadeIn 250ms;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.private-content {
  justify-content: center;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .user-avatar {
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .user-avatar {
    display: none;
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .user-avatar img {
  width: 3rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  max-width: 70%;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper {
    max-width: calc(100% - 5rem);
    margin-left: 0;
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper .text {
  padding: 0.5rem 1.5rem;
  border-radius: 1.5rem;
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.15);
  background: white;
  font-size: 1.3rem;
  word-break: break-word;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper .text span {
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper .text a {
  text-decoration: underline;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .text-wrapper .text-date {
  font-size: 1rem;
  color: hsl(225, 20%, 75%);
  display: block;
  padding: 0.25rem 0.5rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper {
  width: 100%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias {
  width: 100%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media {
  position: absolute;
  width: 100%;
  padding: 1rem;
  bottom: 0;
  z-index: 3;
  left: 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media a,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media button {
  background-color: hsl(138, 62%, 51%);
  color: white;
  width: 100%;
  font-weight: 600;
  display: block;
  text-align: center;
  padding: 1.5rem;
  border-radius: 4rem;
  letter-spacing: 1px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  transition: all ease 250ms;
  margin-bottom: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media a span,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media button span {
  font-weight: 900;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media a:last-child,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media button:last-child {
  margin-bottom: 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media a:hover,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media button:hover {
  transform: scale(1.025);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media a small,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias .locked-media button small {
  font-weight: 200;
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .medias + .text {
  margin-top: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading {
  position: relative;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading > .load {
  z-index: 3;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading > .load i {
  font-size: 3rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading .img {
  background: hsl(225, 20%, 95%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--locked {
  background: white;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--locked:before {
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  content: "\f023";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-size: 8rem;
  z-index: 2;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--locked.media--video .media__cover:before {
  font-size: 1.5rem;
  top: calc(50% + 1.5rem);
  opacity: 1;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading {
  background: white;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading:before {
  position: absolute;
  content: attr(data-media-status-text) " \A " attr(data-media-status-description);
  white-space: pre-wrap;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  z-index: 2;
  text-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media--loading.media--video .media__cover:before {
  opacity: 0.1;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media__price {
  z-index: 2;
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: white;
  padding: 0.5rem 1rem;
  border-radius: 3rem;
  line-height: 1;
  color: hsl(225, 20%, 75%);
  font-size: 1.3rem;
  display: flex;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media__price i {
  margin-left: 0.5rem;
  font-size: 1.2rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .medias-wrapper .media .see-more {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 4rem;
  font-weight: 700;
  text-decoration: none;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .dropdown-wrapper {
  padding: 0 1rem;
  margin-top: -1.7rem;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .dropdown-wrapper {
    padding: 0 0.5rem;
    position: unset;
  }
  .mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .dropdown-wrapper .dropdown-menu {
    position: absolute;
    bottom: 0;
    top: auto;
    width: 100%;
    border-radius: 0;
    padding: 1rem;
    -webkit-animation: slideInUp 250ms ease;
    animation: slideInUp 250ms ease;
    -webkit-animation-name: slideInUp;
            animation-name: slideInUp;
    -webkit-animation-duration: 500ms;
            animation-duration: 500ms;
    -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
    -webkit-animation-direction: normal;
            animation-direction: normal;
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .dropdown-wrapper .dropdown-toggle {
  text-decoration: none;
  font-size: 0;
  background: transparent;
  border: none;
  padding: 1rem;
  margin: 0;
  outline: none;
  border-radius: 50%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .dropdown-wrapper .dropdown-toggle:before {
  content: "\f141";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.8rem;
  color: hsl(225, 20%, 75%);
  display: block;
  line-height: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self {
  flex-direction: row-reverse;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self .text-wrapper {
  align-items: flex-end;
  margin: 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self .text-wrapper .text {
  background: linear-gradient(20deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
  color: white;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self .private-content-status {
  background: linear-gradient(20deg, hsl(351, 90%, 64%), hsl(40, 95%, 57%));
  color: white;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item:not(.self) .text-wrapper .medias .img-wrapper:not(.locked) .price {
  display: none;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.system .text-wrapper .text {
  background: transparent;
  padding: 0;
  font-style: italic;
  color: #b3b9cc;
  font-size: 1.3rem;
  box-shadow: none;
}
.mailbox-wrapper .mailbox-content .no-input-wrapper {
  padding: 1.5rem;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  position: relative;
}
.mailbox-wrapper .mailbox-content .no-input-wrapper p {
  margin: 0;
  text-align: center;
}
.mailbox-wrapper .mailbox-content .input-wrapper {
  padding: 1rem;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  top: 0;
}
.mailbox-wrapper .mailbox-content .input-wrapper .alert {
  color: white;
  font-size: 1.2rem;
  text-align: center;
  padding: 1rem;
  position: absolute;
  top: -1rem;
  border-radius: 2rem;
  left: 50%;
  transform: translate(-50%, -100%);
  display: block;
  width: 85%;
}
.mailbox-wrapper .mailbox-content .input-wrapper .alert.alert-danger {
  background: hsl(350, 83%, 55%);
}
.mailbox-wrapper .mailbox-content .input-wrapper .alert.alert-warning {
  background: hsl(40, 95%, 57%);
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input {
  background: hsl(225, 20%, 95%);
  border-radius: 2.5rem;
  display: flex;
  padding: 1.25rem 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input {
    align-items: flex-end;
  }
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions emoji-picker {
  display: block;
  position: absolute;
  bottom: calc(100% + 2rem);
  right: 0;
  width: 100%;
  --num-columns: 9;
  --emoji-size: 2rem;
  --border-color: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  border-radius: 1rem;
  overflow: hidden;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions .action-wrapper {
  padding: 0 1rem;
  display: flex;
  cursor: pointer;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions .action-wrapper i {
  color: hsl(225, 20%, 75%);
  font-size: 1.8rem;
  display: flex;
  align-items: center;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions .action-wrapper input {
  display: none;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions .action-wrapper:hover i {
  color: hsl(225, 20%, 10%);
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions {
    margin: 1rem 0;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input .actions .action-wrapper {
    padding: 1rem;
  }
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input textarea {
  display: none;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input div[contenteditable] {
  word-break: break-word;
  border: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.3rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
  width: 100%;
  padding: 0 2rem 0 0;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg {
  background: #F77155;
  padding: 1.25rem;
  border-radius: 50%;
  margin-left: 1rem;
  transition: all ease 250ms;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg:before {
  content: '\e900';
  font-family: 'icomoon' !important;
  font-weight: bold;
  color: white;
  display: block;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg.disabled {
  background: hsl(225, 20%, 95%);
  transition: all ease 250ms;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg.disabled:before {
  color: hsl(225, 20%, 75%);
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress {
  margin-top: 0;
  opacity: 0;
  visibility: hidden;
  transition: all ease 500ms;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  z-index: 2;
  border-radius: 5rem;
  padding: 0;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress.failed {
  display: flex !important;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress.failed .global-error {
  display: flex !important;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress.failed .video-error {
  display: none !important;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress .progress-bar {
  border-radius: 0;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress .progress-bar-text {
  border-radius: 2rem;
  width: 100%;
  align-items: center;
  height: 100%;
  justify-content: center;
  display: flex;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress .progress-bar-text > span {
  font-size: 1.5rem;
  padding: 0;
  display: flex;
  border: none;
  border-radius: 0;
  font-weight: 700;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress .progress-bar-text > span > button {
  border: none;
  font-size: 1.5rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding: 0;
  align-items: center;
  justify-content: center;
}
.mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .progress:not([style="display: none;"]) {
  opacity: 1;
  visibility: visible;
}
.mailbox-wrapper .mailbox-content .input-wrapper .error {
  color: hsl(350, 83%, 55%);
  font-size: 1.2rem;
  padding-bottom: 1rem;
}
.mailbox-wrapper .mailbox-content .input-wrapper.upload-failed .button-wrapper .progress.failed .progress-bar-text-failed .global-error {
  display: none !important;
}
.mailbox-wrapper .mailbox-content .input-wrapper.upload-failed .button-wrapper .progress.failed .progress-bar-text-failed .video-error {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper .mailbox-content .input-wrapper {
    padding: 0;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .selected-files-wrapper {
    padding: 0 0.5rem;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .action-wrapper {
    padding: 2rem 1.5rem;
    border-right: 0;
    align-items: flex-end;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper {
    display: flex;
    align-items: flex-end;
    position: relative;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input {
    background: white;
    padding: 0;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .input div[contenteditable] {
    font-size: 1.5rem;
    align-items: center;
    display: flex;
    padding: 2rem 0;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg {
    background: none;
    margin-left: 0;
    border-radius: 0;
    padding: 2rem 1.5rem;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg:before {
    color: hsl(351, 90%, 64%);
    font-size: 2rem;
    left: 0%;
    opacity: 1;
    position: relative;
    transition: all ease 250ms;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg.disabled {
    background: none;
  }
  .mailbox-wrapper .mailbox-content .input-wrapper .button-wrapper .send-msg.disabled:before {
    left: 100%;
    opacity: 0;
  }
}
@media screen and (max-width: 768px) {
  .mailbox-wrapper.open .mailbox-list,
  .mailbox-wrapper.open .mailbox-content {
    left: -100%;
  }
}
.mailbox-page .row .main-content {
  width: 0;
}
@media screen and (max-width: 768px) {
  .mailbox-page {
    height: 100%;
    min-height: 100%;
  }
  .mailbox-page .post-link-mobile {
    display: none;
  }
  .mailbox-page .main {
    height: calc(100% - 5rem);
    padding-top: var(--header-height);
    margin: 0;
    left: 0;
  }
  .mailbox-page .main__content {
    padding: 0;
    overflow: hidden;
  }
  .mailbox-page .main__grid,
  .mailbox-page .main__container {
    height: 100%;
    max-height: 100%;
  }
  .mailbox-page .main .mailbox-wrapper {
    border-radius: 0;
    height: 100%;
    min-height: auto;
    box-shadow: none;
    max-height: 100%;
  }
  .mailbox-page .main .mailbox-wrapper .mailbox-list {
    background: white;
  }
  .mailbox-page .main .mailbox-wrapper .mailbox-list ul li .user-account {
    padding: 1rem 4rem 1rem 1rem;
  }
  .mailbox-page .main .mailbox-wrapper .mailbox-content .mail-content {
    height: 100%;
  }
  .mailbox-page .main .mailbox-wrapper .mailbox-content .mail-content .mail-texts-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  .mobile .mailbox-wrapper {
    height: calc(100vh - var(--header-height) - 9rem);
  }
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.private-content .private-content-request,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.private-content .private-content-status {
  max-width: 40rem;
  align-self: center;
  position: relative;
  background: white;
  word-break: break-word;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.private-content .text-wrapper {
  margin-left: 0;
  max-width: 100%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.private-content .text-wrapper .text-date {
  align-self: flex-end;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item:not(.private-content) .private-content-status {
  margin-bottom: 1rem;
  word-break: break-word;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item:not(.private-content):not(.self) .private-content-status {
  box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.15);
  word-break: break-word;
  color: hsl(225, 20%, 10%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self .private-content-status {
  word-break: break-word;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item.self .private-content-status .context .description {
  opacity: 1;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status {
  padding: 1rem 2rem;
  border-radius: 2rem;
  word-break: break-word;
  background: white;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.paid {
  background: hsl(138, 62%, 90%);
  color: hsl(138, 62%, 20%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.waiting {
  background: hsl(40, 95%, 90%);
  color: hsl(225, 20%, 10%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.preparing,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.requested {
  background: hsl(216, 73%, 90%);
  color: hsl(225, 20%, 10%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.refused {
  background: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 20%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.refused .actions {
  flex-wrap: wrap;
  align-items: center;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.refused .actions .accepted {
  margin-right: 0;
  margin-bottom: 0.5rem;
  color: hsl(225, 20%, 10%);
  border: 1px solid hsla(225, 20%, 10%, 0.2);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.refused .actions .refused {
  color: hsl(350, 83%, 20%);
  border: 1px solid hsla(350, 83%, 20%, 0.2);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.paid .status,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status.refused .status {
  font-weight: 700;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .context {
  position: relative;
  padding-left: 3rem;
  display: flex;
  flex-direction: column;
  font-size: 1.3rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .context i {
  position: absolute;
  left: 0;
  top: 0.5rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .context span {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .context span.price {
  font-style: italic;
  opacity: 0.5;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .status {
  padding: 1rem 0 0.5rem 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin-top: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .actions {
  display: flex;
  padding: 1rem 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .actions a {
  width: 100%;
  text-align: center;
  padding: 1rem;
  border-radius: 1rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .actions a.accepted {
  color: #276fdd;
  border: 1px solid #3375df;
  margin-right: 0.5rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .actions a.refused {
  color: #818ba0;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .customer-msg {
  position: relative;
  text-align: center;
  color: hsl(225, 20%, 10%);
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .customer-msg:before,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .customer-msg:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  opacity: 0.15;
  padding: 0 1rem;
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .customer-msg:before {
  content: "\f10d";
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-status .customer-msg:after {
  content: "\f10e";
  display: flex;
  flex-flow: column-reverse;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request {
  padding: 0 2rem 2rem 2rem;
  margin-top: 4rem;
  border-radius: 2rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request.paid {
  background: hsl(138, 62%, 90%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request.waiting {
  background: hsl(40, 95%, 90%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request.preparing,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request.requested {
  background: hsl(216, 73%, 90%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request.refused {
  background: hsl(350, 83%, 90%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -4rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-img span {
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-img i {
  background: hsl(225, 20%, 98%);
  padding: 1.25rem;
  margin: 0 -1.5rem;
  z-index: 2;
  font-size: 2rem;
  border-radius: 3rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-name {
  text-align: center;
  margin: 1.5rem 0;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-name > span {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 500;
  font-size: 1.2rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-name > span strong {
  color: hsl(351, 90%, 64%);
  font-weight: 700;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-name h3 {
  font-weight: 700;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-msg {
  position: relative;
  text-align: center;
  color: hsl(225, 20%, 10%);
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-msg:before,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-msg:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  opacity: 0.15;
  padding: 0 1rem;
  display: block;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-msg:before {
  content: "\f10d";
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .customer-msg:after {
  content: "\f10e";
  display: flex;
  flex-flow: column-reverse;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button {
  margin: 0 1rem;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  color: hsl(225, 20%, 10%);
  font-weight: 500;
  cursor: pointer;
  text-align: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a span,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button span {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 4rem;
  position: relative;
  margin-bottom: 1rem;
  transition: all ease 250ms;
  background: white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a span.upload,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button span.upload {
  color: hsl(216, 73%, 51%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a span.price,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button span.price {
  color: hsl(138, 62%, 51%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a span.refused,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button span.refused {
  color: hsl(350, 83%, 55%);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a span i,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button span i {
  font-size: 2rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span {
  transform: scale(1.1);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span.refused,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span.refused {
  box-shadow: 0 5px 15px hsla(350, 83%, 55%, 0.2);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span.price,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span.price,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span.valid,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span.valid {
  box-shadow: 0 5px 15px hsla(138, 62%, 51%, 0.2);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span.upload,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span.upload {
  box-shadow: 0 5px 15px hsla(216, 73%, 51%, 0.2);
}
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions a:hover span.next,
.mailbox-wrapper .mailbox-content .mail-content .mail-texts .text-item .private-content-request .actions button:hover span.next {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.private-content-modal-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  display: flex;
  align-items: center;
  justify-content: center;
}
.private-content-modal-wrapper .private-content-modal {
  position: relative;
  max-height: calc(100% - 4rem);
  overflow: auto;
  z-index: 2;
  background: white;
  border-radius: 2rem;
  width: 100%;
  padding: 2rem;
  max-width: 50rem;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 768px) {
  .private-content-modal-wrapper .private-content-modal {
    border-radius: 0;
    max-height: 100%;
    align-self: flex-end;
  }
}
.private-content-modal-wrapper .private-content-modal form .alert {
  width: 100%;
  padding: 1rem;
  border-radius: 1rem;
  text-align: center;
  margin-bottom: 1rem;
}
.private-content-modal-wrapper .private-content-modal form .alert.alert-danger {
  background: hsl(350, 83%, 90%);
  color: hsl(350, 83%, 55%);
}
.private-content-modal-wrapper .private-content-modal form .help-block.error {
  font-size: 1.2rem;
  color: hsl(350, 83%, 55%);
  padding: 0.5rem 0 0 0.5rem;
  display: block;
  width: 100%;
}
.private-content-modal-wrapper .private-content-modal .private-content__custom {
  text-align: center;
  justify-content: center;
  width: 100%;
  padding: 1rem;
  color: hsl(216, 73%, 51%);
  margin-top: 1rem;
  border: 1px solid hsl(216, 73%, 51%);
  border-radius: 3rem;
}
.private-content-modal-wrapper .private-content-modal .customer-msg {
  overflow: hidden;
  word-break: break-word;
}
.private-content-modal-wrapper .private-content-modal #private-content-request-form .private-content-modal-navigation {
  text-align: center;
  color: hsl(0, 0%, 100%);
  padding: 1.5rem;
  background-color: #399ee7;
  -webkit-border-radius: 2rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 2rem;
  -moz-background-clip: padding;
  border-radius: 2rem;
  background-clip: padding-box;
  margin-bottom: 1.5rem;
}
.private-content-modal-wrapper .private-content-modal #private-content-request-refuse-form .footer-form .submit,
.private-content-modal-wrapper .private-content-modal #private-content-request-cancel-form .footer-form .submit {
  background-color: #e62d22;
}
.private-content-modal-wrapper .private-content-modal #private-content-request-refuse-form strong,
.private-content-modal-wrapper .private-content-modal #private-content-request-cancel-form strong {
  color: #e62d22;
}
.private-content-modal-wrapper .private-content-modal .form-control--select .select2-container {
  max-width: 100%;
}
.private-content-modal-wrapper .private-content-modal .progress-wrapper {
  -webkit-border-radius: 10rem;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 10rem;
  -moz-background-clip: padding;
  border-radius: 10rem;
  background-clip: padding-box;
  overflow: hidden;
  margin-top: 2rem;
}
.private-content-modal-wrapper .private-content-modal .progress-wrapper .progress {
  padding: 1rem;
}
.private-content-modal-wrapper .private-content-modal .customer-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.private-content-modal-wrapper .private-content-modal .customer-img span {
  width: 10rem;
  height: 10rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
}
.private-content-modal-wrapper .private-content-modal .customer-img i {
  background: white;
  padding: 1.25rem;
  margin: 0 -1.5rem;
  z-index: 2;
  font-size: 2rem;
  border-radius: 3rem;
}
.private-content-modal-wrapper .private-content-modal.request h3 {
  text-align: center;
  font-size: 2.5rem;
  margin: 1rem 0;
}
.private-content-modal-wrapper .private-content-modal.request label {
  width: 100%;
  text-align: center;
  display: block;
  margin-bottom: 1.5rem;
}
.private-content-modal-wrapper .private-content-modal .input-group {
  position: relative;
}
.private-content-modal-wrapper .private-content-modal .input-group div[contenteditable] {
  border: 0;
  color: hsl(225, 20%, 10%);
  font-size: 1.5rem;
  resize: none;
  outline: none;
  max-height: 20rem;
  overflow: auto;
  word-break: break-word;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem;
  margin-top: 1rem;
  border-radius: 2rem;
  min-height: 10rem;
}
.private-content-modal-wrapper .private-content-modal .input-group div[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: hsl(225, 20%, 75%);
}
.private-content-modal-wrapper .private-content-modal .input-group textarea {
  width: 100%;
  display: none;
}
.private-content-modal-wrapper .private-content-modal .customer-name {
  text-align: center;
  margin: 1.5rem 0;
}
.private-content-modal-wrapper .private-content-modal .customer-name h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}
.private-content-modal-wrapper .private-content-modal .customer-name h3 strong {
  color: hsl(351, 90%, 64%);
}
.private-content-modal-wrapper .private-content-modal .customer-msg {
  position: relative;
  text-align: center;
  color: hsl(225, 20%, 10%);
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid hsl(225, 20%, 95%);
}
.private-content-modal-wrapper .private-content-modal .customer-msg:before,
.private-content-modal-wrapper .private-content-modal .customer-msg:after {
  font-family: "Font Awesome 5 Pro";
  font-weight: bold;
  opacity: 0.15;
  padding: 0 1rem;
  display: block;
}
.private-content-modal-wrapper .private-content-modal .customer-msg:before {
  content: "\f10d";
}
.private-content-modal-wrapper .private-content-modal .customer-msg:after {
  content: "\f10e";
  display: flex;
  flex-flow: column-reverse;
}
.private-content-modal-wrapper .private-content-modal .informations {
  text-align: center;
  border-radius: 4rem;
  padding: 1rem 2rem;
  color: hsl(216, 73%, 51%);
  background: hsl(216, 73%, 90%);
}
.private-content-modal-wrapper .private-content-modal.delivery label {
  display: block;
  width: 100%;
  padding: 2rem 0;
}
.private-content-modal-wrapper .private-content-modal.delivery label strong {
  color: hsl(351, 90%, 64%);
}
.private-content-modal-wrapper .private-content-modal.delivery label small {
  color: hsl(225, 20%, 75%);
}
.private-content-modal-wrapper .private-content-modal.delivery .input {
  border: none;
  font-size: 1.4rem;
  background: hsl(225, 20%, 95%);
  padding: 1.5rem 2rem;
  border-radius: 5rem;
  outline: none;
  width: 100%;
}
.private-content-modal-wrapper .private-content-modal.delivery div[contenteditable] {
  margin-top: 0;
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper {
  position: relative;
  display: flex;
  padding: 1.5rem;
  border: 2px dashed hsl(225, 20%, 90%);
  border-radius: 2rem;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper .selected-files-wrapper {
  width: 100%;
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper .upload-text {
  padding-left: 1rem;
  flex: 1;
  width: 100%;
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper .upload-text span {
  display: block;
  color: hsl(351, 90%, 64%);
  font-weight: 900;
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper .upload-text small {
  color: hsl(225, 20%, 75%);
}
.private-content-modal-wrapper .private-content-modal.delivery .upload-wrapper input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.private-content-modal-wrapper .private-content-modal .footer-form {
  display: flex;
  padding-top: 2rem;
}
.private-content-modal-wrapper .private-content-modal .footer-form a,
.private-content-modal-wrapper .private-content-modal .footer-form button {
  width: 100%;
  margin: 0 0.5rem;
  padding: 1.5rem;
  border-radius: 3rem;
  font-size: 1.5rem;
}
.private-content-modal-wrapper .private-content-modal .footer-form a.cancel,
.private-content-modal-wrapper .private-content-modal .footer-form button.cancel {
  color: hsl(225, 20%, 60%);
}
.private-content-modal-wrapper .private-content-modal .footer-form a.submit,
.private-content-modal-wrapper .private-content-modal .footer-form button.submit {
  color: white;
  background: hsl(216, 73%, 51%);
}
.private-content-modal-wrapper .backdrop {
  position: absolute;
  width: 100%;
  height: 100%;
  background: hsla(225, 20%, 10%, 0.8);
  z-index: 1;
}
/* Polls */
.premium-setting-page .form-wrapper.poll-options {
  background: white;
  border-radius: 1.5rem;
}
.premium-setting-page .form-wrapper.poll-options .form-group button {
  border: none;
  background: transparent;
  cursor: pointer;
  font-size: 1.5rem;
  padding: 0.5rem;
  outline: none;
}
.premium-setting-page .form-wrapper.poll-options .form-group button.delete {
  margin-right: 1rem;
}
.premium-setting-page .form-wrapper.poll-options .form-group button.delete:before {
  content: "\f1f8";
  font-family: "Font Awesome 5 Pro";
  color: hsl(350, 83%, 55%);
}
.premium-setting-page .form-wrapper.poll-options .form-group button.delete:hover:before {
  font-weight: bold;
}
.premium-setting-page .form-wrapper.poll-options .form-group button.add:before {
  content: "\f067";
  font-family: "Font Awesome 5 Pro";
  color: hsl(225, 20%, 10%);
}
.premium-setting-page .form-wrapper.poll-options .form-group button.add:hover:before {
  color: hsl(225, 20%, 10%);
}
/* Emoji Picker */
emoji-picker {
  --num-columns: 6;
  --emoji-size: 3rem;
  --background: white;
  --input-border-color: whitesmoke;
  --input-line-height: 2;
  width: 400px;
  height: 300px;
  position: absolute;
  z-index: 3;
}
@media screen and (max-width: 320px) {
  emoji-picker {
    --num-columns: 6;
    --category-emoji-size: 1.125rem;
  }
}
/* Upload form */
.form-wrapper.premium-subscription-product-form .form-upload,
.form-wrapper.reupload-form-wrapper .form-upload {
  position: relative;
}
.form-wrapper.premium-subscription-product-form .form-upload input,
.form-wrapper.reupload-form-wrapper .form-upload input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
  left: 0;
  top: 0;
  cursor: pointer;
}
.form-wrapper.premium-subscription-product-form .form-upload .edit-picture,
.form-wrapper.reupload-form-wrapper .form-upload .edit-picture {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: hsl(216, 73%, 51%);
  border-radius: 50%;
  color: white;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.form-wrapper.premium-subscription-product-form .form-upload .edit-picture:before,
.form-wrapper.reupload-form-wrapper .form-upload .edit-picture:before {
  content: "\f040";
  font-family: 'Font Awesome 5 Pro';
  font-size: 1.2rem;
  font-weight: bold;
  color: white;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview {
  width: 20rem;
  min-width: 100%;
  padding-bottom: 80%;
  background-color: hsl(225, 20%, 95%);
  border-radius: 1.5rem;
  background-size: cover;
  background-position: center;
  position: relative;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview:not([style="background-image: url('')"]) + .hover-input,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview:not([style="background-image: url('')"]) + .hover-input {
  opacity: 0;
  transition: opacity ease 250ms;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview:not([style="background-image: url('')"]) + .hover-input > span,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview:not([style="background-image: url('')"]) + .hover-input > span {
  background: white;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview.video,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview.video {
  background-image: url("orange-background.32a8d081603a.jpg") !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview.video:before,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview.video:before {
  content: attr(data-video-name);
  color: white;
  position: absolute;
  width: 100%;
  word-break: break-all;
  max-height: 70%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1.1;
  font-size: 1.1rem;
  padding: 1rem;
  top: 50%;
  overflow: hidden;
  transform: translateY(-50%);
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview.video > div,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview.video > div {
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 1.5rem;
  font-size: 1.2rem;
}
.form-wrapper.premium-subscription-product-form .form-upload .cover-preview.video > div > *,
.form-wrapper.reupload-form-wrapper .form-upload .cover-preview.video > div > * {
  margin-bottom: 1rem;
}
.form-wrapper.premium-subscription-product-form .form-upload .hover-input,
.form-wrapper.reupload-form-wrapper .form-upload .hover-input {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.form-wrapper.premium-subscription-product-form .form-upload .hover-input i,
.form-wrapper.reupload-form-wrapper .form-upload .hover-input i {
  display: block;
  color: hsl(225, 20%, 10%);
  margin-bottom: 0.5rem;
}
.form-wrapper.premium-subscription-product-form .form-upload .hover-input > span,
.form-wrapper.reupload-form-wrapper .form-upload .hover-input > span {
  padding: 0.5rem 2rem 0.5rem 2rem;
  font-weight: 700;
  color: hsl(225, 20%, 40%);
  text-align: center;
}
.select2-container.select2-container--open {
  z-index: 3000 !important;
}
#mfstar-banner-timeline .setting-message .message.mfstar img {
  width: 33%;
  margin-top: 0;
}
#mfstar-banner-timeline .setting-message .message.mfstar .message-text {
  padding-bottom: 2rem;
}
#mfstar-banner-timeline .sublink {
  text-align: center;
  color: hsl(225, 20%, 75%);
  display: block;
  padding: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.rd {
  direction: rtl;
  unicode-bidi: bidi-override;
}
/* disclaimer */
.disclaimer:after {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.9);
}
.disclaimer__content {
  width: 100%;
  max-width: 50rem;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .disclaimer__content {
    padding: 0;
  }
}
.disclaimer__logo {
  display: block;
  width: 100%;
  max-width: 25rem;
  margin: 0 auto;
}
.disclaimer__title {
  text-align: center;
  font-size: 3rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #dcdcdc;
}
.disclaimer .csa-article227-22 {
  border: 1px solid #dcdcdc;
  padding: 1rem;
  border-radius: 1rem;
  font-size: 1.2rem;
  display: grid;
  gap: 1rem;
}
.disclaimer .csa-article227-22 p {
  margin: 0;
}
.disclaimer__description__title {
  font-weight: bold;
}
.disclaimer__description__text {
  text-align: justify;
}
.disclaimer__footer {
  padding-top: 2rem;
  display: flex;
  gap: 1rem;
  position: sticky;
  bottom: 2rem;
}
.disclaimer__cta {
  display: block;
  padding: 2rem 3rem;
  background: #f8735a;
  color: white;
  border-radius: 1rem;
  text-align: center;
  font-weight: bold;
  flex: 1;
  align-content: center;
}
.disclaimer__cta--gray {
  background: #dedede;
  color: black;
  flex: none;
}