/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/angular-emoji-picker/dist/css/emoji-picker.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
:focus{outline:0}.emoji-popover .close-button-holder,.popover .close-button-holder{position:absolute;right:10px}.emoji-popover .close-button-holder .close-button,.popover .close-button-holder .close-button{cursor:pointer;font-size:20px;font-weight:700;color:#b3b3b3}.emoji-popover .close-button-holder .close-button:hover,.popover .close-button-holder .close-button:hover{color:#d7d7d7}.emoji-picker{text-indent:-9999px;display:inline-block;height:22px;margin-right:.5em;width:22px;cursor:pointer}.emoji-container{margin:0 -10px;min-width:200px;height:200px;overflow:hidden;overflow-y:scroll}.emoji-container::-webkit-scrollbar{width:10px}.emoji-container::-webkit-scrollbar-track-piece{background:#f5f5f5}.emoji-container::-webkit-scrollbar-thumb{background:#ccc;border:1px solid #b3b3b3}.emoji-popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.emoji-popover.top{margin-top:-10px}.emoji-popover.right{margin-left:10px}.emoji-popover.bottom{margin-top:10px}.emoji-popover.left{margin-left:-10px}.emoji-popover .emoji-popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.emoji-popover .emoji-popover-content{padding:9px 14px}@media all and (min-device-pixel-ratio:1),all and (min-resolution:96dpi){.emoji-picker{background:url('../png/emojis.751561f035da1f05.png') no-repeat}}@media all and (min-device-pixel-ratio:1.5),all and (min-resolution:144dpi){.emoji-picker{background:url('../png/emojis%402x.0662c1898d56b5a3.png') no-repeat;background-size:27776px 22px}}@-moz-document url-prefix(){.emoji-picker{background:url('../png/emojis.751561f035da1f05.png') no-repeat}}.emoji-bowtie{background-position:-5px 0}.emoji-smile{background-position:-37px 0}.emoji-laughing{background-position:-69px 0}.emoji-blush{background-position:-101px 0}.emoji-smiley{background-position:-133px 0}.emoji-relaxed{background-position:-165px 0}.emoji-smirk{background-position:-197px 0}.emoji-heart-eyes{background-position:-229px 0}.emoji-kissing-heart{background-position:-261px 0}.emoji-kissing-closed-eyes{background-position:-293px 0}.emoji-flushed{background-position:-325px 0}.emoji-relieved{background-position:-357px 0}.emoji-satisfied{background-position:-389px 0}.emoji-grin{background-position:-421px 0}.emoji-wink{background-position:-453px 0}.emoji-stuck-out-tongue-winking-eye,.emoji-winky-face{background-position:-485px 0}.emoji-stuck-out-tongue-closed-eyes{background-position:-517px 0}.emoji-grinning{background-position:-549px 0}.emoji-kissing{background-position:-581px 0}.emoji-kissing-smiling-eyes{background-position:-613px 0}.emoji-stuck-out-tongue{background-position:-645px 0}.emoji-sleeping{background-position:-677px 0}.emoji-worried{background-position:-709px 0}.emoji-frowning{background-position:-741px 0}.emoji-anguished{background-position:-773px 0}.emoji-open-mouth,.emoji-wow{background-position:-805px 0}.emoji-grimacing{background-position:-837px 0}.emoji-confused{background-position:-869px 0}.emoji-hushed{background-position:-901px 0}.emoji-expressionless{background-position:-933px 0}.emoji-unamused{background-position:-965px 0}.emoji-sweat-smile{background-position:-997px 0}.emoji-sweat{background-position:-1029px 0}.emoji-disappointed-relieved{background-position:-1061px 0}.emoji-weary{background-position:-1093px 0}.emoji-pensive{background-position:-1125px 0}.emoji-disappointed{background-position:-1157px 0}.emoji-confounded{background-position:-1189px 0}.emoji-fearful{background-position:-1221px 0}.emoji-cold-sweat{background-position:-1253px 0}.emoji-persevere{background-position:-1285px 0}.emoji-cry{background-position:-1317px 0}.emoji-sob{background-position:-1349px 0}.emoji-joy{background-position:-1381px 0}.emoji-astonished{background-position:-1413px 0}.emoji-scream{background-position:-1445px 0}.emoji-neckbeard{background-position:-1477px 0}.emoji-tired-face{background-position:-1509px 0}.emoji-angry{background-position:-1541px 0}.emoji-rage{background-position:-1573px 0}.emoji-triumph{background-position:-1605px 0}.emoji-sleepy{background-position:-1637px 0}.emoji-yum{background-position:-1669px 0}.emoji-mask{background-position:-1701px 0}.emoji-sunglasses{background-position:-1733px 0}.emoji-dizzy-face{background-position:-1765px 0}.emoji-imp{background-position:-1797px 0}.emoji-smiling-imp{background-position:-1829px 0}.emoji-neutral-face{background-position:-1861px 0}.emoji-no-mouth{background-position:-1893px 0}.emoji-innocent{background-position:-1925px 0}.emoji-alien{background-position:-1957px 0}.emoji-yellow-heart{background-position:-1989px 0}.emoji-blue-heart{background-position:-2021px 0}.emoji-purple-heart{background-position:-2053px 0}.emoji-heart{background-position:-2085px 0}.emoji-green-heart{background-position:-2117px 0}.emoji-broken-heart{background-position:-2149px 0}.emoji-heartbeat{background-position:-2181px 0}.emoji-heartpulse{background-position:-2213px 0}.emoji-two-hearts{background-position:-2245px 0}.emoji-revolving-hearts{background-position:-2277px 0}.emoji-cupid{background-position:-2309px 0}.emoji-sparkling-heart{background-position:-2341px 0}.emoji-sparkles{background-position:-2373px 0}.emoji-star{background-position:-2405px 0}.emoji-star2{background-position:-2437px 0}.emoji-dizzy{background-position:-2469px 0}.emoji-boom{background-position:-2501px 0}.emoji-collision{background-position:-2533px 0}.emoji-anger{background-position:-2565px 0}.emoji-exclamation{background-position:-2597px 0}.emoji-question{background-position:-2629px 0}.emoji-grey-exclamation{background-position:-2661px 0}.emoji-grey-question{background-position:-2693px 0}.emoji-zzz{background-position:-2725px 0}.emoji-dash{background-position:-2757px 0}.emoji-sweat-drops{background-position:-2789px 0}.emoji-notes{background-position:-2821px 0}.emoji-musical-note{background-position:-2853px 0}.emoji-fire{background-position:-2885px 0}.emoji-hankey{background-position:-2917px 0}.emoji-poop{background-position:-2949px 0}.emoji-shit{background-position:-2981px 0}.emoji-\+1{background-position:-3013px 0}.emoji-thumbsup{background-position:-3045px 0}.emoji-\-1{background-position:-3077px 0}.emoji-thumbsdown{background-position:-3109px 0}.emoji-ok-hand{background-position:-3141px 0}.emoji-punch{background-position:-3173px 0}.emoji-facepunch{background-position:-3205px 0}.emoji-fist{background-position:-3237px 0}.emoji-v{background-position:-3269px 0}.emoji-wave{background-position:-3301px 0}.emoji-hand{background-position:-3333px 0}.emoji-raised-hand{background-position:-3365px 0}.emoji-open-hands{background-position:-3397px 0}.emoji-point-up{background-position:-3429px 0}.emoji-point-down{background-position:-3461px 0}.emoji-point-left{background-position:-3493px 0}.emoji-point-right{background-position:-3525px 0}.emoji-raised-hands{background-position:-3557px 0}.emoji-pray{background-position:-3589px 0}.emoji-point-up-2{background-position:-3621px 0}.emoji-clap{background-position:-3653px 0}.emoji-muscle{background-position:-3685px 0}.emoji-metal{background-position:-3717px 0}.emoji-fu{background-position:-3749px 0}.emoji-walking{background-position:-3781px 0}.emoji-runner{background-position:-3813px 0}.emoji-running{background-position:-3845px 0}.emoji-couple{background-position:-3877px 0}.emoji-family{background-position:-3909px 0}.emoji-two-men-holding-hands{background-position:-3941px 0}.emoji-two-women-holding-hands{background-position:-3973px 0}.emoji-dancer{background-position:-4005px 0}.emoji-dancers{background-position:-4037px 0}.emoji-ok-woman{background-position:-4069px 0}.emoji-no-good{background-position:-4101px 0}.emoji-information-desk-person{background-position:-4133px 0}.emoji-raising-hand{background-position:-4165px 0}.emoji-bride-with-veil{background-position:-4197px 0}.emoji-person-with-pouting-face{background-position:-4229px 0}.emoji-person-frowning{background-position:-4261px 0}.emoji-bow{background-position:-4293px 0}.emoji-couplekiss{background-position:-4325px 0}.emoji-couple-with-heart{background-position:-4357px 0}.emoji-massage{background-position:-4389px 0}.emoji-haircut{background-position:-4421px 0}.emoji-nail-care{background-position:-4453px 0}.emoji-boy{background-position:-4485px 0}.emoji-girl{background-position:-4517px 0}.emoji-woman{background-position:-4549px 0}.emoji-man{background-position:-4581px 0}.emoji-baby{background-position:-4613px 0}.emoji-older-woman{background-position:-4645px 0}.emoji-older-man{background-position:-4677px 0}.emoji-person-with-blond-hair{background-position:-4709px 0}.emoji-man-with-gua-pi-mao{background-position:-4741px 0}.emoji-man-with-turban{background-position:-4773px 0}.emoji-construction-worker{background-position:-4805px 0}.emoji-cop{background-position:-4837px 0}.emoji-angel{background-position:-4869px 0}.emoji-princess{background-position:-4901px 0}.emoji-smiley-cat{background-position:-4933px 0}.emoji-smile-cat{background-position:-4965px 0}.emoji-heart-eyes-cat{background-position:-4997px 0}.emoji-kissing-cat{background-position:-5029px 0}.emoji-smirk-cat{background-position:-5061px 0}.emoji-scream-cat{background-position:-5093px 0}.emoji-crying-cat-face{background-position:-5125px 0}.emoji-joy-cat{background-position:-5157px 0}.emoji-pouting-cat{background-position:-5189px 0}.emoji-japanese-ogre{background-position:-5221px 0}.emoji-japanese-goblin{background-position:-5253px 0}.emoji-see-no-evil{background-position:-5285px 0}.emoji-hear-no-evil{background-position:-5317px 0}.emoji-speak-no-evil{background-position:-5349px 0}.emoji-guardsman{background-position:-5381px 0}.emoji-skull{background-position:-5413px 0}.emoji-feet{background-position:-5445px 0}.emoji-lips{background-position:-5477px 0}.emoji-kiss{background-position:-5509px 0}.emoji-droplet{background-position:-5541px 0}.emoji-ear{background-position:-5573px 0}.emoji-eyes{background-position:-5605px 0}.emoji-nose{background-position:-5637px 0}.emoji-tongue{background-position:-5669px 0}.emoji-love-letter{background-position:-5701px 0}.emoji-bust-in-silhouette{background-position:-5733px 0}.emoji-busts-in-silhouette{background-position:-5765px 0}.emoji-speech-balloon{background-position:-5797px 0}.emoji-thought-balloon{background-position:-5829px 0}.emoji-feelsgood{background-position:-5861px 0}.emoji-finnadie{background-position:-5893px 0}.emoji-goberserk{background-position:-5925px 0}.emoji-godmode{background-position:-5957px 0}.emoji-hurtrealbad{background-position:-5989px 0}.emoji-rage1{background-position:-6021px 0}.emoji-rage2{background-position:-6053px 0}.emoji-rage3{background-position:-6085px 0}.emoji-rage4{background-position:-6117px 0}.emoji-suspect{background-position:-6149px 0}.emoji-trollface{background-position:-6181px 0}.emoji-sunny{background-position:-6213px 0}.emoji-umbrella{background-position:-6245px 0}.emoji-cloud{background-position:-6277px 0}.emoji-snowflake{background-position:-6309px 0}.emoji-snowman{background-position:-6341px 0}.emoji-zap{background-position:-6373px 0}.emoji-cyclone{background-position:-6405px 0}.emoji-foggy{background-position:-6437px 0}.emoji-ocean{background-position:-6469px 0}.emoji-cat{background-position:-6501px 0}.emoji-dog{background-position:-6533px 0}.emoji-mouse{background-position:-6565px 0}.emoji-hamster{background-position:-6597px 0}.emoji-rabbit{background-position:-6629px 0}.emoji-wolf{background-position:-6661px 0}.emoji-frog{background-position:-6693px 0}.emoji-tiger{background-position:-6725px 0}.emoji-koala{background-position:-6757px 0}.emoji-bear{background-position:-6789px 0}.emoji-pig{background-position:-6821px 0}.emoji-pig-nose{background-position:-6853px 0}.emoji-cow{background-position:-6885px 0}.emoji-boar{background-position:-6917px 0}.emoji-monkey-face{background-position:-6949px 0}.emoji-monkey{background-position:-6981px 0}.emoji-horse{background-position:-7013px 0}.emoji-racehorse{background-position:-7045px 0}.emoji-camel{background-position:-7077px 0}.emoji-sheep{background-position:-7109px 0}.emoji-elephant{background-position:-7141px 0}.emoji-panda-face{background-position:-7173px 0}.emoji-snake{background-position:-7205px 0}.emoji-bird{background-position:-7237px 0}.emoji-baby-chick{background-position:-7269px 0}.emoji-hatched-chick{background-position:-7301px 0}.emoji-hatching-chick{background-position:-7333px 0}.emoji-chicken{background-position:-7365px 0}.emoji-penguin{background-position:-7397px 0}.emoji-turtle{background-position:-7429px 0}.emoji-bug{background-position:-7461px 0}.emoji-honeybee{background-position:-7493px 0}.emoji-ant{background-position:-7525px 0}.emoji-beetle{background-position:-7557px 0}.emoji-snail{background-position:-7589px 0}.emoji-octopus{background-position:-7621px 0}.emoji-tropical-fish{background-position:-7653px 0}.emoji-fish{background-position:-7685px 0}.emoji-whale{background-position:-7717px 0}.emoji-whale2{background-position:-7749px 0}.emoji-dolphin{background-position:-7781px 0}.emoji-cow2{background-position:-7813px 0}.emoji-ram{background-position:-7845px 0}.emoji-rat{background-position:-7877px 0}.emoji-water-buffalo{background-position:-7909px 0}.emoji-tiger2{background-position:-7941px 0}.emoji-rabbit2{background-position:-7973px 0}.emoji-dragon{background-position:-8005px 0}.emoji-goat{background-position:-8037px 0}.emoji-rooster{background-position:-8069px 0}.emoji-dog2{background-position:-8101px 0}.emoji-pig2{background-position:-8133px 0}.emoji-mouse2{background-position:-8165px 0}.emoji-ox{background-position:-8197px 0}.emoji-dragon-face{background-position:-8229px 0}.emoji-blowfish{background-position:-8261px 0}.emoji-crocodile{background-position:-8293px 0}.emoji-dromedary-camel{background-position:-8325px 0}.emoji-leopard{background-position:-8357px 0}.emoji-cat2{background-position:-8389px 0}.emoji-poodle{background-position:-8421px 0}.emoji-paw-prints{background-position:-8453px 0}.emoji-bouquet{background-position:-8485px 0}.emoji-cherry-blossom{background-position:-8517px 0}.emoji-tulip{background-position:-8549px 0}.emoji-four-leaf-clover{background-position:-8581px 0}.emoji-rose{background-position:-8613px 0}.emoji-sunflower{background-position:-8645px 0}.emoji-hibiscus{background-position:-8677px 0}.emoji-maple-leaf{background-position:-8709px 0}.emoji-leaves{background-position:-8741px 0}.emoji-fallen-leaf{background-position:-8773px 0}.emoji-herb{background-position:-8805px 0}.emoji-mushroom{background-position:-8837px 0}.emoji-cactus{background-position:-8869px 0}.emoji-palm-tree{background-position:-8901px 0}.emoji-evergreen-tree{background-position:-8933px 0}.emoji-deciduous-tree{background-position:-8965px 0}.emoji-chestnut{background-position:-8997px 0}.emoji-seedling{background-position:-9029px 0}.emoji-blossom{background-position:-9061px 0}.emoji-ear-of-rice{background-position:-9093px 0}.emoji-shell{background-position:-9125px 0}.emoji-globe-with-meridians{background-position:-9157px 0}.emoji-sun-with-face{background-position:-9189px 0}.emoji-full-moon-with-face{background-position:-9221px 0}.emoji-new-moon-with-face{background-position:-9253px 0}.emoji-new-moon{background-position:-9285px 0}.emoji-waxing-crescent-moon{background-position:-9317px 0}.emoji-first-quarter-moon{background-position:-9349px 0}.emoji-waxing-gibbous-moon{background-position:-9381px 0}.emoji-full-moon{background-position:-9413px 0}.emoji-waning-gibbous-moon{background-position:-9445px 0}.emoji-last-quarter-moon{background-position:-9477px 0}.emoji-waning-crescent-moon{background-position:-9509px 0}.emoji-last-quarter-moon-with-face{background-position:-9541px 0}.emoji-first-quarter-moon-with-face{background-position:-9573px 0}.emoji-moon{background-position:-9605px 0}.emoji-earth-africa{background-position:-9637px 0}.emoji-earth-americas{background-position:-9669px 0}.emoji-earth-asia{background-position:-9701px 0}.emoji-volcano{background-position:-9733px 0}.emoji-milky-way{background-position:-9765px 0}.emoji-partly-sunny{background-position:-9797px 0}.emoji-octocat{background-position:-9829px 0}.emoji-squirrel{background-position:-9861px 0}.emoji-bamboo{background-position:-9893px 0}.emoji-gift-heart{background-position:-9925px 0}.emoji-dolls{background-position:-9957px 0}.emoji-school-satchel{background-position:-9989px 0}.emoji-mortar-board{background-position:-10021px 0}.emoji-flags{background-position:-10053px 0}.emoji-fireworks{background-position:-10085px 0}.emoji-sparkler{background-position:-10117px 0}.emoji-wind-chime{background-position:-10149px 0}.emoji-rice-scene{background-position:-10181px 0}.emoji-jack-o-lantern{background-position:-10213px 0}.emoji-ghost{background-position:-10245px 0}.emoji-santa{background-position:-10277px 0}.emoji-christmas-tree{background-position:-10309px 0}.emoji-gift{background-position:-10341px 0}.emoji-bell{background-position:-10373px 0}.emoji-no-bell{background-position:-10405px 0}.emoji-tanabata-tree{background-position:-10437px 0}.emoji-tada{background-position:-10469px 0}.emoji-confetti-ball{background-position:-10501px 0}.emoji-balloon{background-position:-10533px 0}.emoji-crystal-ball{background-position:-10565px 0}.emoji-cd{background-position:-10597px 0}.emoji-dvd{background-position:-10629px 0}.emoji-floppy-disk{background-position:-10661px 0}.emoji-camera{background-position:-10693px 0}.emoji-video-camera{background-position:-10725px 0}.emoji-movie-camera{background-position:-10757px 0}.emoji-computer{background-position:-10789px 0}.emoji-tv{background-position:-10821px 0}.emoji-iphone{background-position:-10853px 0}.emoji-phone{background-position:-10885px 0}.emoji-telephone{background-position:-10917px 0}.emoji-telephone-receiver{background-position:-10949px 0}.emoji-pager{background-position:-10981px 0}.emoji-fax{background-position:-11013px 0}.emoji-minidisc{background-position:-11045px 0}.emoji-vhs{background-position:-11077px 0}.emoji-sound{background-position:-11109px 0}.emoji-speaker{background-position:-11141px 0}.emoji-mute{background-position:-11173px 0}.emoji-loudspeaker{background-position:-11205px 0}.emoji-mega{background-position:-11237px 0}.emoji-hourglass{background-position:-11269px 0}.emoji-hourglass-flowing-sand{background-position:-11301px 0}.emoji-alarm-clock{background-position:-11333px 0}.emoji-watch{background-position:-11365px 0}.emoji-radio{background-position:-11397px 0}.emoji-satellite{background-position:-11429px 0}.emoji-loop{background-position:-11461px 0}.emoji-mag{background-position:-11493px 0}.emoji-mag-right{background-position:-11525px 0}.emoji-unlock{background-position:-11557px 0}.emoji-lock{background-position:-11589px 0}.emoji-lock-with-ink-pen{background-position:-11621px 0}.emoji-closed-lock-with-key{background-position:-11653px 0}.emoji-key{background-position:-11685px 0}.emoji-bulb{background-position:-11717px 0}.emoji-flashlight{background-position:-11749px 0}.emoji-high-brightness{background-position:-11781px 0}.emoji-low-brightness{background-position:-11813px 0}.emoji-electric-plug{background-position:-11845px 0}.emoji-battery{background-position:-11877px 0}.emoji-calling{background-position:-11909px 0}.emoji-email{background-position:-11941px 0}.emoji-mailbox{background-position:-11973px 0}.emoji-postbox{background-position:-12005px 0}.emoji-bath{background-position:-12037px 0}.emoji-bathtub{background-position:-12069px 0}.emoji-shower{background-position:-12101px 0}.emoji-toilet{background-position:-12133px 0}.emoji-wrench{background-position:-12165px 0}.emoji-nut-and-bolt{background-position:-12197px 0}.emoji-hammer{background-position:-12229px 0}.emoji-seat{background-position:-12261px 0}.emoji-moneybag{background-position:-12293px 0}.emoji-yen{background-position:-12325px 0}.emoji-dollar{background-position:-12357px 0}.emoji-pound{background-position:-12389px 0}.emoji-euro{background-position:-12421px 0}.emoji-credit-card{background-position:-12453px 0}.emoji-money-with-wings{background-position:-12485px 0}.emoji-e\-mail{background-position:-12517px 0}.emoji-inbox-tray{background-position:-12549px 0}.emoji-outbox-tray{background-position:-12581px 0}.emoji-envelope{background-position:-12613px 0}.emoji-incoming-envelope{background-position:-12645px 0}.emoji-postal-horn{background-position:-12677px 0}.emoji-mailbox-closed{background-position:-12709px 0}.emoji-mailbox-with-mail{background-position:-12741px 0}.emoji-mailbox-with-no-mail{background-position:-12773px 0}.emoji-door{background-position:-12805px 0}.emoji-smoking{background-position:-12837px 0}.emoji-bomb{background-position:-12869px 0}.emoji-gun{background-position:-12901px 0}.emoji-hocho{background-position:-12933px 0}.emoji-pill{background-position:-12965px 0}.emoji-syringe{background-position:-12997px 0}.emoji-page-facing-up{background-position:-13029px 0}.emoji-page-with-curl{background-position:-13061px 0}.emoji-bookmark-tabs{background-position:-13093px 0}.emoji-bar-chart{background-position:-13125px 0}.emoji-chart-with-upwards-trend{background-position:-13157px 0}.emoji-chart-with-downwards-trend{background-position:-13189px 0}.emoji-scroll{background-position:-13221px 0}.emoji-clipboard{background-position:-13253px 0}.emoji-calendar{background-position:-13285px 0}.emoji-date{background-position:-13317px 0}.emoji-card-index{background-position:-13349px 0}.emoji-file-folder{background-position:-13381px 0}.emoji-open-file-folder{background-position:-13413px 0}.emoji-scissors{background-position:-13445px 0}.emoji-pushpin{background-position:-13477px 0}.emoji-paperclip{background-position:-13509px 0}.emoji-black-nib{background-position:-13541px 0}.emoji-pencil2{background-position:-13573px 0}.emoji-straight-ruler{background-position:-13605px 0}.emoji-triangular-ruler{background-position:-13637px 0}.emoji-closed-book{background-position:-13669px 0}.emoji-green-book{background-position:-13701px 0}.emoji-blue-book{background-position:-13733px 0}.emoji-orange-book{background-position:-13765px 0}.emoji-notebook{background-position:-13797px 0}.emoji-notebook-with-decorative-cover{background-position:-13829px 0}.emoji-ledger{background-position:-13861px 0}.emoji-books{background-position:-13893px 0}.emoji-bookmark{background-position:-13925px 0}.emoji-name-badge{background-position:-13957px 0}.emoji-microscope{background-position:-13989px 0}.emoji-telescope{background-position:-14021px 0}.emoji-newspaper{background-position:-14053px 0}.emoji-football{background-position:-14085px 0}.emoji-basketball{background-position:-14117px 0}.emoji-soccer{background-position:-14149px 0}.emoji-baseball{background-position:-14181px 0}.emoji-tennis{background-position:-14213px 0}.emoji-8ball{background-position:-14245px 0}.emoji-rugby-football{background-position:-14277px 0}.emoji-bowling{background-position:-14309px 0}.emoji-golf{background-position:-14341px 0}.emoji-mountain-bicyclist{background-position:-14373px 0}.emoji-bicyclist{background-position:-14405px 0}.emoji-horse-racing{background-position:-14437px 0}.emoji-snowboarder{background-position:-14469px 0}.emoji-swimmer{background-position:-14501px 0}.emoji-surfer{background-position:-14533px 0}.emoji-ski{background-position:-14565px 0}.emoji-spades{background-position:-14597px 0}.emoji-hearts{background-position:-14629px 0}.emoji-clubs{background-position:-14661px 0}.emoji-diamonds{background-position:-14693px 0}.emoji-gem{background-position:-14725px 0}.emoji-ring{background-position:-14757px 0}.emoji-trophy{background-position:-14789px 0}.emoji-musical-score{background-position:-14821px 0}.emoji-musical-keyboard{background-position:-14853px 0}.emoji-violin{background-position:-14885px 0}.emoji-space-invader{background-position:-14917px 0}.emoji-video-game{background-position:-14949px 0}.emoji-black-joker{background-position:-14981px 0}.emoji-flower-playing-cards{background-position:-15013px 0}.emoji-game-die{background-position:-15045px 0}.emoji-dart{background-position:-15077px 0}.emoji-mahjong{background-position:-15109px 0}.emoji-clapper{background-position:-15141px 0}.emoji-memo{background-position:-15173px 0}.emoji-pencil{background-position:-15205px 0}.emoji-book{background-position:-15237px 0}.emoji-art{background-position:-15269px 0}.emoji-microphone{background-position:-15301px 0}.emoji-headphones{background-position:-15333px 0}.emoji-trumpet{background-position:-15365px 0}.emoji-saxophone{background-position:-15397px 0}.emoji-guitar{background-position:-15429px 0}.emoji-shoe{background-position:-15461px 0}.emoji-sandal{background-position:-15493px 0}.emoji-high-heel{background-position:-15525px 0}.emoji-lipstick{background-position:-15557px 0}.emoji-boot{background-position:-15589px 0}.emoji-shirt{background-position:-15621px 0}.emoji-tshirt{background-position:-15653px 0}.emoji-necktie{background-position:-15685px 0}.emoji-womans-clothes{background-position:-15717px 0}.emoji-dress{background-position:-15749px 0}.emoji-running-shirt-with-sash{background-position:-15781px 0}.emoji-jeans{background-position:-15813px 0}.emoji-kimono{background-position:-15845px 0}.emoji-bikini{background-position:-15877px 0}.emoji-ribbon{background-position:-15909px 0}.emoji-tophat{background-position:-15941px 0}.emoji-crown{background-position:-15973px 0}.emoji-womans-hat{background-position:-16005px 0}.emoji-mans-shoe{background-position:-16037px 0}.emoji-closed-umbrella{background-position:-16069px 0}.emoji-briefcase{background-position:-16101px 0}.emoji-handbag{background-position:-16133px 0}.emoji-pouch{background-position:-16165px 0}.emoji-purse{background-position:-16197px 0}.emoji-eyeglasses{background-position:-16229px 0}.emoji-fishing-pole-and-fish{background-position:-16261px 0}.emoji-coffee{background-position:-16293px 0}.emoji-tea{background-position:-16325px 0}.emoji-sake{background-position:-16357px 0}.emoji-baby-bottle{background-position:-16389px 0}.emoji-beer{background-position:-16421px 0}.emoji-beers{background-position:-16453px 0}.emoji-cocktail{background-position:-16485px 0}.emoji-tropical-drink{background-position:-16517px 0}.emoji-wine-glass{background-position:-16549px 0}.emoji-fork-and-knife{background-position:-16581px 0}.emoji-pizza{background-position:-16613px 0}.emoji-hamburger{background-position:-16645px 0}.emoji-fries{background-position:-16677px 0}.emoji-poultry-leg{background-position:-16709px 0}.emoji-meat-on-bone{background-position:-16741px 0}.emoji-spaghetti{background-position:-16773px 0}.emoji-curry{background-position:-16805px 0}.emoji-fried-shrimp{background-position:-16837px 0}.emoji-bento{background-position:-16869px 0}.emoji-sushi{background-position:-16901px 0}.emoji-fish-cake{background-position:-16933px 0}.emoji-rice-ball{background-position:-16965px 0}.emoji-rice-cracker{background-position:-16997px 0}.emoji-rice{background-position:-17029px 0}.emoji-ramen{background-position:-17061px 0}.emoji-stew{background-position:-17093px 0}.emoji-oden{background-position:-17125px 0}.emoji-dango{background-position:-17157px 0}.emoji-egg{background-position:-17189px 0}.emoji-bread{background-position:-17221px 0}.emoji-doughnut{background-position:-17253px 0}.emoji-custard{background-position:-17285px 0}.emoji-icecream{background-position:-17317px 0}.emoji-ice-cream{background-position:-17349px 0}.emoji-shaved-ice{background-position:-17381px 0}.emoji-birthday{background-position:-17413px 0}.emoji-cake{background-position:-17445px 0}.emoji-cookie{background-position:-17477px 0}.emoji-chocolate-bar{background-position:-17509px 0}.emoji-candy{background-position:-17541px 0}.emoji-lollipop{background-position:-17573px 0}.emoji-honey-pot{background-position:-17605px 0}.emoji-apple{background-position:-17637px 0}.emoji-green-apple{background-position:-17669px 0}.emoji-tangerine{background-position:-17701px 0}.emoji-lemon{background-position:-17733px 0}.emoji-cherries{background-position:-17765px 0}.emoji-grapes{background-position:-17797px 0}.emoji-watermelon{background-position:-17829px 0}.emoji-strawberry{background-position:-17861px 0}.emoji-peach{background-position:-17893px 0}.emoji-melon{background-position:-17925px 0}.emoji-banana{background-position:-17957px 0}.emoji-pear{background-position:-17989px 0}.emoji-pineapple{background-position:-18021px 0}.emoji-sweet-potato{background-position:-18053px 0}.emoji-eggplant{background-position:-18085px 0}.emoji-tomato{background-position:-18117px 0}.emoji-corn{background-position:-18149px 0}.emoji-house{background-position:-18181px 0}.emoji-house-with-garden{background-position:-18213px 0}.emoji-school{background-position:-18245px 0}.emoji-office{background-position:-18277px 0}.emoji-post-office{background-position:-18309px 0}.emoji-hospital{background-position:-18341px 0}.emoji-bank{background-position:-18373px 0}.emoji-convenience-store{background-position:-18405px 0}.emoji-love-hotel{background-position:-18437px 0}.emoji-hotel{background-position:-18469px 0}.emoji-wedding{background-position:-18501px 0}.emoji-church{background-position:-18533px 0}.emoji-department-store{background-position:-18565px 0}.emoji-european-post-office{background-position:-18597px 0}.emoji-city-sunrise{background-position:-18629px 0}.emoji-city-sunset{background-position:-18661px 0}.emoji-japanese-castle{background-position:-18693px 0}.emoji-european-castle{background-position:-18725px 0}.emoji-tent{background-position:-18757px 0}.emoji-factory{background-position:-18789px 0}.emoji-tokyo-tower{background-position:-18821px 0}.emoji-japan{background-position:-18853px 0}.emoji-mount-fuji{background-position:-18885px 0}.emoji-sunrise-over-mountains{background-position:-18917px 0}.emoji-sunrise{background-position:-18949px 0}.emoji-stars,.emoji-themoreyouknow,.emoji-tmyk{background-position:-18981px 0}.emoji-statue-of-liberty{background-position:-19013px 0}.emoji-bridge-at-night{background-position:-19045px 0}.emoji-carousel-horse{background-position:-19077px 0}.emoji-rainbow{background-position:-19109px 0}.emoji-ferris-wheel{background-position:-19141px 0}.emoji-fountain{background-position:-19173px 0}.emoji-roller-coaster{background-position:-19205px 0}.emoji-ship{background-position:-19237px 0}.emoji-speedboat{background-position:-19269px 0}.emoji-boat{background-position:-19301px 0}.emoji-sailboat{background-position:-19333px 0}.emoji-rowboat{background-position:-19365px 0}.emoji-anchor{background-position:-19397px 0}.emoji-rocket{background-position:-19429px 0}.emoji-airplane{background-position:-19461px 0}.emoji-helicopter{background-position:-19493px 0}.emoji-steam-locomotive{background-position:-19525px 0}.emoji-tram{background-position:-19557px 0}.emoji-mountain-railway{background-position:-19589px 0}.emoji-bike{background-position:-19621px 0}.emoji-aerial-tramway{background-position:-19653px 0}.emoji-suspension-railway{background-position:-19685px 0}.emoji-mountain-cableway{background-position:-19717px 0}.emoji-tractor{background-position:-19749px 0}.emoji-blue-car{background-position:-19781px 0}.emoji-oncoming-automobile{background-position:-19813px 0}.emoji-car{background-position:-19845px 0}.emoji-red-car{background-position:-19877px 0}.emoji-taxi{background-position:-19909px 0}.emoji-oncoming-taxi{background-position:-19941px 0}.emoji-articulated-lorry{background-position:-19973px 0}.emoji-bus{background-position:-20005px 0}.emoji-oncoming-bus{background-position:-20037px 0}.emoji-rotating-light{background-position:-20069px 0}.emoji-police-car{background-position:-20101px 0}.emoji-oncoming-police-car{background-position:-20133px 0}.emoji-fire-engine{background-position:-20165px 0}.emoji-ambulance{background-position:-20197px 0}.emoji-minibus{background-position:-20229px 0}.emoji-truck{background-position:-20261px 0}.emoji-train{background-position:-20293px 0}.emoji-station{background-position:-20325px 0}.emoji-train2{background-position:-20357px 0}.emoji-bullettrain-front{background-position:-20389px 0}.emoji-bullettrain-side{background-position:-20421px 0}.emoji-light-rail{background-position:-20453px 0}.emoji-monorail{background-position:-20485px 0}.emoji-railway-car{background-position:-20517px 0}.emoji-trolleybus{background-position:-20549px 0}.emoji-ticket{background-position:-20581px 0}.emoji-fuelpump{background-position:-20613px 0}.emoji-vertical-traffic-light{background-position:-20645px 0}.emoji-traffic-light{background-position:-20677px 0}.emoji-warning{background-position:-20709px 0}.emoji-construction{background-position:-20741px 0}.emoji-beginner{background-position:-20773px 0}.emoji-atm{background-position:-20805px 0}.emoji-slot-machine{background-position:-20837px 0}.emoji-busstop{background-position:-20869px 0}.emoji-barber{background-position:-20901px 0}.emoji-hotsprings{background-position:-20933px 0}.emoji-checkered-flag{background-position:-20965px 0}.emoji-crossed-flags{background-position:-20997px 0}.emoji-izakaya-lantern{background-position:-21029px 0}.emoji-moyai{background-position:-21061px 0}.emoji-circus-tent{background-position:-21093px 0}.emoji-performing-arts{background-position:-21125px 0}.emoji-round-pushpin{background-position:-21157px 0}.emoji-triangular-flag-on-post{background-position:-21189px 0}.emoji-jp{background-position:-21221px 0}.emoji-kr{background-position:-21253px 0}.emoji-cn{background-position:-21285px 0}.emoji-us{background-position:-21317px 0}.emoji-fr{background-position:-21349px 0}.emoji-es{background-position:-21381px 0}.emoji-it{background-position:-21413px 0}.emoji-ru{background-position:-21445px 0}.emoji-gb{background-position:-21477px 0}.emoji-uk{background-position:-21509px 0}.emoji-de{background-position:-21541px 0}.emoji-one{background-position:-21573px 0}.emoji-two{background-position:-21605px 0}.emoji-three{background-position:-21637px 0}.emoji-four{background-position:-21669px 0}.emoji-five{background-position:-21701px 0}.emoji-six{background-position:-21733px 0}.emoji-seven{background-position:-21765px 0}.emoji-eight{background-position:-21797px 0}.emoji-nine{background-position:-21829px 0}.emoji-keycap-ten{background-position:-21861px 0}.emoji-1234{background-position:-21893px 0}.emoji-zero{background-position:-21925px 0}.emoji-hash{background-position:-21957px 0}.emoji-symbols{background-position:-21989px 0}.emoji-arrow-backward{background-position:-22021px 0}.emoji-arrow-down{background-position:-22053px 0}.emoji-arrow-forward{background-position:-22085px 0}.emoji-arrow-left{background-position:-22117px 0}.emoji-capital-abcd{background-position:-22149px 0}.emoji-abcd{background-position:-22181px 0}.emoji-abc{background-position:-22213px 0}.emoji-arrow-lower-left{background-position:-22245px 0}.emoji-arrow-lower-right{background-position:-22277px 0}.emoji-arrow-right{background-position:-22309px 0}.emoji-arrow-up{background-position:-22341px 0}.emoji-arrow-upper-left{background-position:-22373px 0}.emoji-arrow-upper-right{background-position:-22405px 0}.emoji-arrow-double-down{background-position:-22437px 0}.emoji-arrow-double-up{background-position:-22469px 0}.emoji-arrow-down-small{background-position:-22501px 0}.emoji-arrow-heading-down{background-position:-22533px 0}.emoji-arrow-heading-up{background-position:-22565px 0}.emoji-leftwards-arrow-with-hook{background-position:-22597px 0}.emoji-arrow-right-hook{background-position:-22629px 0}.emoji-left-right-arrow{background-position:-22661px 0}.emoji-arrow-up-down{background-position:-22693px 0}.emoji-arrow-up-small{background-position:-22725px 0}.emoji-arrows-clockwise{background-position:-22757px 0}.emoji-arrows-counterclockwise{background-position:-22789px 0}.emoji-rewind{background-position:-22821px 0}.emoji-fast-forward{background-position:-22853px 0}.emoji-information-source{background-position:-22885px 0}.emoji-ok{background-position:-22917px 0}.emoji-twisted-rightwards-arrows{background-position:-22949px 0}.emoji-repeat{background-position:-22981px 0}.emoji-repeat-one{background-position:-23013px 0}.emoji-new{background-position:-23045px 0}.emoji-top{background-position:-23077px 0}.emoji-up{background-position:-23109px 0}.emoji-cool{background-position:-23141px 0}.emoji-free{background-position:-23173px 0}.emoji-ng{background-position:-23205px 0}.emoji-cinema{background-position:-23237px 0}.emoji-koko{background-position:-23269px 0}.emoji-signal-strength{background-position:-23301px 0}.emoji-u5272{background-position:-23333px 0}.emoji-u5408{background-position:-23365px 0}.emoji-u55b6{background-position:-23397px 0}.emoji-u6307{background-position:-23429px 0}.emoji-u6708{background-position:-23461px 0}.emoji-u6709{background-position:-23493px 0}.emoji-u6e80{background-position:-23525px 0}.emoji-u7121{background-position:-23557px 0}.emoji-u7533{background-position:-23589px 0}.emoji-u7a7a{background-position:-23621px 0}.emoji-u7981{background-position:-23653px 0}.emoji-sa{background-position:-23685px 0}.emoji-restroom{background-position:-23717px 0}.emoji-mens{background-position:-23749px 0}.emoji-womens{background-position:-23781px 0}.emoji-baby-symbol{background-position:-23813px 0}.emoji-no-smoking{background-position:-23845px 0}.emoji-parking{background-position:-23877px 0}.emoji-wheelchair{background-position:-23909px 0}.emoji-metro{background-position:-23941px 0}.emoji-baggage-claim{background-position:-23973px 0}.emoji-accept{background-position:-24005px 0}.emoji-wc{background-position:-24037px 0}.emoji-potable-water{background-position:-24069px 0}.emoji-put-litter-in-its-place{background-position:-24101px 0}.emoji-secret{background-position:-24133px 0}.emoji-congratulations{background-position:-24165px 0}.emoji-m{background-position:-24197px 0}.emoji-passport-control{background-position:-24229px 0}.emoji-left-luggage{background-position:-24261px 0}.emoji-customs{background-position:-24293px 0}.emoji-ideograph-advantage{background-position:-24325px 0}.emoji-cl{background-position:-24357px 0}.emoji-sos{background-position:-24389px 0}.emoji-id{background-position:-24421px 0}.emoji-no-entry-sign{background-position:-24453px 0}.emoji-underage{background-position:-24485px 0}.emoji-no-mobile-phones{background-position:-24517px 0}.emoji-do-not-litter{background-position:-24549px 0}.emoji-non\-potable-water{background-position:-24581px 0}.emoji-no-bicycles{background-position:-24613px 0}.emoji-no-pedestrians{background-position:-24645px 0}.emoji-children-crossing{background-position:-24677px 0}.emoji-no-entry{background-position:-24709px 0}.emoji-eight-spoked-asterisk{background-position:-24741px 0}.emoji-eight-pointed-black-star{background-position:-24773px 0}.emoji-heart-decoration{background-position:-24805px 0}.emoji-vs{background-position:-24837px 0}.emoji-vibration-mode{background-position:-24869px 0}.emoji-mobile-phone-off{background-position:-24901px 0}.emoji-chart{background-position:-24933px 0}.emoji-currency-exchange{background-position:-24965px 0}.emoji-aries{background-position:-24997px 0}.emoji-taurus{background-position:-25029px 0}.emoji-gemini{background-position:-25061px 0}.emoji-cancer{background-position:-25093px 0}.emoji-leo{background-position:-25125px 0}.emoji-virgo{background-position:-25157px 0}.emoji-libra{background-position:-25189px 0}.emoji-scorpius{background-position:-25221px 0}.emoji-sagittarius{background-position:-25253px 0}.emoji-capricorn{background-position:-25285px 0}.emoji-aquarius{background-position:-25317px 0}.emoji-pisces{background-position:-25349px 0}.emoji-ophiuchus{background-position:-25381px 0}.emoji-six-pointed-star{background-position:-25413px 0}.emoji-negative-squared-cross-mark{background-position:-25445px 0}.emoji-a{background-position:-25477px 0}.emoji-b{background-position:-25509px 0}.emoji-ab{background-position:-25541px 0}.emoji-o2{background-position:-25573px 0}.emoji-diamond-shape-with-a-dot-inside{background-position:-25605px 0}.emoji-recycle{background-position:-25637px 0}.emoji-end{background-position:-25669px 0}.emoji-on{background-position:-25701px 0}.emoji-soon{background-position:-25733px 0}.emoji-clock1{background-position:-25765px 0}.emoji-clock130{background-position:-25797px 0}.emoji-clock10{background-position:-25829px 0}.emoji-clock1030{background-position:-25861px 0}.emoji-clock11{background-position:-25893px 0}.emoji-clock1130{background-position:-25925px 0}.emoji-clock12{background-position:-25957px 0}.emoji-clock1230{background-position:-25989px 0}.emoji-clock2{background-position:-26021px 0}.emoji-clock230{background-position:-26053px 0}.emoji-clock3{background-position:-26085px 0}.emoji-clock330{background-position:-26117px 0}.emoji-clock4{background-position:-26149px 0}.emoji-clock430{background-position:-26181px 0}.emoji-clock5{background-position:-26213px 0}.emoji-clock530{background-position:-26245px 0}.emoji-clock6{background-position:-26277px 0}.emoji-clock630{background-position:-26309px 0}.emoji-clock7{background-position:-26341px 0}.emoji-clock730{background-position:-26373px 0}.emoji-clock8{background-position:-26405px 0}.emoji-clock830{background-position:-26437px 0}.emoji-clock9{background-position:-26469px 0}.emoji-clock930{background-position:-26501px 0}.emoji-heavy-dollar-sign{background-position:-26533px 0}.emoji-copyright{background-position:-26565px 0}.emoji-registered{background-position:-26597px 0}.emoji-tm{background-position:-26629px 0}.emoji-x{background-position:-26661px 0}.emoji-heavy-exclamation-mark{background-position:-26693px 0}.emoji-bangbang{background-position:-26725px 0}.emoji-interrobang{background-position:-26757px 0}.emoji-o{background-position:-26789px 0}.emoji-heavy-multiplication-x{background-position:-26821px 0}.emoji-heavy-plus-sign{background-position:-26853px 0}.emoji-heavy-minus-sign{background-position:-26885px 0}.emoji-heavy-division-sign{background-position:-26917px 0}.emoji-white-flower{background-position:-26949px 0}.emoji-100{background-position:-26981px 0}.emoji-heavy-check-mark{background-position:-27013px 0}.emoji-ballot-box-with-check{background-position:-27045px 0}.emoji-radio-button{background-position:-27077px 0}.emoji-link{background-position:-27109px 0}.emoji-curly-loop{background-position:-27141px 0}.emoji-wavy-dash{background-position:-27173px 0}.emoji-part-alternation-mark{background-position:-27205px 0}.emoji-trident{background-position:-27237px 0}.emoji-black-square{background-position:-27269px 0}.emoji-white-square{background-position:-27301px 0}.emoji-white-check-mark{background-position:-27333px 0}.emoji-black-square-button{background-position:-27365px 0}.emoji-white-square-button{background-position:-27397px 0}.emoji-black-circle{background-position:-27429px 0}.emoji-white-circle{background-position:-27461px 0}.emoji-red-circle{background-position:-27493px 0}.emoji-large-blue-circle{background-position:-27525px 0}.emoji-large-blue-diamond{background-position:-27557px 0}.emoji-large-orange-diamond{background-position:-27589px 0}.emoji-small-blue-diamond{background-position:-27621px 0}.emoji-small-orange-diamond{background-position:-27653px 0}.emoji-small-red-triangle{background-position:-27685px 0}.emoji-small-red-triangle-down{background-position:-27717px 0}.emoji-shipit{background-position:-27749px 0}.emoji-groups .emoji-group{display:inline-block;width:24px;height:29px;background:url('../png/emoji-groups.1905392aba25ba56.png') no-repeat;background-size:42px 350px;cursor:pointer}.emoji-groups .btn-backspace{color:#a8a8a8;cursor:pointer;float:right;font-size:24px;height:30px;margin-right:10px;width:30px}.emoji-groups .btn-backspace:hover{color:#d7d7d7}.is-1x .emoji-groups .emoji-group{background-image:url('../png/emoji-groups-1x.8e5071c6cb86f954.png')}.emoji-groups .icon-recent{background-position:-9px -306px}.emoji-groups .icon-recent-selected{background-position:-9px -277px}.emoji-groups .icon-smile{background-position:-9px -34px}.emoji-groups .icon-smile-selected{background-position:-9px -5px}.emoji-groups .icon-flower{background-position:-9px -145px}.emoji-groups .icon-flower-selected{background-position:-9px -118px}.emoji-groups .icon-bell{background-position:-9px -89px}.emoji-groups .icon-bell-selected{background-position:-9px -61px}.emoji-groups .icon-car{background-position:-9px -196px}.emoji-groups .icon-car-selected{background-position:-9px -170px}.emoji-groups .icon-grid{background-position:-9px -248px}.emoji-groups .icon-grid-selected{background-position:-9px -222px}.emoji-groups .icon-bell,.emoji-groups .icon-car,.emoji-groups .icon-flower,.emoji-groups .icon-grid,.emoji-groups .icon-smile{opacity:.7}.emoji-groups .icon-bell:hover,.emoji-groups .icon-car:hover,.emoji-groups .icon-flower:hover,.emoji-groups .icon-grid:hover,.emoji-groups .icon-smile:hover{opacity:1}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/angular-material/angular-material.min.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * AngularJS Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.1.10
 */body,html{height:100%;position:relative}body{margin:0;padding:0}[tabindex="-1"]:focus{outline:none}.inset{padding:10px}a.md-no-style,button.md-no-style{font-weight:400;background-color:inherit;text-align:left;border:none;padding:0;margin:0}button,input,select,textarea{vertical-align:baseline}button,html input[type=button],input[type=reset],input[type=submit]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{cursor:default}textarea{vertical-align:top;overflow:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input:-webkit-autofill{text-shadow:none}.md-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-transform:none;width:1px}.md-shadow{position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;pointer-events:none}.md-shadow-bottom-z-1{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.md-shadow-bottom-z-2{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.md-shadow-animated.md-shadow{transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.md-ripple-container{pointer-events:none;position:absolute;overflow:hidden;left:0;top:0;width:100%;height:100%;transition:all .55s cubic-bezier(.25,.8,.25,1)}.md-ripple{position:absolute;transform:translate(-50%,-50%) scale(0);transform-origin:50% 50%;opacity:0;border-radius:50%}.md-ripple.md-ripple-placed{transition:margin .9s cubic-bezier(.25,.8,.25,1),border .9s cubic-bezier(.25,.8,.25,1),width .9s cubic-bezier(.25,.8,.25,1),height .9s cubic-bezier(.25,.8,.25,1),opacity .9s cubic-bezier(.25,.8,.25,1),transform .9s cubic-bezier(.25,.8,.25,1)}.md-ripple.md-ripple-scaled{transform:translate(-50%,-50%) scale(1)}.md-ripple.md-ripple-active,.md-ripple.md-ripple-full,.md-ripple.md-ripple-visible{opacity:.2}.md-ripple.md-ripple-remove{animation:md-remove-ripple .9s cubic-bezier(.25,.8,.25,1)}@keyframes md-remove-ripple{0%{opacity:.15}to{opacity:0}}.md-padding{padding:8px}.md-margin{margin:8px}.md-scroll-mask{position:absolute;background-color:transparent;top:0;right:0;bottom:0;left:0;z-index:50}.md-scroll-mask>.md-scroll-mask-bar{display:block;position:absolute;background-color:#fafafa;right:0;top:0;bottom:0;z-index:65;box-shadow:inset 0 0 1px rgba(0,0,0,.3)}.md-no-momentum{-webkit-overflow-scrolling:auto}.md-no-flicker{-webkit-filter:blur(0)}@media (min-width:960px){.md-padding{padding:16px}}body[dir=ltr],body[dir=rtl],html[dir=ltr],html[dir=rtl]{unicode-bidi:embed}bdo[dir=rtl]{direction:rtl}bdo[dir=ltr],bdo[dir=rtl]{unicode-bidi:bidi-override}bdo[dir=ltr]{direction:ltr}body,html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;min-height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.md-display-4{font-size:112px;font-weight:300;letter-spacing:-.01em;line-height:112px}.md-display-3{font-size:56px;font-weight:400;letter-spacing:-.005em;line-height:56px}.md-display-2{font-size:45px;font-weight:400;line-height:64px}.md-display-1{font-size:34px;font-weight:400;line-height:40px}.md-headline{font-size:24px;font-weight:400;line-height:32px}.md-title{font-size:20px;font-weight:500;letter-spacing:.005em}.md-subhead{font-size:16px;line-height:24px}.md-body-1,.md-subhead{font-weight:400;letter-spacing:.01em}.md-body-1{font-size:14px;line-height:20px}.md-body-2{font-size:14px;font-weight:500;letter-spacing:.01em;line-height:24px}.md-caption{font-size:12px;letter-spacing:.02em}.md-button{letter-spacing:.01em}button,html,input,select,textarea{font-family:Roboto,Helvetica Neue,sans-serif}button,input,select,textarea{font-size:100%}.md-panel-outer-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}._md-panel-hidden{display:none}._md-panel-offscreen{left:-9999px}._md-panel-fullscreen{border-radius:0;left:0;min-height:100%;min-width:100%;position:fixed;top:0}._md-panel-shown .md-panel{opacity:1;transition:none}.md-panel{opacity:0;position:fixed}.md-panel._md-panel-shown{opacity:1;transition:none}.md-panel._md-panel-animate-enter{opacity:1;transition:all .3s cubic-bezier(0,0,.2,1)}.md-panel._md-panel-animate-leave{opacity:1;transition:all .3s cubic-bezier(.4,0,1,1)}.md-panel._md-panel-animate-fade-out,.md-panel._md-panel-animate-scale-out{opacity:0}.md-panel._md-panel-backdrop{height:100%;position:absolute;width:100%}.md-panel._md-opaque-enter{opacity:.48;transition:opacity .3s cubic-bezier(0,0,.2,1)}.md-panel._md-opaque-leave{transition:opacity .3s cubic-bezier(.4,0,1,1)}md-autocomplete{border-radius:2px;display:block;height:40px;position:relative;overflow:visible;min-width:190px}md-autocomplete[disabled] input{cursor:default}md-autocomplete[md-floating-label]{border-radius:0;background:transparent;height:auto}md-autocomplete[md-floating-label] md-input-container{padding-bottom:0}md-autocomplete[md-floating-label] md-autocomplete-wrap{height:auto}md-autocomplete[md-floating-label] .md-show-clear-button button{display:block;position:absolute;right:0;top:20px;width:30px;height:30px}md-autocomplete[md-floating-label] .md-show-clear-button input{padding-right:30px}[dir=rtl] md-autocomplete[md-floating-label] .md-show-clear-button input{padding-right:0;padding-left:30px}md-autocomplete md-autocomplete-wrap{display:flex;flex-direction:row;box-sizing:border-box;position:relative;overflow:visible;height:40px}md-autocomplete md-autocomplete-wrap.md-menu-showing{z-index:51}md-autocomplete md-autocomplete-wrap input,md-autocomplete md-autocomplete-wrap md-input-container{flex:1 1 0%;box-sizing:border-box;min-width:0}md-autocomplete md-autocomplete-wrap md-progress-linear{position:absolute;bottom:-2px;left:0}md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline{bottom:40px;right:2px;left:2px;width:auto}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate{position:absolute;top:0;left:0;width:100%;height:3px;transition:none}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container{transition:none;height:3px}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter{transition:opacity .15s linear}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active{opacity:1}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave{transition:opacity .15s linear}md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active{opacity:0}md-autocomplete input:not(.md-input){font-size:14px;box-sizing:border-box;border:none;box-shadow:none;outline:none;background:transparent;width:100%;padding:0 15px;line-height:40px;height:40px}md-autocomplete input:not(.md-input)::-ms-clear{display:none}md-autocomplete .md-show-clear-button button{position:relative;line-height:20px;text-align:center;width:30px;height:30px;cursor:pointer;border:none;border-radius:50%;padding:0;font-size:12px;background:transparent;margin:auto 5px}md-autocomplete .md-show-clear-button button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;transform:scale(0);opacity:0;transition:all .4s cubic-bezier(.25,.8,.25,1)}md-autocomplete .md-show-clear-button button:focus{outline:none}md-autocomplete .md-show-clear-button button:focus:after{transform:scale(1);opacity:1}md-autocomplete .md-show-clear-button button md-icon{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(.9)}md-autocomplete .md-show-clear-button button md-icon path{stroke-width:0}md-autocomplete .md-show-clear-button button.ng-enter{transform:scale(0);transition:transform .15s ease-out}md-autocomplete .md-show-clear-button button.ng-enter.ng-enter-active{transform:scale(1)}md-autocomplete .md-show-clear-button button.ng-leave{transition:transform .15s ease-out}md-autocomplete .md-show-clear-button button.ng-leave.ng-leave-active{transform:scale(0)}@media screen and (-ms-high-contrast:active){md-autocomplete input{border:1px solid #fff}md-autocomplete li:focus{color:#fff}}.md-virtual-repeat-container.md-autocomplete-suggestions-container{position:absolute;box-shadow:0 2px 5px rgba(0,0,0,.25);z-index:100;height:100%}.md-virtual-repeat-container.md-autocomplete-suggestions-container .highlight{font-weight:700}.md-virtual-repeat-container.md-not-found{height:48px}.md-autocomplete-suggestions{margin:0;list-style:none;padding:0}.md-autocomplete-suggestions li{font-size:14px;overflow:hidden;padding:0 15px;line-height:48px;height:48px;transition:background .15s linear;margin:0;white-space:nowrap;text-overflow:ellipsis}.md-autocomplete-suggestions li:focus{outline:none}.md-autocomplete-suggestions li:not(.md-not-found-wrapper){cursor:pointer}@media screen and (-ms-high-contrast:active){.md-autocomplete-suggestions,md-autocomplete{border:1px solid #fff}}md-backdrop{transition:opacity .45s;position:absolute;top:0;bottom:0;left:0;right:0;z-index:50}md-backdrop.md-menu-backdrop{position:fixed!important;z-index:99}md-backdrop.md-select-backdrop{z-index:81;transition-duration:0}md-backdrop.md-dialog-backdrop{z-index:79}md-backdrop.md-bottom-sheet-backdrop{z-index:69}md-backdrop.md-sidenav-backdrop{z-index:59}md-backdrop.md-click-catcher{position:absolute}md-backdrop.md-opaque{opacity:.48}md-backdrop.md-opaque.ng-enter{opacity:0}md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active{opacity:.48}md-backdrop.md-opaque.ng-leave{opacity:.48;transition:opacity .4s}md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active{opacity:0}md-bottom-sheet{position:absolute;left:0;right:0;bottom:0;padding:8px 16px 88px;z-index:70;border-top-width:1px;border-top-style:solid;transform:translate3d(0,80px,0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform}md-bottom-sheet.md-has-header{padding-top:0}md-bottom-sheet.ng-enter{opacity:0;transform:translate3d(0,100%,0)}md-bottom-sheet.ng-enter-active{opacity:1;display:block;transform:translate3d(0,80px,0)!important}md-bottom-sheet.ng-leave-active{transform:translate3d(0,100%,0)!important;transition:all .3s cubic-bezier(.55,0,.55,.2)}md-bottom-sheet .md-subheader{background-color:transparent;font-family:Roboto,Helvetica Neue,sans-serif;line-height:56px;padding:0;white-space:nowrap}md-bottom-sheet md-inline-icon{display:inline-block;height:24px;width:24px;fill:#444}md-bottom-sheet md-list-item{display:flex;outline:none}md-bottom-sheet md-list-item:hover{cursor:pointer}md-bottom-sheet.md-list md-list-item{padding:0;align-items:center;height:48px}md-bottom-sheet.md-grid{padding-left:24px;padding-right:24px;padding-top:0}md-bottom-sheet.md-grid md-list{display:flex;flex-direction:row;flex-wrap:wrap}md-bottom-sheet.md-grid md-list,md-bottom-sheet.md-grid md-list-item{transition:all .5s;align-items:center}md-bottom-sheet.md-grid md-list-item{flex-direction:column;height:96px;margin-top:8px;margin-bottom:8px}@media (max-width:960px){md-bottom-sheet.md-grid md-list-item{flex:1 1 33.33333%;max-width:33.33333%}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1){align-items:flex-start}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n){align-items:flex-end}}@media (min-width:960px) and (max-width:1279px){md-bottom-sheet.md-grid md-list-item{flex:1 1 25%;max-width:25%}}@media (min-width:1280px) and (max-width:1919px){md-bottom-sheet.md-grid md-list-item{flex:1 1 16.66667%;max-width:16.66667%}}@media (min-width:1920px){md-bottom-sheet.md-grid md-list-item{flex:1 1 14.28571%;max-width:14.28571%}}md-bottom-sheet.md-grid md-list-item:before{display:none}md-bottom-sheet.md-grid md-list-item .md-list-item-content{width:48px;padding-bottom:16px}md-bottom-sheet.md-grid md-list-item .md-grid-item-content,md-bottom-sheet.md-grid md-list-item .md-list-item-content{display:flex;flex-direction:column;align-items:center}md-bottom-sheet.md-grid md-list-item .md-grid-item-content{border:1px solid transparent;width:80px}md-bottom-sheet.md-grid md-list-item .md-grid-text{font-weight:400;line-height:16px;font-size:13px;margin:0;white-space:nowrap;width:64px;text-align:center;text-transform:none;padding-top:8px}@media screen and (-ms-high-contrast:active){md-bottom-sheet{border:1px solid #fff}}button.md-button::-moz-focus-inner{border:0}.md-button{display:inline-block;position:relative;cursor:pointer;min-height:36px;min-width:88px;line-height:36px;vertical-align:middle;align-items:center;text-align:center;border-radius:2px;box-sizing:border-box;-webkit-user-select:none;user-select:none;outline:none;border:0;padding:0 6px;margin:6px 8px;background:transparent;color:currentColor;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;font-style:inherit;font-variant:inherit;font-family:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.md-dense :not(.md-dense-disabled) .md-button:not(.md-dense-disabled),.md-dense>.md-button:not(.md-dense-disabled){min-height:32px;line-height:32px;font-size:13px}.md-button:focus{outline:none}.md-button:focus,.md-button:hover{text-decoration:none}.md-button.ng-hide,.md-button.ng-leave{transition:none}.md-button.md-cornered{border-radius:0}.md-button.md-icon{padding:0;background:none}.md-button.md-raised:not([disabled]){box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.md-button.md-icon-button{margin:0 6px;height:40px;min-width:0;line-height:24px;padding:8px;width:40px;border-radius:50%}.md-button.md-fab{z-index:20;line-height:56px;min-width:0;width:56px;height:56px;vertical-align:middle;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:50%;background-clip:padding-box;overflow:hidden;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-property:background-color,box-shadow,transform}.md-button.md-fab.md-fab-bottom-right{top:auto;right:20px;bottom:20px;left:auto;position:absolute}.md-button.md-fab.md-fab-bottom-left{top:auto;right:auto;bottom:20px;left:20px;position:absolute}.md-button.md-fab.md-fab-top-right{top:20px;right:20px;bottom:auto;left:auto;position:absolute}.md-button.md-fab.md-fab-top-left{top:20px;right:auto;bottom:auto;left:20px;position:absolute}.md-button.md-fab.md-mini{line-height:40px;width:40px;height:40px}.md-button.md-fab.ng-hide,.md-button.md-fab.ng-leave{transition:none}.md-button:not([disabled]).md-fab.md-focused,.md-button:not([disabled]).md-raised.md-focused{box-shadow:0 2px 5px 0 rgba(0,0,0,.26)}.md-button:not([disabled]).md-fab:active,.md-button:not([disabled]).md-raised:active{box-shadow:0 4px 8px 0 rgba(0,0,0,.4)}.md-button .md-ripple-container{border-radius:inherit;background-clip:padding-box;overflow:hidden;-webkit-transform:translateZ(0)}.md-button.md-icon-button md-icon,button.md-button.md-fab md-icon{display:block}.md-toast-open-top .md-button.md-fab-top-left,.md-toast-open-top .md-button.md-fab-top-right{transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translate3d(0,42px,0)}.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused,.md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover{transform:translate3d(0,41px,0)}.md-toast-open-bottom .md-button.md-fab-bottom-left,.md-toast-open-bottom .md-button.md-fab-bottom-right{transition:all .4s cubic-bezier(.25,.8,.25,1);transform:translate3d(0,-42px,0)}.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused,.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover{transform:translate3d(0,-43px,0)}.md-button-group{display:flex;flex:1;width:100%}.md-button-group>.md-button{flex:1;display:block;overflow:hidden;width:0;border-width:1px 0 1px 1px;border-radius:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}.md-button-group>.md-button:first-child{border-radius:2px 0 0 2px}.md-button-group>.md-button:last-child{border-right-width:1px;border-radius:0 2px 2px 0}@media screen and (-ms-high-contrast:active){.md-button.md-fab,.md-button.md-raised{border:1px solid #fff}}md-card{box-sizing:border-box;flex-direction:column;margin:8px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}md-card,md-card md-card-header{display:flex}md-card md-card-header{padding:16px;flex-direction:row}md-card md-card-header:first-child md-card-avatar{margin-right:12px}[dir=rtl] md-card md-card-header:first-child md-card-avatar{margin-right:auto;margin-left:12px}md-card md-card-header:last-child md-card-avatar{margin-left:12px}[dir=rtl] md-card md-card-header:last-child md-card-avatar{margin-left:auto;margin-right:12px}md-card md-card-header md-card-avatar{width:40px;height:40px}md-card md-card-header md-card-avatar .md-user-avatar,md-card md-card-header md-card-avatar md-icon{border-radius:50%}md-card md-card-header md-card-avatar md-icon{padding:8px}md-card md-card-header md-card-avatar md-icon>svg{height:inherit;width:inherit}md-card md-card-header md-card-avatar+md-card-header-text{max-height:40px}md-card md-card-header md-card-avatar+md-card-header-text .md-title{font-size:14px}md-card md-card-header md-card-header-text{display:flex;flex:1;flex-direction:column}md-card md-card-header md-card-header-text .md-subhead{font-size:14px}md-card>img,md-card>md-card-header img,md-card md-card-title-media img{box-sizing:border-box;display:flex;flex:0 0 auto;width:100%;height:auto}md-card md-card-title{padding:24px 16px 16px;display:flex;flex:1 1 auto;flex-direction:row}md-card md-card-title+md-card-content{padding-top:0}md-card md-card-title md-card-title-text{flex:1;flex-direction:column;display:flex}md-card md-card-title md-card-title-text .md-subhead{padding-top:0;font-size:14px}md-card md-card-title md-card-title-text:only-child .md-subhead{padding-top:12px}md-card md-card-title md-card-title-media{margin-top:-8px}md-card md-card-title md-card-title-media .md-media-sm{height:80px;width:80px}md-card md-card-title md-card-title-media .md-media-md{height:112px;width:112px}md-card md-card-title md-card-title-media .md-media-lg{height:152px;width:152px}md-card md-card-content{display:block;padding:16px}md-card md-card-content>p:first-child{margin-top:0}md-card md-card-content>p:last-child{margin-bottom:0}md-card md-card-content .md-media-xl{height:240px;width:240px}md-card .md-actions,md-card md-card-actions{margin:8px}md-card .md-actions.layout-column .md-button:not(.md-icon-button),md-card md-card-actions.layout-column .md-button:not(.md-icon-button){margin:2px 0}md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type,md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type{margin-top:0}md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type,md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type{margin-bottom:0}md-card .md-actions.layout-column .md-button.md-icon-button,md-card md-card-actions.layout-column .md-button.md-icon-button{margin-top:6px;margin-bottom:6px}md-card .md-actions md-card-icon-actions,md-card md-card-actions md-card-icon-actions{flex:1;justify-content:flex-start;display:flex;flex-direction:row}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button),md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button){margin:0 4px}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type,md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type{margin-left:0}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type{margin-left:auto;margin-right:0}md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type,md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type{margin-right:0}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type{margin-right:auto;margin-left:0}md-card .md-actions:not(.layout-column) .md-button.md-icon-button,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button{margin-left:6px;margin-right:6px}md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type{margin-left:12px}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type{margin-left:auto;margin-right:12px}md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type{margin-right:12px}[dir=rtl] md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type,[dir=rtl] md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type{margin-right:auto;margin-left:12px}md-card .md-actions:not(.layout-column) .md-button+md-card-icon-actions,md-card md-card-actions:not(.layout-column) .md-button+md-card-icon-actions{flex:1;justify-content:flex-end;display:flex;flex-direction:row}md-card md-card-footer{margin-top:auto;padding:16px}@media screen and (-ms-high-contrast:active){md-card{border:1px solid #fff}}.md-image-no-fill>img{width:auto;height:auto}.md-inline-form md-checkbox{margin:19px 0 18px}md-checkbox{box-sizing:border-box;display:inline-block;margin-bottom:16px;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;position:relative;min-width:20px;min-height:20px;margin-left:0;margin-right:16px}[dir=rtl] md-checkbox{margin-left:16px;margin-right:0}md-checkbox:last-of-type{margin-left:0;margin-right:0}md-checkbox.md-focused:not([disabled]) .md-container:before{left:-8px;top:-8px;right:-8px;bottom:-8px}md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before{background-color:rgba(0,0,0,.12)}md-checkbox.md-align-top-left>div.md-container{top:12px}md-checkbox .md-container{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;display:inline-block;width:20px;height:20px;left:0;right:auto}[dir=rtl] md-checkbox .md-container{left:auto;right:0}md-checkbox .md-container:before{box-sizing:border-box;background-color:transparent;border-radius:50%;content:"";position:absolute;display:block;height:auto;left:0;top:0;right:0;bottom:0;transition:all .5s;width:auto}md-checkbox .md-container:after{box-sizing:border-box;content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}md-checkbox .md-container .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-15px;top:-15px;right:-15px;bottom:-15px}md-checkbox .md-icon{box-sizing:border-box;transition:.24s;position:absolute;top:0;left:0;width:20px;height:20px;border-width:2px;border-style:solid;border-radius:2px}md-checkbox.md-checked .md-icon{border-color:transparent}md-checkbox.md-checked .md-icon:after{box-sizing:border-box;transform:rotate(45deg);position:absolute;left:4.66667px;top:.22222px;display:table;width:6.66667px;height:13.33333px;border-width:2px;border-style:solid;border-top:0;border-left:0;content:""}md-checkbox[disabled]{cursor:default}md-checkbox.md-indeterminate .md-icon:after{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;width:12px;height:2px;border-width:2px;border-style:solid;border-top:0;border-left:0;content:""}md-checkbox .md-label{box-sizing:border-box;position:relative;display:inline-block;vertical-align:middle;white-space:normal;-webkit-user-select:text;user-select:text;margin-left:30px;margin-right:0}[dir=rtl] md-checkbox .md-label{margin-left:0;margin-right:30px}.md-contact-chips .md-chips md-chip{padding:0 25px 0 0}[dir=rtl] .md-contact-chips .md-chips md-chip{padding:0 0 0 25px}.md-contact-chips .md-chips md-chip .md-contact-avatar{float:left}[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-avatar{float:right}.md-contact-chips .md-chips md-chip .md-contact-avatar img{height:32px;border-radius:16px}.md-contact-chips .md-chips md-chip .md-contact-name{display:inline-block;height:32px;margin-left:8px}[dir=rtl] .md-contact-chips .md-chips md-chip .md-contact-name{margin-left:auto;margin-right:8px}.md-contact-suggestion{height:56px}.md-contact-suggestion img{height:40px;border-radius:20px;margin-top:8px}.md-contact-suggestion .md-contact-name{margin-left:8px;width:120px}[dir=rtl] .md-contact-suggestion .md-contact-name{margin-left:auto;margin-right:8px}.md-contact-suggestion .md-contact-email,.md-contact-suggestion .md-contact-name{display:inline-block;overflow:hidden;text-overflow:ellipsis}.md-contact-chips-suggestions li{height:100%}.md-chips{display:block;font-family:Roboto,Helvetica Neue,sans-serif;font-size:16px;padding:0 0 8px 3px;vertical-align:middle}.md-chips:after{content:"";display:table;clear:both}[dir=rtl] .md-chips{padding:0 3px 8px 0}.md-chips.md-readonly .md-chip-input-container{min-height:32px}.md-chips:not(.md-readonly){cursor:text}.md-chips.md-removable md-chip{padding-right:22px}[dir=rtl] .md-chips.md-removable md-chip{padding-right:0;padding-left:22px}.md-chips.md-removable md-chip .md-chip-content{padding-right:4px}[dir=rtl] .md-chips.md-removable md-chip .md-chip-content{padding-right:0;padding-left:4px}.md-chips md-chip{cursor:default;border-radius:16px;display:block;height:32px;line-height:32px;margin:8px 8px 0 0;padding:0 12px;float:left;box-sizing:border-box;max-width:100%;position:relative}[dir=rtl] .md-chips md-chip{margin:8px 0 0 8px;float:right}.md-chips md-chip .md-chip-content{display:block;float:left;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .md-chips md-chip .md-chip-content{float:right}.md-chips md-chip .md-chip-content:focus{outline:none}.md-chips md-chip._md-chip-content-edit-is-enabled{-webkit-user-select:none;-moz-user-select:none;-khtml-user-select:none;-ms-user-select:none}.md-chips md-chip .md-chip-remove-container{position:absolute;right:0;line-height:22px}[dir=rtl] .md-chips md-chip .md-chip-remove-container{right:auto;left:0}.md-chips md-chip .md-chip-remove{text-align:center;width:32px;height:32px;min-width:0;padding:0;background:transparent;border:none;box-shadow:none;margin:0;position:relative}.md-chips md-chip .md-chip-remove md-icon{height:18px;width:18px;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.md-chips .md-chip-input-container{display:block;line-height:32px;margin:8px 8px 0 0;padding:0;float:left}[dir=rtl] .md-chips .md-chip-input-container{margin:8px 0 0 8px;float:right}.md-chips .md-chip-input-container input:not([type]),.md-chips .md-chip-input-container input[type=email],.md-chips .md-chip-input-container input[type=number],.md-chips .md-chip-input-container input[type=tel],.md-chips .md-chip-input-container input[type=text],.md-chips .md-chip-input-container input[type=url]{border:0;height:32px;line-height:32px;padding:0}.md-chips .md-chip-input-container input:not([type]):focus,.md-chips .md-chip-input-container input[type=email]:focus,.md-chips .md-chip-input-container input[type=number]:focus,.md-chips .md-chip-input-container input[type=tel]:focus,.md-chips .md-chip-input-container input[type=text]:focus,.md-chips .md-chip-input-container input[type=url]:focus{outline:none}.md-chips .md-chip-input-container md-autocomplete,.md-chips .md-chip-input-container md-autocomplete-wrap{background:transparent}.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap{box-shadow:none}.md-chips .md-chip-input-container input{border:0;height:32px;line-height:32px;padding:0}.md-chips .md-chip-input-container input:focus{outline:none}.md-chips .md-chip-input-container md-autocomplete,.md-chips .md-chip-input-container md-autocomplete-wrap{height:32px}.md-chips .md-chip-input-container md-autocomplete{box-shadow:none}.md-chips .md-chip-input-container md-autocomplete input{position:relative}.md-chips .md-chip-input-container:not(:first-child){margin:8px 8px 0 0}[dir=rtl] .md-chips .md-chip-input-container:not(:first-child){margin:8px 0 0 8px}.md-chips .md-chip-input-container input{background:transparent;border-width:0}.md-chips md-autocomplete button{display:none}@media screen and (-ms-high-contrast:active){.md-chip-input-container,md-chip{border:1px solid #fff}.md-chip-input-container md-autocomplete{border:none}}md-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}md-content[md-scroll-y]{overflow-y:auto;overflow-x:hidden}md-content[md-scroll-x]{overflow-x:auto;overflow-y:hidden}@media print{md-content{overflow:visible!important}}md-calendar{font-size:13px;-webkit-user-select:none;user-select:none}.md-calendar-scroll-mask{display:inline-block;overflow:hidden;height:308px}.md-calendar-scroll-mask .md-virtual-repeat-scroller{overflow-y:scroll;-webkit-overflow-scrolling:touch}.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar{display:none}.md-calendar-scroll-mask .md-virtual-repeat-offsetter{width:100%}.md-calendar-scroll-container{box-shadow:inset -3px 3px 6px rgba(0,0,0,.2);display:inline-block;height:308px;width:346px}.md-calendar-date{height:44px;width:44px;text-align:center;padding:0;border:none;box-sizing:content-box}.md-calendar-date:first-child{padding-left:16px}[dir=rtl] .md-calendar-date:first-child{padding-left:0;padding-right:16px}.md-calendar-date:last-child{padding-right:16px}[dir=rtl] .md-calendar-date:last-child{padding-right:0;padding-left:16px}.md-calendar-date.md-calendar-date-disabled{cursor:default}.md-calendar-date-selection-indicator{transition:background-color,color .4s cubic-bezier(.25,.8,.25,1);border-radius:50%;display:inline-block;width:40px;height:40px;line-height:40px}.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator{cursor:pointer}.md-calendar-month-label{height:44px;font-size:14px;font-weight:500;padding:0 0 0 24px}[dir=rtl] .md-calendar-month-label{padding:0 24px 0 0}.md-calendar-month-label.md-calendar-label-clickable{cursor:pointer}.md-calendar-month-label md-icon{transform:rotate(180deg)}[dir=rtl] .md-calendar-month-label md-icon{transform:none}.md-calendar-month-label span{vertical-align:middle}.md-calendar-day-header{table-layout:fixed;border-spacing:0;border-collapse:collapse}.md-calendar-day-header th{height:40px;width:44px;text-align:center;padding:0;border:none;box-sizing:content-box;font-weight:400}.md-calendar-day-header th:first-child{padding-left:16px}[dir=rtl] .md-calendar-day-header th:first-child{padding-left:0;padding-right:16px}.md-calendar-day-header th:last-child{padding-right:16px}[dir=rtl] .md-calendar-day-header th:last-child{padding-right:0;padding-left:16px}.md-calendar{table-layout:fixed;border-spacing:0;border-collapse:collapse}.md-calendar tr:last-child td{border-bottom-width:1px;border-bottom-style:solid}.md-calendar:first-child{border-top:1px solid transparent}.md-calendar tbody,.md-calendar td,.md-calendar tr{vertical-align:middle;box-sizing:content-box}md-datepicker{white-space:nowrap;overflow:hidden;vertical-align:middle}.md-inline-form md-datepicker{margin-top:12px}.md-datepicker-button{display:inline-block;box-sizing:border-box;background:none;vertical-align:middle;position:relative}.md-datepicker-button:before{top:0;left:0;bottom:0;right:0;position:absolute;content:"";speak:none}.md-datepicker-input{font-size:14px;box-sizing:border-box;border:none;box-shadow:none;outline:none;background:transparent;min-width:120px;max-width:328px;padding:0 0 5px}.md-datepicker-input::-ms-clear{display:none}._md-datepicker-floating-label>md-datepicker{overflow:visible}._md-datepicker-floating-label>md-datepicker .md-datepicker-input-container{border:none}._md-datepicker-floating-label>md-datepicker .md-datepicker-button{float:left;margin-top:-12px;top:9.5px}[dir=rtl] ._md-datepicker-floating-label>md-datepicker .md-datepicker-button{float:right}._md-datepicker-floating-label .md-input{float:none}._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore){right:18px;left:auto;width:calc(100% - 84px)}[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon>label:not(.md-no-float):not(.md-container-ignore){right:auto;left:18px}._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation{margin-left:64px}[dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation{margin-left:auto;margin-right:64px}._md-datepicker-has-triangle-icon{padding-right:18px;margin-right:-18px}[dir=rtl] ._md-datepicker-has-triangle-icon{padding-right:0;padding-left:18px;margin-right:auto;margin-left:-18px}.md-datepicker-input-container{position:relative;border-bottom-width:1px;border-bottom-style:solid;display:inline-block;width:auto}.md-icon-button+.md-datepicker-input-container{margin-left:12px}[dir=rtl] .md-icon-button+.md-datepicker-input-container{margin-left:auto;margin-right:12px}.md-datepicker-input-container.md-datepicker-focused{border-bottom-width:2px}.md-datepicker-is-showing .md-scroll-mask{z-index:99}.md-datepicker-calendar-pane{position:absolute;top:0;left:-100%;z-index:100;border-width:1px;border-style:solid;background:transparent;transform:scale(0);transform-origin:0 0;transition:transform .2s cubic-bezier(.25,.8,.25,1)}.md-datepicker-calendar-pane.md-pane-open{transform:scale(1)}.md-datepicker-input-mask{height:40px;width:340px;position:relative;overflow:hidden;background:transparent;pointer-events:none;cursor:text}.md-datepicker-calendar{opacity:0;transition:opacity .2s cubic-bezier(.5,0,.25,1)}.md-pane-open .md-datepicker-calendar{opacity:1}.md-datepicker-calendar md-calendar:focus{outline:none}.md-datepicker-expand-triangle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid}.md-datepicker-triangle-button{position:absolute;right:0;bottom:-2.5px;transform:translateX(45%)}[dir=rtl] .md-datepicker-triangle-button{right:auto;left:0;transform:translateX(-45%)}.md-datepicker-triangle-button.md-button.md-icon-button{height:36px;width:36px;position:absolute;padding:8px}md-datepicker[disabled] .md-datepicker-input-container{border-bottom-color:transparent}md-datepicker[disabled] .md-datepicker-triangle-button{display:none}.md-datepicker-open{overflow:hidden}.md-datepicker-open .md-datepicker-input-container,.md-datepicker-open input.md-input{border-bottom-color:transparent}.md-datepicker-open .md-datepicker-triangle-button,.md-datepicker-open.md-input-has-placeholder>label,.md-datepicker-open.md-input-has-value>label,.md-datepicker-pos-adjusted .md-datepicker-input-mask{display:none}.md-datepicker-calendar-pane .md-calendar{transform:translateY(-85px);transition:transform .65s cubic-bezier(.25,.8,.25,1);transition-delay:.125s}.md-datepicker-calendar-pane.md-pane-open .md-calendar{transform:translateY(0)}.md-dialog-is-showing{max-height:100%}.md-dialog-container{justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:80;overflow:hidden}.md-dialog-container,md-dialog{display:flex}md-dialog{opacity:0;min-width:240px;max-width:80%;max-height:80%;position:relative;overflow:auto;box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12);flex-direction:column}md-dialog.md-transition-in{opacity:1;transform:translate(0,0) scale(1)}md-dialog.md-transition-in,md-dialog.md-transition-out{transition:all .4s cubic-bezier(.25,.8,.25,1)}md-dialog.md-transition-out{opacity:0;transform:translate(0,100%) scale(.2)}md-dialog>form{display:flex;flex-direction:column;overflow:auto}md-dialog .md-dialog-content{padding:24px}md-dialog md-dialog-content{order:1;flex-direction:column;overflow:auto;-webkit-overflow-scrolling:touch}md-dialog md-dialog-content:not([layout=row])>:first-child:not(.md-subheader){margin-top:0}md-dialog md-dialog-content:focus{outline:none}md-dialog md-dialog-content .md-subheader{margin:0}md-dialog md-dialog-content .md-dialog-content-body{width:100%}md-dialog md-dialog-content .md-prompt-input-container{width:100%;box-sizing:border-box}md-dialog .md-actions,md-dialog md-dialog-actions{display:flex;order:2;box-sizing:border-box;align-items:center;justify-content:flex-end;margin-bottom:0;padding-right:8px;padding-left:16px;min-height:52px;overflow:hidden}[dir=rtl] md-dialog .md-actions,[dir=rtl] md-dialog md-dialog-actions{padding-right:16px;padding-left:8px}md-dialog .md-actions .md-button,md-dialog md-dialog-actions .md-button{margin:8px 0 8px 8px}[dir=rtl] md-dialog .md-actions .md-button,[dir=rtl] md-dialog md-dialog-actions .md-button{margin-left:0;margin-right:8px}md-dialog.md-content-overflow .md-actions,md-dialog.md-content-overflow md-dialog-actions{border-top-width:1px;border-top-style:solid}@media screen and (-ms-high-contrast:active){md-dialog{border:1px solid #fff}}@media (max-width:959px){md-dialog.md-dialog-fullscreen{min-height:100%;min-width:100%;border-radius:0}}md-divider{display:block;border-top-width:1px;border-top-style:solid;margin:0}md-divider[md-inset]{margin-left:80px}[dir=rtl] md-divider[md-inset]{margin-left:auto;margin-right:80px}.layout-gt-lg-row>md-divider,.layout-gt-md-row>md-divider,.layout-gt-sm-row>md-divider,.layout-gt-xs-row>md-divider,.layout-lg-row>md-divider,.layout-md-row>md-divider,.layout-row>md-divider,.layout-sm-row>md-divider,.layout-xl-row>md-divider,.layout-xs-row>md-divider{border-top-width:0;border-right-width:1px;border-right-style:solid}md-fab-speed-dial{position:relative;display:flex;align-items:center;z-index:20}md-fab-speed-dial.md-fab-bottom-right{top:auto;right:20px;bottom:20px;left:auto;position:absolute}md-fab-speed-dial.md-fab-bottom-left{top:auto;right:auto;bottom:20px;left:20px;position:absolute}md-fab-speed-dial.md-fab-top-right{top:20px;right:20px;bottom:auto;left:auto;position:absolute}md-fab-speed-dial.md-fab-top-left{top:20px;right:auto;bottom:auto;left:20px;position:absolute}md-fab-speed-dial:not(.md-hover-full){pointer-events:none}md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item,md-fab-speed-dial:not(.md-hover-full).md-is-open,md-fab-speed-dial:not(.md-hover-full) md-fab-trigger{pointer-events:auto}md-fab-speed-dial ._md-css-variables{z-index:20}md-fab-speed-dial.md-is-open .md-fab-action-item{align-items:center}md-fab-speed-dial md-fab-actions{display:flex;height:auto}md-fab-speed-dial md-fab-actions .md-fab-action-item{transition:all .3s cubic-bezier(.55,0,.55,.2)}md-fab-speed-dial.md-down{flex-direction:column}md-fab-speed-dial.md-down md-fab-trigger{order:1}md-fab-speed-dial.md-down md-fab-actions{flex-direction:column;order:2}md-fab-speed-dial.md-up{flex-direction:column}md-fab-speed-dial.md-up md-fab-trigger{order:2}md-fab-speed-dial.md-up md-fab-actions{flex-direction:column-reverse;order:1}md-fab-speed-dial.md-left{flex-direction:row}md-fab-speed-dial.md-left md-fab-trigger{order:2}md-fab-speed-dial.md-left md-fab-actions{flex-direction:row-reverse;order:1}md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item{transition:all .3s cubic-bezier(.55,0,.55,.2)}md-fab-speed-dial.md-right{flex-direction:row}md-fab-speed-dial.md-right md-fab-trigger{order:1}md-fab-speed-dial.md-right md-fab-actions{flex-direction:row;order:2}md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item{transition:all .3s cubic-bezier(.55,0,.55,.2)}md-fab-speed-dial.md-fling-remove .md-fab-action-item>*,md-fab-speed-dial.md-scale-remove .md-fab-action-item>*{visibility:hidden}md-fab-speed-dial.md-fling .md-fab-action-item{opacity:1}md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item{opacity:0;transition-duration:0s}md-fab-speed-dial.md-scale .md-fab-action-item{transform:scale(0);transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.14286s}md-fab-toolbar{display:block}md-fab-toolbar.md-fab-bottom-right{top:auto;right:20px;bottom:20px;left:auto;position:absolute}md-fab-toolbar.md-fab-bottom-left{top:auto;right:auto;bottom:20px;left:20px;position:absolute}md-fab-toolbar.md-fab-top-right{top:20px;right:20px;bottom:auto;left:auto;position:absolute}md-fab-toolbar.md-fab-top-left{top:20px;right:auto;bottom:auto;left:20px;position:absolute}md-fab-toolbar .md-fab-toolbar-wrapper{display:block;position:relative;overflow:hidden;height:68px}md-fab-toolbar md-fab-trigger{position:absolute;z-index:20}md-fab-toolbar md-fab-trigger button{overflow:visible!important}md-fab-toolbar md-fab-trigger .md-fab-toolbar-background{display:block;position:absolute;z-index:21;opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2)}md-fab-toolbar md-fab-trigger md-icon{position:relative;z-index:22;opacity:1;transition:all .2s ease-in}md-fab-toolbar.md-left md-fab-trigger{right:0}[dir=rtl] md-fab-toolbar.md-left md-fab-trigger{right:auto;left:0}md-fab-toolbar.md-left .md-toolbar-tools{flex-direction:row-reverse}md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child{margin-right:.6rem}[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child{margin-right:auto;margin-left:.6rem}md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child{margin-left:-.8rem}[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools>.md-button:first-child{margin-left:auto;margin-right:-.8rem}md-fab-toolbar.md-left .md-toolbar-tools>.md-button:last-child{margin-right:8px}[dir=rtl] md-fab-toolbar.md-left .md-toolbar-tools>.md-button:last-child{margin-right:auto;margin-left:8px}md-fab-toolbar.md-right md-fab-trigger{left:0}[dir=rtl] md-fab-toolbar.md-right md-fab-trigger{left:auto;right:0}md-fab-toolbar.md-right .md-toolbar-tools{flex-direction:row}md-fab-toolbar md-toolbar{background-color:transparent!important;pointer-events:none;z-index:23}md-fab-toolbar md-toolbar .md-toolbar-tools{padding:0 20px;margin-top:3px}md-fab-toolbar md-toolbar .md-fab-action-item{opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s}md-fab-toolbar.md-is-open md-fab-trigger>button{box-shadow:none}md-fab-toolbar.md-is-open md-fab-trigger>button md-icon{opacity:0}md-fab-toolbar.md-is-open .md-fab-action-item{opacity:1;transform:scale(1)}md-grid-list{display:block;position:relative}md-grid-list,md-grid-list md-grid-tile,md-grid-list md-grid-tile-footer,md-grid-list md-grid-tile-header,md-grid-list md-grid-tile>figure{box-sizing:border-box}md-grid-list md-grid-tile{display:block;position:absolute}md-grid-list md-grid-tile figure{justify-content:center;height:100%;top:0;bottom:0;padding:0;margin:0}md-grid-list md-grid-tile figure,md-grid-list md-grid-tile md-grid-tile-footer,md-grid-list md-grid-tile md-grid-tile-header{display:flex;align-items:center;position:absolute;right:0;left:0}md-grid-list md-grid-tile md-grid-tile-footer,md-grid-list md-grid-tile md-grid-tile-header{flex-direction:row;height:48px;color:#fff;background:rgba(0,0,0,.18);overflow:hidden}md-grid-list md-grid-tile md-grid-tile-footer h3,md-grid-list md-grid-tile md-grid-tile-footer h4,md-grid-list md-grid-tile md-grid-tile-header h3,md-grid-list md-grid-tile md-grid-tile-header h4{font-weight:400;margin:0 0 0 16px}md-grid-list md-grid-tile md-grid-tile-footer h3,md-grid-list md-grid-tile md-grid-tile-header h3{font-size:14px}md-grid-list md-grid-tile md-grid-tile-footer h4,md-grid-list md-grid-tile md-grid-tile-header h4{font-size:12px}md-grid-list md-grid-tile md-grid-tile-header{top:0}md-grid-list md-grid-tile md-grid-tile-footer{bottom:0}@media screen and (-ms-high-contrast:active){md-grid-tile{border:1px solid #fff}md-grid-tile-footer{border-top:1px solid #fff}}md-icon{margin:auto;background-repeat:no-repeat;display:inline-block;vertical-align:middle;fill:currentColor;height:24px;width:24px;min-height:24px;min-width:24px}md-icon svg{pointer-events:none;display:block}md-icon[md-font-icon]{line-height:24px;width:auto}md-input-container{display:inline-block;position:relative;padding:2px;margin:18px 0;vertical-align:middle}md-input-container:after{content:"";display:table;clear:both}md-input-container.md-block{display:block}md-input-container .md-errors-spacer{float:right;min-height:24px;min-width:1px}[dir=rtl] md-input-container .md-errors-spacer{float:left}md-input-container>md-icon{position:absolute;top:8px;left:2px;right:auto}[dir=rtl] md-input-container>md-icon{left:auto;right:2px}md-input-container input[type=color],md-input-container input[type=date],md-input-container input[type=datetime-local],md-input-container input[type=datetime],md-input-container input[type=email],md-input-container input[type=month],md-input-container input[type=number],md-input-container input[type=password],md-input-container input[type=search],md-input-container input[type=tel],md-input-container input[type=text],md-input-container input[type=time],md-input-container input[type=url],md-input-container input[type=week],md-input-container textarea{-moz-appearance:none;-webkit-appearance:none}md-input-container input[type=date],md-input-container input[type=datetime-local],md-input-container input[type=month],md-input-container input[type=time],md-input-container input[type=week]{min-height:26px}md-input-container textarea{resize:none;overflow:hidden}md-input-container textarea.md-input{min-height:26px;-ms-flex-preferred-size:auto}md-input-container textarea[md-no-autogrow]{height:auto;overflow:auto}md-input-container label:not(.md-container-ignore){position:absolute;bottom:100%;left:0;right:auto}[dir=rtl] md-input-container label:not(.md-container-ignore){left:auto;right:0}md-input-container label:not(.md-container-ignore).md-required:after{content:" *";font-size:13px;vertical-align:top}md-input-container .md-placeholder,md-input-container label:not(.md-no-float):not(.md-container-ignore){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;padding-left:3px;padding-right:0;z-index:1;transform:translate3d(0,28px,0) scale(1);transition:transform .4s cubic-bezier(.25,.8,.25,1);max-width:100%;transform-origin:left top}[dir=rtl] md-input-container .md-placeholder,[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore){padding-left:0;padding-right:3px;transform-origin:right top}md-input-container .md-placeholder{position:absolute;top:0;opacity:0;transition-property:opacity,transform;transform:translate3d(0,30px,0)}md-input-container.md-input-focused .md-placeholder{opacity:1;transform:translate3d(0,24px,0)}md-input-container.md-input-has-value .md-placeholder{transition:none;opacity:0}md-input-container:not(.md-input-has-value) input:not(:focus),md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field{color:transparent}md-input-container .md-input{order:2;display:block;margin-top:0;background:none;padding:2px 2px 1px;border-width:0 0 1px;line-height:26px;height:30px;-ms-flex-preferred-size:26px;border-radius:0;border-style:solid;width:100%;box-sizing:border-box;float:left}[dir=rtl] md-input-container .md-input{float:right}md-input-container .md-input:focus{outline:none}md-input-container .md-input:invalid{outline:none;box-shadow:none}md-input-container .md-input.md-no-flex{flex:none!important}md-input-container .md-char-counter{text-align:right;padding-right:2px;padding-left:0}[dir=rtl] md-input-container .md-char-counter{text-align:left;padding-right:0;padding-left:2px}md-input-container .md-input-messages-animation{position:relative;order:4;overflow:hidden;clear:left}[dir=rtl] md-input-container .md-input-messages-animation{clear:right}md-input-container .md-char-counter,md-input-container .md-input-message-animation{font-size:12px;line-height:14px;overflow:hidden;transition:all .3s cubic-bezier(.55,0,.55,.2);opacity:1;margin-top:0;padding-top:5px}md-input-container .md-char-counter:not(.md-char-counter),md-input-container .md-input-message-animation:not(.md-char-counter){padding-right:5px;padding-left:0}[dir=rtl] md-input-container .md-char-counter:not(.md-char-counter),[dir=rtl] md-input-container .md-input-message-animation:not(.md-char-counter){padding-right:0;padding-left:5px}md-input-container .md-input-message-animation.ng-enter-prepare,md-input-container .md-input-message-animation.ng-enter:not(.ng-enter-active),md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation{opacity:0;margin-top:-100px}md-input-container.md-input-focused label:not(.md-no-float),md-input-container.md-input-has-placeholder label:not(.md-no-float),md-input-container.md-input-has-value label:not(.md-no-float){transform:translate3d(0,6px,0) scale(.75);transition:transform .4s cubic-bezier(.25,.8,.25,1),width .4s cubic-bezier(.25,.8,.25,1)}md-input-container.md-input-has-value label{transition:none}md-input-container.md-input-focused .md-input,md-input-container.md-input-resized .md-input,md-input-container .md-input.ng-invalid.ng-dirty{padding-bottom:0;border-width:0 0 2px}[disabled] md-input-container .md-input,md-input-container .md-input[disabled]{background-position:bottom -1px left 0;background-size:4px 1px;background-repeat:repeat-x}md-input-container.md-icon-float{transition:margin-top .4s cubic-bezier(.25,.8,.25,1)}md-input-container.md-icon-float>label{pointer-events:none;position:absolute}md-input-container.md-icon-float>md-icon{top:8px;left:2px;right:auto}[dir=rtl] md-input-container.md-icon-float>md-icon{left:auto;right:2px}md-input-container.md-icon-left>label .md-placeholder,md-input-container.md-icon-left>label:not(.md-no-float):not(.md-container-ignore),md-input-container.md-icon-right>label .md-placeholder,md-input-container.md-icon-right>label:not(.md-no-float):not(.md-container-ignore){width:calc(100% - 36px - 18px)}md-input-container.md-icon-left{padding-left:36px;padding-right:0}[dir=rtl] md-input-container.md-icon-left{padding-left:0;padding-right:36px}md-input-container.md-icon-left>label{left:36px;right:auto}[dir=rtl] md-input-container.md-icon-left>label{left:auto;right:36px}md-input-container.md-icon-right{padding-left:0;padding-right:36px}[dir=rtl] md-input-container.md-icon-right{padding-left:36px;padding-right:0}md-input-container.md-icon-right>md-icon:last-of-type{margin:0;right:2px;left:auto}[dir=rtl] md-input-container.md-icon-right>md-icon:last-of-type{right:auto;left:2px}md-input-container.md-icon-left.md-icon-right{padding-left:36px;padding-right:36px}md-input-container.md-icon-left.md-icon-right>label .md-placeholder,md-input-container.md-icon-left.md-icon-right>label:not(.md-no-float):not(.md-container-ignore){width:calc(100% - 72px)}.md-resize-wrapper{position:relative}.md-resize-wrapper:after{content:"";display:table;clear:both}.md-resize-handle{position:absolute;bottom:-5px;left:0;height:10px;background:transparent;width:100%;cursor:ns-resize}@media screen and (-ms-high-contrast:active){md-input-container.md-default-theme>md-icon{fill:#fff}}md-list{display:block;padding:8px 0}md-list .md-subheader{font-size:14px;font-weight:500;letter-spacing:.01em;line-height:1.2em}md-list.md-dense md-list-item,md-list.md-dense md-list-item .md-list-item-inner{min-height:48px}md-list.md-dense md-list-item .md-list-item-inner:before,md-list.md-dense md-list-item:before{content:"";min-height:48px;visibility:hidden;display:inline-block}md-list.md-dense md-list-item .md-list-item-inner md-icon:first-child,md-list.md-dense md-list-item md-icon:first-child{width:20px;height:20px}md-list.md-dense md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),md-list.md-dense md-list-item>md-icon:first-child:not(.md-avatar-icon){margin-right:36px}[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),[dir=rtl] md-list.md-dense md-list-item>md-icon:first-child:not(.md-avatar-icon){margin-right:auto;margin-left:36px}md-list.md-dense md-list-item .md-avatar,md-list.md-dense md-list-item .md-avatar-icon,md-list.md-dense md-list-item .md-list-item-inner .md-avatar,md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon{margin-right:20px}[dir=rtl] md-list.md-dense md-list-item .md-avatar,[dir=rtl] md-list.md-dense md-list-item .md-avatar-icon,[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar,[dir=rtl] md-list.md-dense md-list-item .md-list-item-inner .md-avatar-icon{margin-right:auto;margin-left:20px}md-list.md-dense md-list-item .md-avatar,md-list.md-dense md-list-item .md-list-item-inner .md-avatar{flex:none;width:36px;height:36px}md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text.md-offset,md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset,md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text.md-offset{margin-left:56px}[dir=rtl] md-list.md-dense md-list-item.md-2-line .md-list-item-text.md-offset,[dir=rtl] md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text.md-offset,[dir=rtl] md-list.md-dense md-list-item.md-3-line .md-list-item-text.md-offset,[dir=rtl] md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text.md-offset{margin-left:auto;margin-right:56px}md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,md-list.md-dense md-list-item.md-2-line .md-list-item-text h4,md-list.md-dense md-list-item.md-2-line .md-list-item-text p,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text h3,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text h4,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text p,md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,md-list.md-dense md-list-item.md-3-line .md-list-item-text h4,md-list.md-dense md-list-item.md-3-line .md-list-item-text p,md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text h3,md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text h4,md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text p{line-height:1.05;font-size:12px}md-list.md-dense md-list-item.md-2-line .md-list-item-text h3,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-list-item-text h3,md-list.md-dense md-list-item.md-3-line .md-list-item-text h3,md-list.md-dense md-list-item.md-3-line>.md-no-style .md-list-item-text h3{font-size:13px}md-list.md-dense md-list-item.md-2-line,md-list.md-dense md-list-item.md-2-line>.md-no-style{min-height:60px}md-list.md-dense md-list-item.md-2-line:before,md-list.md-dense md-list-item.md-2-line>.md-no-style:before{content:"";min-height:60px;visibility:hidden;display:inline-block}md-list.md-dense md-list-item.md-2-line .md-avatar-icon,md-list.md-dense md-list-item.md-2-line>.md-avatar,md-list.md-dense md-list-item.md-2-line>.md-no-style .md-avatar-icon,md-list.md-dense md-list-item.md-2-line>.md-no-style>.md-avatar{margin-top:12px}md-list.md-dense md-list-item.md-3-line,md-list.md-dense md-list-item.md-3-line>.md-no-style{min-height:76px}md-list.md-dense md-list-item.md-3-line:before,md-list.md-dense md-list-item.md-3-line>.md-no-style:before{content:"";min-height:76px;visibility:hidden;display:inline-block}md-list.md-dense md-list-item.md-3-line>.md-avatar,md-list.md-dense md-list-item.md-3-line>.md-no-style>.md-avatar,md-list.md-dense md-list-item.md-3-line>.md-no-style>md-icon:first-child,md-list.md-dense md-list-item.md-3-line>md-icon:first-child{margin-top:16px}md-list-item{position:relative}md-list-item.md-proxy-focus.md-focused .md-no-style{transition:background-color .15s linear}md-list-item._md-button-wrap{position:relative}md-list-item._md-button-wrap>div.md-button:first-child{display:flex;align-items:center;justify-content:flex-start;padding:0 16px;margin:0;font-weight:400;text-align:left;border:medium none}[dir=rtl] md-list-item._md-button-wrap>div.md-button:first-child{text-align:right}md-list-item._md-button-wrap>div.md-button:first-child>.md-button:first-child{position:absolute;top:0;left:0;height:100%;margin:0;padding:0}md-list-item._md-button-wrap>div.md-button:first-child .md-list-item-inner{width:100%;min-height:inherit}md-list-item.md-no-proxy,md-list-item .md-no-style{position:relative;padding:0 16px;flex:1 1 auto}md-list-item.md-no-proxy.md-button,md-list-item .md-no-style.md-button{font-size:inherit;height:inherit;text-align:left;text-transform:none;width:100%;white-space:normal;flex-direction:inherit;align-items:inherit;border-radius:0;margin:0}[dir=rtl] md-list-item.md-no-proxy.md-button,[dir=rtl] md-list-item .md-no-style.md-button{text-align:right}md-list-item.md-no-proxy.md-button>.md-ripple-container,md-list-item .md-no-style.md-button>.md-ripple-container{border-radius:0}md-list-item.md-no-proxy:focus,md-list-item .md-no-style:focus{outline:none}md-list-item.md-clickable:hover{cursor:pointer}md-list-item md-divider{position:absolute;bottom:0;left:0;width:100%}[dir=rtl] md-list-item md-divider{left:auto;right:0}md-list-item md-divider[md-inset]{left:72px;width:calc(100% - 72px);margin:0!important}[dir=rtl] md-list-item md-divider[md-inset]{left:auto;right:72px}md-list-item,md-list-item .md-list-item-inner{display:flex;justify-content:flex-start;align-items:center;min-height:48px;height:auto}md-list-item .md-list-item-inner:before,md-list-item:before{content:"";min-height:48px;visibility:hidden;display:inline-block}md-list-item .md-list-item-inner>div.md-primary>md-icon:not(.md-avatar-icon),md-list-item .md-list-item-inner>div.md-secondary>md-icon:not(.md-avatar-icon),md-list-item .md-list-item-inner>md-icon.md-secondary:not(.md-avatar-icon),md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),md-list-item>div.md-primary>md-icon:not(.md-avatar-icon),md-list-item>div.md-secondary>md-icon:not(.md-avatar-icon),md-list-item>md-icon.md-secondary:not(.md-avatar-icon),md-list-item>md-icon:first-child:not(.md-avatar-icon){width:24px;margin-top:16px;margin-bottom:12px;box-sizing:content-box}md-list-item .md-list-item-inner>div.md-primary>md-checkbox,md-list-item .md-list-item-inner>div.md-secondary>md-checkbox,md-list-item .md-list-item-inner>md-checkbox,md-list-item .md-list-item-inner md-checkbox.md-secondary,md-list-item>div.md-primary>md-checkbox,md-list-item>div.md-secondary>md-checkbox,md-list-item>md-checkbox,md-list-item md-checkbox.md-secondary{align-self:center}md-list-item .md-list-item-inner>div.md-primary>md-checkbox .md-label,md-list-item .md-list-item-inner>div.md-secondary>md-checkbox .md-label,md-list-item .md-list-item-inner>md-checkbox .md-label,md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label,md-list-item>div.md-primary>md-checkbox .md-label,md-list-item>div.md-secondary>md-checkbox .md-label,md-list-item>md-checkbox .md-label,md-list-item md-checkbox.md-secondary .md-label{display:none}md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),md-list-item>md-icon:first-child:not(.md-avatar-icon){margin-right:32px}[dir=rtl] md-list-item .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon),[dir=rtl] md-list-item>md-icon:first-child:not(.md-avatar-icon){margin-right:auto;margin-left:32px}md-list-item .md-avatar,md-list-item .md-avatar-icon,md-list-item .md-list-item-inner .md-avatar,md-list-item .md-list-item-inner .md-avatar-icon{margin-top:8px;margin-bottom:8px;margin-right:16px;border-radius:50%;box-sizing:content-box}[dir=rtl] md-list-item .md-avatar,[dir=rtl] md-list-item .md-avatar-icon,[dir=rtl] md-list-item .md-list-item-inner .md-avatar,[dir=rtl] md-list-item .md-list-item-inner .md-avatar-icon{margin-right:auto;margin-left:16px}md-list-item .md-avatar,md-list-item .md-list-item-inner .md-avatar{flex:none;width:40px;height:40px}md-list-item .md-avatar-icon,md-list-item .md-list-item-inner .md-avatar-icon{padding:8px}md-list-item .md-avatar-icon svg,md-list-item .md-list-item-inner .md-avatar-icon svg{width:24px;height:24px}md-list-item .md-list-item-inner>md-checkbox,md-list-item>md-checkbox{width:24px;margin-left:3px;margin-right:29px;margin-top:16px}[dir=rtl] md-list-item .md-list-item-inner>md-checkbox,[dir=rtl] md-list-item>md-checkbox{margin-left:29px;margin-right:3px}md-list-item .md-list-item-inner .md-secondary-container,md-list-item .md-secondary-container{display:flex;align-items:center;flex-shrink:0;margin:auto;margin-right:0;margin-left:auto}[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container,[dir=rtl] md-list-item .md-secondary-container{margin-right:auto;margin-left:0}md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type,md-list-item .md-secondary-container .md-button:last-of-type,md-list-item .md-secondary-container .md-icon-button:last-of-type{margin-right:0}[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-button:last-of-type,[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container .md-icon-button:last-of-type,[dir=rtl] md-list-item .md-secondary-container .md-button:last-of-type,[dir=rtl] md-list-item .md-secondary-container .md-icon-button:last-of-type{margin-right:auto;margin-left:0}md-list-item .md-list-item-inner .md-secondary-container md-checkbox,md-list-item .md-secondary-container md-checkbox{margin-top:0;margin-bottom:0}md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child,md-list-item .md-secondary-container md-checkbox:last-child{width:24px;margin-right:0}[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-checkbox:last-child,[dir=rtl] md-list-item .md-secondary-container md-checkbox:last-child{margin-right:auto;margin-left:0}md-list-item .md-list-item-inner .md-secondary-container md-switch,md-list-item .md-secondary-container md-switch{margin-top:0;margin-bottom:0;margin-right:-6px}[dir=rtl] md-list-item .md-list-item-inner .md-secondary-container md-switch,[dir=rtl] md-list-item .md-secondary-container md-switch{margin-right:auto;margin-left:-6px}md-list-item .md-list-item-inner>.md-list-item-inner>p,md-list-item .md-list-item-inner>p,md-list-item>.md-list-item-inner>p,md-list-item>p{flex:1 1 auto;margin:0}md-list-item.md-2-line,md-list-item.md-2-line>.md-no-style,md-list-item.md-3-line,md-list-item.md-3-line>.md-no-style{align-items:flex-start;justify-content:center}md-list-item.md-2-line.md-long-text,md-list-item.md-2-line>.md-no-style.md-long-text,md-list-item.md-3-line.md-long-text,md-list-item.md-3-line>.md-no-style.md-long-text{margin-top:8px;margin-bottom:8px}md-list-item.md-2-line .md-list-item-text,md-list-item.md-2-line>.md-no-style .md-list-item-text,md-list-item.md-3-line .md-list-item-text,md-list-item.md-3-line>.md-no-style .md-list-item-text{flex:1 1 auto;margin:auto;text-overflow:ellipsis;overflow:hidden}md-list-item.md-2-line .md-list-item-text.md-offset,md-list-item.md-2-line>.md-no-style .md-list-item-text.md-offset,md-list-item.md-3-line .md-list-item-text.md-offset,md-list-item.md-3-line>.md-no-style .md-list-item-text.md-offset{margin-left:56px}[dir=rtl] md-list-item.md-2-line .md-list-item-text.md-offset,[dir=rtl] md-list-item.md-2-line>.md-no-style .md-list-item-text.md-offset,[dir=rtl] md-list-item.md-3-line .md-list-item-text.md-offset,[dir=rtl] md-list-item.md-3-line>.md-no-style .md-list-item-text.md-offset{margin-left:auto;margin-right:56px}md-list-item.md-2-line .md-list-item-text h3,md-list-item.md-2-line>.md-no-style .md-list-item-text h3,md-list-item.md-3-line .md-list-item-text h3,md-list-item.md-3-line>.md-no-style .md-list-item-text h3{font-size:16px;font-weight:400;letter-spacing:.01em;margin:0;line-height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}md-list-item.md-2-line .md-list-item-text h4,md-list-item.md-2-line>.md-no-style .md-list-item-text h4,md-list-item.md-3-line .md-list-item-text h4,md-list-item.md-3-line>.md-no-style .md-list-item-text h4{font-size:14px;letter-spacing:.01em;margin:3px 0 1px;font-weight:400;line-height:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}md-list-item.md-2-line .md-list-item-text p,md-list-item.md-2-line>.md-no-style .md-list-item-text p,md-list-item.md-3-line .md-list-item-text p,md-list-item.md-3-line>.md-no-style .md-list-item-text p{font-size:14px;font-weight:500;letter-spacing:.01em;margin:0;line-height:1.6em}md-list-item.md-2-line,md-list-item.md-2-line>.md-no-style{height:auto;min-height:72px}md-list-item.md-2-line:before,md-list-item.md-2-line>.md-no-style:before{content:"";min-height:72px;visibility:hidden;display:inline-block}md-list-item.md-2-line .md-avatar-icon,md-list-item.md-2-line>.md-avatar,md-list-item.md-2-line>.md-no-style .md-avatar-icon,md-list-item.md-2-line>.md-no-style>.md-avatar{margin-top:12px}md-list-item.md-2-line>.md-no-style>md-icon:first-child,md-list-item.md-2-line>md-icon:first-child{align-self:flex-start}md-list-item.md-2-line .md-list-item-text,md-list-item.md-2-line>.md-no-style .md-list-item-text{flex:1 1 auto}md-list-item.md-3-line,md-list-item.md-3-line>.md-no-style{height:auto;min-height:88px}md-list-item.md-3-line:before,md-list-item.md-3-line>.md-no-style:before{content:"";min-height:88px;visibility:hidden;display:inline-block}md-list-item.md-3-line>.md-avatar,md-list-item.md-3-line>.md-no-style>.md-avatar,md-list-item.md-3-line>.md-no-style>md-icon:first-child,md-list-item.md-3-line>md-icon:first-child{margin-top:16px}.md-open-menu-container{position:fixed;left:0;top:0;z-index:100;opacity:0;border-radius:2px;max-height:calc(100vh - 10px);overflow:auto}.md-open-menu-container md-menu-divider{margin-top:4px;margin-bottom:4px;height:1px;min-height:1px;max-height:1px;width:100%}.md-open-menu-container md-menu-content>*{opacity:0}.md-open-menu-container:not(.md-clickable){pointer-events:none}.md-open-menu-container.md-active{opacity:1;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.2s}.md-open-menu-container.md-active>md-menu-content>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.2s;transition-delay:.1s}.md-open-menu-container.md-leave{opacity:0;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.25s}md-menu-content{display:flex;flex-direction:column;padding:8px 0;max-height:304px;overflow-y:auto}md-menu-content.md-dense{max-height:208px}md-menu-content.md-dense md-menu-item{height:32px;min-height:0}md-menu-item{display:flex;flex-direction:row;min-height:48px;height:48px;align-content:center;justify-content:flex-start}md-menu-item>*{width:100%;margin:auto 0;padding-left:16px;padding-right:16px}md-menu-item>a.md-button{padding-top:5px}md-menu-item>.md-button{text-align:left;display:inline-block;border-radius:0;margin:auto 0;font-size:15px;text-transform:none;font-weight:400;height:100%;padding-left:16px;padding-right:16px;width:100%}md-menu-item>.md-button::-moz-focus-inner{padding:0;border:0}[dir=rtl] md-menu-item>.md-button{text-align:right}md-menu-item>.md-button md-icon{margin:auto 16px auto 0}[dir=rtl] md-menu-item>.md-button md-icon{margin:auto 0 auto 16px}md-menu-item>.md-button p{display:inline-block;margin:auto}md-menu-item>.md-button span{margin-top:auto;margin-bottom:auto}md-menu-item>.md-button .md-ripple-container{border-radius:inherit}md-toolbar .md-menu{height:auto;margin:auto;padding:0}@media (max-width:959px){md-menu-content{min-width:112px}md-menu-content[width="3"]{min-width:168px}md-menu-content[width="4"]{min-width:224px}md-menu-content[width="5"]{min-width:280px}md-menu-content[width="6"]{min-width:336px}md-menu-content[width="7"]{min-width:392px}}@media (min-width:960px){md-menu-content{min-width:96px}md-menu-content[width="3"]{min-width:192px}md-menu-content[width="4"]{min-width:256px}md-menu-content[width="5"]{min-width:320px}md-menu-content[width="6"]{min-width:384px}md-menu-content[width="7"]{min-width:448px}}md-toolbar.md-menu-toolbar h2.md-toolbar-tools{line-height:1rem;height:auto;padding:28px;padding-bottom:12px}md-toolbar.md-has-open-menu{position:relative;z-index:100}md-menu-bar{padding:0 20px;display:block;position:relative;z-index:2}md-menu-bar .md-menu{display:inline-block;padding:0;position:relative}md-menu-bar button{font-size:14px;padding:0 10px;margin:0;border:0;background-color:transparent;height:40px}md-menu-bar md-backdrop.md-menu-backdrop{z-index:-2}md-menu-content.md-menu-bar-menu.md-dense{max-height:none;padding:16px 0}md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent{position:relative}md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon{position:absolute;padding:0;width:24px;top:6px;left:24px}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>md-icon{left:auto;right:24px}md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button,md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button{padding:0 32px 0 64px}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu>.md-button,[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent>.md-button{padding:0 64px 0 32px}md-menu-content.md-menu-bar-menu.md-dense .md-button{min-height:0;height:32px}md-menu-content.md-menu-bar-menu.md-dense .md-button span{float:left}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span{float:right}md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text{float:right;margin:0 8px}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text{float:left}md-menu-content.md-menu-bar-menu.md-dense md-menu-divider{margin:8px 0}md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button,md-menu-content.md-menu-bar-menu.md-dense md-menu-item>.md-button{text-align:left}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button,[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense md-menu-item>.md-button{text-align:right}md-menu-content.md-menu-bar-menu.md-dense .md-menu{padding:0}md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button{position:relative;margin:0;width:100%;text-transform:none;font-weight:400;border-radius:0;padding-left:16px}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button{padding-left:0;padding-right:16px}md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button:after{display:block;content:"\25BC";position:absolute;top:0;speak:none;transform:rotate(270deg) scaleY(.45) scaleX(.9);right:28px}[dir=rtl] md-menu-content.md-menu-bar-menu.md-dense .md-menu>.md-button:after{transform:rotate(90deg) scaleY(.45) scaleX(.9);right:auto;left:28px}.md-nav-bar{border-style:solid;border-width:0 0 1px;height:48px;position:relative}._md-nav-bar-list{outline:none;list-style:none;margin:0;padding:0;box-sizing:border-box;display:flex;flex-direction:row}.md-nav-item:first-of-type{margin-left:8px}.md-button._md-nav-button{line-height:24px;margin:0 4px;padding:12px 16px;transition:background-color .35s cubic-bezier(.35,0,.25,1)}.md-button._md-nav-button:focus{outline:none}.md-button._md-nav-button:hover{background-color:inherit}md-nav-ink-bar{bottom:0;height:2px;left:auto;position:absolute;right:auto;background-color:#000}md-nav-ink-bar._md-left{transition:left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1)}md-nav-ink-bar._md-right{transition:left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1)}md-nav-ink-bar.ng-animate{transition:none}md-nav-extra-content{min-height:48px;padding-right:12px}@keyframes indeterminate-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}md-progress-circular{position:relative;display:block}md-progress-circular._md-progress-circular-disabled{visibility:hidden}md-progress-circular.md-mode-indeterminate svg{animation:indeterminate-rotate 1568.63ms linear infinite}md-progress-circular svg{position:absolute;overflow:visible;top:0;left:0}md-progress-linear{display:block;position:relative;width:100%;height:5px;padding-top:0!important;margin-bottom:0!important}md-progress-linear._md-progress-linear-disabled{visibility:hidden}md-progress-linear .md-container{display:block;position:relative;overflow:hidden;width:100%;height:5px;transform:translate(0,0) scale(1,1)}md-progress-linear .md-container .md-bar{position:absolute;left:0;top:0;bottom:0;width:100%;height:5px}md-progress-linear .md-container .md-dashed:before{content:"";display:none;position:absolute;margin-top:0;height:5px;width:100%;background-color:transparent;background-size:10px 10px!important;background-position:0 -23px}md-progress-linear .md-container .md-bar1,md-progress-linear .md-container .md-bar2{transition:transform .2s linear}md-progress-linear .md-container.md-mode-query .md-bar1{display:none}md-progress-linear .md-container.md-mode-query .md-bar2{transition:all .2s linear;animation:query .8s infinite cubic-bezier(.39,.575,.565,1)}md-progress-linear .md-container.md-mode-determinate .md-bar1{display:none}md-progress-linear .md-container.md-mode-indeterminate .md-bar1{animation:md-progress-linear-indeterminate-scale-1 4s infinite,md-progress-linear-indeterminate-1 4s infinite}md-progress-linear .md-container.md-mode-indeterminate .md-bar2{animation:md-progress-linear-indeterminate-scale-2 4s infinite,md-progress-linear-indeterminate-2 4s infinite}md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container{animation:none}md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar1,md-progress-linear .md-container.ng-hide ._md-progress-linear-disabled md-progress-linear .md-container .md-bar2{animation-name:none}md-progress-linear .md-container.md-mode-buffer{background-color:transparent!important;transition:all .2s linear}md-progress-linear .md-container.md-mode-buffer .md-dashed:before{display:block;animation:buffer 3s infinite linear}@keyframes query{0%{opacity:1;transform:translateX(35%) scale(.3,1)}to{opacity:0;transform:translateX(-50%) scale(0,1)}}@keyframes buffer{0%{opacity:1;background-position:0 -23px}50%{opacity:0}to{opacity:1;background-position:-200px -23px}}@keyframes md-progress-linear-indeterminate-scale-1{0%{transform:scaleX(.1);animation-timing-function:linear}36.6%{transform:scaleX(.1);animation-timing-function:cubic-bezier(.33473,.12482,.78584,1)}69.15%{transform:scaleX(.83);animation-timing-function:cubic-bezier(.22573,0,.23365,1.37098)}to{transform:scaleX(.1)}}@keyframes md-progress-linear-indeterminate-1{0%{left:-105.16667%;animation-timing-function:linear}20%{left:-105.16667%;animation-timing-function:cubic-bezier(.5,0,.70173,.49582)}69.15%{left:21.5%;animation-timing-function:cubic-bezier(.30244,.38135,.55,.95635)}to{left:95.44444%}}@keyframes md-progress-linear-indeterminate-scale-2{0%{transform:scaleX(.1);animation-timing-function:cubic-bezier(.20503,.05705,.57661,.45397)}19.15%{transform:scaleX(.57);animation-timing-function:cubic-bezier(.15231,.19643,.64837,1.00432)}44.15%{transform:scaleX(.91);animation-timing-function:cubic-bezier(.25776,-.00316,.21176,1.38179)}to{transform:scaleX(.1)}}@keyframes md-progress-linear-indeterminate-2{0%{left:-54.88889%;animation-timing-function:cubic-bezier(.15,0,.51506,.40968)}25%{left:-17.25%;animation-timing-function:cubic-bezier(.31033,.28406,.8,.73372)}48.35%{left:29.5%;animation-timing-function:cubic-bezier(.4,.62703,.6,.90203)}to{left:117.38889%}}md-radio-button{box-sizing:border-box;display:block;margin-bottom:16px;white-space:nowrap;cursor:pointer;position:relative}md-radio-button[disabled],md-radio-button[disabled] .md-container{cursor:default}md-radio-button .md-container{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;display:inline-block;width:20px;height:20px;cursor:pointer;left:0;right:auto}[dir=rtl] md-radio-button .md-container{left:auto;right:0}md-radio-button .md-container .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-15px;top:-15px;right:-15px;bottom:-15px}md-radio-button .md-container:before{box-sizing:border-box;background-color:transparent;border-radius:50%;content:"";position:absolute;display:block;height:auto;left:0;top:0;right:0;bottom:0;transition:all .5s;width:auto}md-radio-button.md-align-top-left>div.md-container{top:12px}md-radio-button .md-off{border-style:solid;border-width:2px;transition:border-color .28s ease}md-radio-button .md-off,md-radio-button .md-on{box-sizing:border-box;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%}md-radio-button .md-on{transition:transform .28s ease;transform:scale(0)}md-radio-button.md-checked .md-on{transform:scale(.5)}md-radio-button .md-label{box-sizing:border-box;position:relative;display:inline-block;margin-left:30px;margin-right:0;vertical-align:middle;white-space:normal;pointer-events:none;width:auto}[dir=rtl] md-radio-button .md-label{margin-left:0;margin-right:30px}md-radio-group.layout-column md-radio-button,md-radio-group.layout-gt-lg-column md-radio-button,md-radio-group.layout-gt-md-column md-radio-button,md-radio-group.layout-gt-sm-column md-radio-button,md-radio-group.layout-gt-xs-column md-radio-button,md-radio-group.layout-lg-column md-radio-button,md-radio-group.layout-md-column md-radio-button,md-radio-group.layout-sm-column md-radio-button,md-radio-group.layout-xl-column md-radio-button,md-radio-group.layout-xs-column md-radio-button{margin-bottom:16px}md-radio-group.layout-gt-lg-row md-radio-button,md-radio-group.layout-gt-md-row md-radio-button,md-radio-group.layout-gt-sm-row md-radio-button,md-radio-group.layout-gt-xs-row md-radio-button,md-radio-group.layout-lg-row md-radio-button,md-radio-group.layout-md-row md-radio-button,md-radio-group.layout-row md-radio-button,md-radio-group.layout-sm-row md-radio-button,md-radio-group.layout-xl-row md-radio-button,md-radio-group.layout-xs-row md-radio-button{margin:0 16px 0 0}[dir=rtl] md-radio-group.layout-gt-lg-row md-radio-button,[dir=rtl] md-radio-group.layout-gt-md-row md-radio-button,[dir=rtl] md-radio-group.layout-gt-sm-row md-radio-button,[dir=rtl] md-radio-group.layout-gt-xs-row md-radio-button,[dir=rtl] md-radio-group.layout-lg-row md-radio-button,[dir=rtl] md-radio-group.layout-md-row md-radio-button,[dir=rtl] md-radio-group.layout-row md-radio-button,[dir=rtl] md-radio-group.layout-sm-row md-radio-button,[dir=rtl] md-radio-group.layout-xl-row md-radio-button,[dir=rtl] md-radio-group.layout-xs-row md-radio-button{margin-left:16px;margin-right:0}md-radio-group.layout-gt-lg-row md-radio-button:last-of-type,md-radio-group.layout-gt-md-row md-radio-button:last-of-type,md-radio-group.layout-gt-sm-row md-radio-button:last-of-type,md-radio-group.layout-gt-xs-row md-radio-button:last-of-type,md-radio-group.layout-lg-row md-radio-button:last-of-type,md-radio-group.layout-md-row md-radio-button:last-of-type,md-radio-group.layout-row md-radio-button:last-of-type,md-radio-group.layout-sm-row md-radio-button:last-of-type,md-radio-group.layout-xl-row md-radio-button:last-of-type,md-radio-group.layout-xs-row md-radio-button:last-of-type{margin-left:0;margin-right:0}md-radio-group:focus{outline:none}md-radio-group.md-focused .md-checked .md-container:before{left:-8px;top:-8px;right:-8px;bottom:-8px}md-radio-group[disabled] md-radio-button,md-radio-group[disabled] md-radio-button .md-container{cursor:default}.md-inline-form md-radio-group{margin:18px 0 19px}.md-inline-form md-radio-group md-radio-button{display:inline-block;height:30px;padding:2px;box-sizing:border-box;margin-top:0;margin-bottom:0}@media screen and (-ms-high-contrast:active){md-radio-button.md-default-theme .md-on{background-color:#fff}}md-input-container:not([md-no-float]) .md-select-placeholder span:first-child{transition:transform .4s cubic-bezier(.25,.8,.25,1);transform-origin:left top}[dir=rtl] md-input-container:not([md-no-float]) .md-select-placeholder span:first-child{transform-origin:right top}md-input-container.md-input-focused:not([md-no-float]) .md-select-placeholder span:first-child{transform:translateY(-22px) translateX(-2px) scale(.75)}.md-select-menu-container{position:fixed;left:0;top:0;z-index:90;opacity:0;display:none;transform:translateY(-1px)}.md-select-menu-container:not(.md-clickable){pointer-events:none}.md-select-menu-container md-progress-circular{display:table;margin:24px auto!important}.md-select-menu-container.md-active{display:block;opacity:1}.md-select-menu-container.md-active md-select-menu{transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.15s}.md-select-menu-container.md-active md-select-menu>*{opacity:1;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transition-delay:.1s}.md-select-menu-container.md-leave{opacity:0;transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.25s}md-input-container>md-select{margin:0;order:2}md-input-container:not(.md-input-has-value) md-select.ng-required:not(.md-no-asterisk) .md-select-value span:first-child:after,md-input-container:not(.md-input-has-value) md-select[required]:not(.md-no-asterisk) .md-select-value span:first-child:after{content:" *";font-size:13px;vertical-align:top}md-input-container.md-input-invalid md-select .md-select-value{border-bottom-style:solid;padding-bottom:1px}md-select{display:flex;margin:20px 0 26px}md-select.ng-required.ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after,md-select[required].ng-invalid:not(.md-no-asterisk) .md-select-value span:first-child:after{content:" *";font-size:13px;vertical-align:top}md-select[disabled] .md-select-value{background-position:0 bottom;background-size:4px 1px;background-repeat:repeat-x;margin-bottom:-1px}md-select:focus{outline:none}md-select[disabled]:hover{cursor:default}md-select:not([disabled]):hover{cursor:pointer}md-select:not([disabled]).ng-invalid.ng-touched .md-select-value{border-bottom-style:solid;padding-bottom:1px}md-select:not([disabled]):focus .md-select-value{border-bottom-width:2px;border-bottom-style:solid;padding-bottom:0}md-select:not([disabled]):focus.ng-invalid.ng-touched .md-select-value{padding-bottom:0}md-input-container.md-input-has-value .md-select-value>span:not(.md-select-icon){transform:translate3d(0,1px,0)}.md-select-value{display:flex;align-items:center;padding:2px 2px 1px;border-bottom-width:1px;border-bottom-style:solid;background-color:transparent;position:relative;box-sizing:content-box;min-width:64px;min-height:26px;flex-grow:1}.md-select-value>span:not(.md-select-icon){max-width:100%;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.md-select-value>span:not(.md-select-icon) .md-text{display:inline}.md-select-value .md-select-icon{display:block;align-items:flex-end;text-align:end;width:24px;margin:0 4px;transform:translate3d(0,-2px,0);font-size:1.2rem}.md-select-value .md-select-icon:after{display:block;content:"\25BC";position:relative;top:2px;speak:none;font-size:13px;transform:scaleY(.5) scaleX(1)}.md-select-value.md-select-placeholder{display:flex;order:1;pointer-events:none;-webkit-font-smoothing:antialiased;padding-left:2px;z-index:1}md-select-menu{display:flex;flex-direction:column;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);max-height:256px;min-height:48px;overflow-y:hidden;transform-origin:left top;transform:scale(1)}md-select-menu.md-reverse{flex-direction:column-reverse}md-select-menu:not(.md-overflow) md-content{padding-top:8px;padding-bottom:8px}[dir=rtl] md-select-menu{transform-origin:right top}md-select-menu md-content{min-width:136px;min-height:48px;max-height:256px;overflow-y:auto}md-select-menu>*{opacity:0}md-option{cursor:pointer;position:relative;display:flex;align-items:center;width:auto;transition:background .15s linear;padding:0 16px;height:48px}md-option[disabled]{cursor:default}md-option:focus{outline:none}md-option .md-text{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}md-optgroup{display:block}md-optgroup label{display:block;font-size:14px;text-transform:uppercase;padding:16px;font-weight:500}md-optgroup md-option{padding-left:32px;padding-right:32px}@media screen and (-ms-high-contrast:active){.md-select-backdrop{background-color:transparent}md-select-menu{border:1px solid #fff}}md-select-menu[multiple] md-option.md-checkbox-enabled{padding-left:40px;padding-right:16px}[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled{padding-left:16px;padding-right:40px}md-select-menu[multiple] md-option.md-checkbox-enabled .md-container{position:absolute;top:50%;transform:translateY(-50%);box-sizing:border-box;display:inline-block;width:20px;height:20px;left:0;right:auto}[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container{left:auto;right:0}md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:before{box-sizing:border-box;background-color:transparent;border-radius:50%;content:"";position:absolute;display:block;height:auto;left:0;top:0;right:0;bottom:0;transition:all .5s;width:auto}md-select-menu[multiple] md-option.md-checkbox-enabled .md-container:after{box-sizing:border-box;content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}md-select-menu[multiple] md-option.md-checkbox-enabled .md-container .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-15px;top:-15px;right:-15px;bottom:-15px}md-select-menu[multiple] md-option.md-checkbox-enabled .md-icon{box-sizing:border-box;transition:.24s;position:absolute;top:0;left:0;width:20px;height:20px;border-width:2px;border-style:solid;border-radius:2px}md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon{border-color:transparent}md-select-menu[multiple] md-option.md-checkbox-enabled[selected] .md-icon:after{box-sizing:border-box;transform:rotate(45deg);position:absolute;left:4.66667px;top:.22222px;display:table;width:6.66667px;height:13.33333px;border-width:2px;border-style:solid;border-top:0;border-left:0;content:""}md-select-menu[multiple] md-option.md-checkbox-enabled[disabled]{cursor:default}md-select-menu[multiple] md-option.md-checkbox-enabled.md-indeterminate .md-icon:after{box-sizing:border-box;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:table;width:12px;height:2px;border-width:2px;border-style:solid;border-top:0;border-left:0;content:""}md-select-menu[multiple] md-option.md-checkbox-enabled .md-container{margin-left:10.66667px;margin-right:auto}[dir=rtl] md-select-menu[multiple] md-option.md-checkbox-enabled .md-container{margin-left:auto;margin-right:10.66667px}md-sidenav{box-sizing:border-box;position:absolute;flex-direction:column;z-index:60;width:320px;max-width:320px;bottom:0;overflow:auto;-webkit-overflow-scrolling:touch}md-sidenav ul{list-style:none}md-sidenav.md-closed{display:none}md-sidenav.md-closed-add,md-sidenav.md-closed-remove{display:flex;transition:all .2s ease-in}md-sidenav.md-closed-add.md-closed-add-active,md-sidenav.md-closed-remove.md-closed-remove-active{transition:all .4s cubic-bezier(.25,.8,.25,1)}md-sidenav.md-closed.md-locked-open-add,md-sidenav.md-locked-open,md-sidenav.md-locked-open-add,md-sidenav.md-locked-open-remove,md-sidenav.md-locked-open-remove.md-closed,md-sidenav.md-locked-open.md-closed,md-sidenav.md-locked-open.md-closed.md-sidenav-left,md-sidenav.md-locked-open.md-closed.md-sidenav-right{position:static;display:flex;transform:translate3d(0,0,0)}md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active){width:0!important;min-width:0!important}md-sidenav.md-closed.md-locked-open-add-active,md-sidenav.md-closed.md-locked-open-add:not(.md-locked-open-add-active),md-sidenav.md-locked-open-remove-active{transition:width .3s cubic-bezier(.55,0,.55,.2),min-width .3s cubic-bezier(.55,0,.55,.2)}md-sidenav.md-locked-open-remove-active{width:0!important;min-width:0!important}.md-sidenav-backdrop.md-locked-open{display:none}.md-sidenav-left,md-sidenav{left:0;top:0;transform:translate3d(0,0,0)}.md-sidenav-left.md-closed,md-sidenav.md-closed{transform:translate3d(-100%,0,0)}.md-sidenav-right{left:100%;top:0;transform:translate(-100%,0)}.md-sidenav-right.md-closed{transform:translate(0,0)}@media (min-width:600px){md-sidenav{max-width:400px}}@media (max-width:456px){md-sidenav{width:calc(100% - 56px);min-width:calc(100% - 56px);max-width:calc(100% - 56px)}}@media screen and (-ms-high-contrast:active){.md-sidenav-left,md-sidenav{border-right:1px solid #fff}.md-sidenav-right{border-left:1px solid #fff}}@keyframes sliderFocusThumb{0%{transform:scale(.7)}30%{transform:scale(1)}to{transform:scale(.7)}}@keyframes sliderDiscreteFocusThumb{0%{transform:scale(.7)}50%{transform:scale(.8)}to{transform:scale(0)}}@keyframes sliderDiscreteFocusRing{0%{transform:scale(.7);opacity:0}50%{transform:scale(1);opacity:1}to{transform:scale(0)}}md-slider{height:48px;min-width:128px;position:relative;margin-left:4px;margin-right:4px;padding:0;display:block;flex-direction:row}md-slider *,md-slider :after{box-sizing:border-box}md-slider .md-slider-wrapper{outline:none;width:100%;height:100%}md-slider .md-slider-content{position:relative}md-slider .md-track-container{width:100%;position:absolute;top:23px;height:2px}md-slider .md-track{position:absolute;left:0;right:0;height:100%}md-slider .md-track-fill{transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:width,height}md-slider .md-track-ticks{position:absolute;left:0;right:0;height:100%}md-slider .md-track-ticks canvas{width:100%;height:100%}md-slider .md-thumb-container{position:absolute;left:0;top:50%;transform:translate3d(-50%,-50%,0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:left,right,bottom}[dir=rtl] md-slider .md-thumb-container{left:auto;right:0}md-slider .md-thumb{z-index:1;position:absolute;left:-10px;top:14px;width:20px;height:20px;border-radius:20px;transform:scale(.7);transition:all .4s cubic-bezier(.25,.8,.25,1)}[dir=rtl] md-slider .md-thumb{left:auto;right:-10px}md-slider .md-thumb:after{content:"";position:absolute;width:20px;height:20px;border-radius:20px;border-width:3px;border-style:solid;transition:inherit}md-slider .md-sign{display:flex;align-items:center;justify-content:center;position:absolute;left:-14px;top:-17px;width:28px;height:28px;border-radius:28px;transform:scale(.4) translate3d(0,67.5px,0);transition:all .3s cubic-bezier(.35,0,.25,1)}md-slider .md-sign:after{position:absolute;content:"";left:0;border-radius:16px;top:19px;border-left:14px solid transparent;border-right:14px solid transparent;border-top-width:16px;border-top-style:solid;opacity:0;transform:translate3d(0,-8px,0);transition:all .2s cubic-bezier(.35,0,.25,1)}[dir=rtl] md-slider .md-sign:after{left:auto;right:0}md-slider .md-sign .md-thumb-text{z-index:1;font-size:12px;font-weight:700}md-slider .md-focus-ring{position:absolute;left:-17px;top:7px;width:34px;height:34px;border-radius:34px;transform:scale(.7);opacity:0;transition:all .35s cubic-bezier(.35,0,.25,1)}[dir=rtl] md-slider .md-focus-ring{left:auto;right:-17px}md-slider .md-disabled-thumb{position:absolute;left:-14px;top:10px;width:28px;height:28px;border-radius:28px;transform:scale(.5);border-width:4px;border-style:solid;display:none}[dir=rtl] md-slider .md-disabled-thumb{left:auto;right:-14px}md-slider.md-min .md-sign{opacity:0}md-slider:focus{outline:none}md-slider.md-dragging .md-thumb-container,md-slider.md-dragging .md-track-fill{transition:none}md-slider:not([md-discrete]) .md-sign,md-slider:not([md-discrete]) .md-track-ticks{display:none}md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper .md-thumb:hover{transform:scale(.8)}md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring{transform:scale(1);opacity:1}md-slider:not([md-discrete]):not([disabled]) .md-slider-wrapper.md-focused .md-thumb{animation:sliderFocusThumb .7s cubic-bezier(.35,0,.25,1)}md-slider:not([md-discrete]):not([disabled]).md-active .md-slider-wrapper .md-thumb{transform:scale(1)}md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-focus-ring{transform:scale(0);animation:sliderDiscreteFocusRing .5s cubic-bezier(.35,0,.25,1)}md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb{animation:sliderDiscreteFocusThumb .5s cubic-bezier(.35,0,.25,1)}md-slider[md-discrete]:not([disabled]).md-active .md-thumb,md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-thumb{transform:scale(0)}md-slider[md-discrete]:not([disabled]).md-active .md-sign,md-slider[md-discrete]:not([disabled]).md-active .md-sign:after,md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign,md-slider[md-discrete]:not([disabled]) .md-slider-wrapper.md-focused .md-sign:after{opacity:1;transform:translate3d(0,0,0) scale(1)}md-slider[md-discrete][disabled][readonly] .md-thumb{transform:scale(0)}md-slider[md-discrete][disabled][readonly] .md-sign,md-slider[md-discrete][disabled][readonly] .md-sign:after{opacity:1;transform:translate3d(0,0,0) scale(1)}md-slider[disabled] .md-track-fill{display:none}md-slider[disabled] .md-track-ticks,md-slider[disabled]:not([readonly]) .md-sign{opacity:0}md-slider[disabled] .md-thumb{transform:scale(.5)}md-slider[disabled] .md-disabled-thumb{display:block}md-slider[md-vertical]{flex-direction:column;min-height:128px;min-width:0}md-slider[md-vertical] .md-slider-wrapper{flex:1;padding-top:12px;padding-bottom:12px;width:48px;align-self:center;display:flex;justify-content:center}md-slider[md-vertical] .md-track-container{height:100%;width:2px;top:0;left:calc(50% - 1px)}md-slider[md-vertical] .md-thumb-container{top:auto;margin-bottom:23px;left:calc(50% - 1px);bottom:0}md-slider[md-vertical] .md-thumb-container .md-thumb:after{left:1px}md-slider[md-vertical] .md-thumb-container .md-focus-ring{left:-16px}md-slider[md-vertical] .md-track-fill{bottom:0}md-slider[md-vertical][md-discrete] .md-sign{left:-40px;top:9.5px;transform:scale(.4) translate3d(67.5px,0,0)}md-slider[md-vertical][md-discrete] .md-sign:after{top:9.5px;left:19px;border-top:14px solid transparent;border-right:0;border-bottom:14px solid transparent;border-left-width:16px;border-left-style:solid;opacity:0;transform:translate3d(0,-8px,0);transition:all .2s ease-in-out}md-slider[md-vertical][md-discrete] .md-sign .md-thumb-text{z-index:1;font-size:12px;font-weight:700}md-slider[md-vertical][md-discrete].md-active .md-sign:after,md-slider[md-vertical][md-discrete] .md-focused .md-sign:after,md-slider[md-vertical][md-discrete][disabled][readonly] .md-sign:after{top:0}md-slider[md-vertical][disabled][readonly] .md-thumb{transform:scale(0)}md-slider[md-vertical][disabled][readonly] .md-sign,md-slider[md-vertical][disabled][readonly] .md-sign:after{opacity:1;transform:translate3d(0,0,0) scale(1)}md-slider[md-invert]:not([md-vertical]) .md-track-fill{left:auto;right:0}[dir=rtl] md-slider[md-invert]:not([md-vertical]) .md-track-fill{left:0;right:auto}md-slider[md-invert][md-vertical] .md-track-fill{bottom:auto;top:0}md-slider-container{display:flex;align-items:center;flex-direction:row}md-slider-container>:first-child:not(md-slider),md-slider-container>:last-child:not(md-slider){min-width:25px;max-width:42px;height:25px;transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:color,max-width}md-slider-container>:first-child:not(md-slider){margin-right:16px}[dir=rtl] md-slider-container>:first-child:not(md-slider){margin-right:auto;margin-left:16px}md-slider-container>:last-child:not(md-slider){margin-left:16px}[dir=rtl] md-slider-container>:last-child:not(md-slider){margin-left:auto;margin-right:16px}md-slider-container[md-vertical]{flex-direction:column}md-slider-container[md-vertical]>:first-child:not(md-slider),md-slider-container[md-vertical]>:last-child:not(md-slider){margin-right:0;margin-left:0;text-align:center}md-slider-container md-input-container input[type=number]{text-align:center;padding-left:15px;height:50px;margin-top:-25px}[dir=rtl] md-slider-container md-input-container input[type=number]{padding-left:0;padding-right:15px}@media screen and (-ms-high-contrast:active){md-slider.md-default-theme .md-track{border-bottom:1px solid #fff}}.md-sticky-clone{z-index:2;top:0;left:0;right:0;position:absolute!important;transform:translate3d(-9999px,-9999px,0)}.md-sticky-clone[sticky-state=active]{transform:translate3d(0,0,0)}.md-sticky-clone[sticky-state=active]:not(.md-sticky-no-effect) .md-subheader-inner{animation:subheaderStickyHoverIn .3s ease-out both}@keyframes subheaderStickyHoverIn{0%{box-shadow:0 0 0 0 transparent}to{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}}@keyframes subheaderStickyHoverOut{0%{box-shadow:0 2px 4px 0 rgba(0,0,0,.16)}to{box-shadow:0 0 0 0 transparent}}.md-subheader-wrapper:not(.md-sticky-no-effect){transition:margin .2s ease-out}.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader{margin:0}.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone{z-index:2}.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state=active]{margin-top:-2px}.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state=active] .md-subheader-inner:after{animation:subheaderStickyHoverOut .3s ease-out both}.md-subheader{display:block;font-size:14px;font-weight:500;line-height:1em;margin:0;position:relative}.md-subheader .md-subheader-inner{display:block;padding:16px}.md-subheader .md-subheader-content{display:block;z-index:1;position:relative}[md-swipe-left],[md-swipe-right]{touch-action:pan-y}[md-swipe-down],[md-swipe-up]{touch-action:pan-x}.md-inline-form md-switch{margin-top:18px;margin-bottom:19px}md-switch{margin:16px 0;white-space:nowrap;cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;height:30px;line-height:28px;align-items:center;display:flex;margin-left:inherit;margin-right:16px}[dir=rtl] md-switch{margin-left:16px;margin-right:inherit}md-switch:last-of-type{margin-left:inherit;margin-right:0}[dir=rtl] md-switch:last-of-type{margin-left:0;margin-right:inherit}md-switch[disabled],md-switch[disabled] .md-container{cursor:default}md-switch .md-container{cursor:grab;width:36px;height:24px;position:relative;-webkit-user-select:none;user-select:none;margin-right:8px;float:left}[dir=rtl] md-switch .md-container,md-switch.md-inverted .md-container{margin-right:0;margin-left:8px}[dir=rtl] md-switch.md-inverted .md-container{margin-right:8px;margin-left:0}md-switch:not([disabled]) .md-dragging,md-switch:not([disabled]).md-dragging .md-container{cursor:grabbing}md-switch.md-focused:not([disabled]) .md-thumb:before{left:-8px;top:-8px;right:-8px;bottom:-8px}md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before{background-color:rgba(0,0,0,.12)}md-switch .md-label{border-color:transparent;border-width:0;float:left}md-switch .md-bar{left:1px;width:34px;top:5px;height:14px;border-radius:8px;position:absolute}md-switch .md-thumb-container{top:2px;left:0;width:16px;position:absolute;transform:translate3d(0,0,0);z-index:1}md-switch.md-checked .md-thumb-container{transform:translate3d(100%,0,0)}md-switch .md-thumb{margin:0;outline:none;height:20px;width:20px;box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}md-switch .md-thumb,md-switch .md-thumb:before{position:absolute;left:0;top:0;border-radius:50%}md-switch .md-thumb:before{background-color:transparent;content:"";display:block;height:auto;right:0;bottom:0;transition:all .5s;width:auto}md-switch .md-thumb .md-ripple-container{position:absolute;display:block;width:auto;height:auto;left:-20px;top:-20px;right:-20px;bottom:-20px}md-switch:not(.md-dragging) .md-bar,md-switch:not(.md-dragging) .md-thumb,md-switch:not(.md-dragging) .md-thumb-container{transition:all .08s linear;transition-property:transform,background-color}md-switch:not(.md-dragging) .md-bar,md-switch:not(.md-dragging) .md-thumb{transition-delay:.05s}@media screen and (-ms-high-contrast:active){md-switch.md-default-theme .md-bar{background-color:#666}md-switch.md-default-theme.md-checked .md-bar{background-color:#9e9e9e}md-switch.md-default-theme .md-thumb{background-color:#fff}}@keyframes md-tab-content-hide{0%{opacity:1}50%{opacity:1}to{opacity:0}}md-tab-data{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;opacity:0}md-tabs{display:block;margin:0;border-radius:2px;overflow:hidden;position:relative;flex-shrink:0}md-tabs:not(.md-no-tab-content):not(.md-dynamic-height){min-height:248px}md-tabs[md-align-tabs=bottom]{padding-bottom:48px}md-tabs[md-align-tabs=bottom] md-tabs-wrapper{position:absolute;bottom:0;left:0;right:0;height:48px;z-index:2}md-tabs[md-align-tabs=bottom] md-tabs-content-wrapper{top:0;bottom:48px}md-tabs.md-dynamic-height md-tabs-content-wrapper{min-height:0;position:relative;top:auto;left:auto;right:auto;bottom:auto;overflow:visible}md-tabs.md-dynamic-height md-tab-content.md-active{position:relative}md-tabs[md-border-bottom] md-tabs-wrapper{border-width:0 0 1px;border-style:solid}md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper{top:49px}md-tabs-wrapper{display:block;position:relative;transform:translate3d(0,0,0)}md-tabs-wrapper md-next-button,md-tabs-wrapper md-prev-button{height:100%;width:32px;position:absolute;top:50%;transform:translateY(-50%);line-height:1em;z-index:2;cursor:pointer;font-size:16px;background:transparent no-repeat 50%;transition:all .5s cubic-bezier(.35,0,.25,1)}md-tabs-wrapper md-next-button:focus,md-tabs-wrapper md-prev-button:focus{outline:none}md-tabs-wrapper md-next-button.md-disabled,md-tabs-wrapper md-prev-button.md-disabled{opacity:.25;cursor:default}md-tabs-wrapper md-next-button.ng-leave,md-tabs-wrapper md-prev-button.ng-leave{transition:none}md-tabs-wrapper md-next-button md-icon,md-tabs-wrapper md-prev-button md-icon{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}[dir=rtl] md-tabs-wrapper md-next-button,[dir=rtl] md-tabs-wrapper md-prev-button{transform:rotateY(180deg) translateY(-50%)}md-tabs-wrapper md-prev-button{left:0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg==")}[dir=rtl] md-tabs-wrapper md-prev-button{left:auto;right:0}md-tabs-wrapper md-next-button{right:0;background-image:url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K")}[dir=rtl] md-tabs-wrapper md-next-button{right:auto;left:0}md-tabs-wrapper md-next-button md-icon{transform:translate3d(-50%,-50%,0) rotate(180deg)}md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper{width:100%;flex-direction:row}md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item{flex-grow:1}md-tabs-canvas{position:relative;overflow:hidden;display:block;height:48px}md-tabs-canvas:after{content:"";display:table;clear:both}md-tabs-canvas .md-dummy-wrapper{position:absolute;top:0;left:0}[dir=rtl] md-tabs-canvas .md-dummy-wrapper{left:auto;right:0}md-tabs-canvas.md-paginated{margin:0 32px}md-tabs-canvas.md-center-tabs{display:flex;flex-direction:column;text-align:center}md-tabs-canvas.md-center-tabs .md-tab{float:none;display:inline-block}md-pagination-wrapper{height:48px;display:flex;transition:transform .5s cubic-bezier(.35,0,.25,1);position:absolute;left:0;transform:translate3d(0,0,0)}md-pagination-wrapper:after{content:"";display:table;clear:both}[dir=rtl] md-pagination-wrapper{left:auto;right:0}md-pagination-wrapper.md-center-tabs{position:relative;justify-content:center}md-tabs-content-wrapper{display:block;top:48px;overflow:hidden}md-tab-content,md-tabs-content-wrapper{position:absolute;left:0;right:0;bottom:0}md-tab-content{display:flex;top:0;transition:transform .5s cubic-bezier(.35,0,.25,1);overflow:auto;transform:translate3d(0,0,0)}md-tab-content.md-no-scroll{bottom:auto;overflow:hidden}md-tab-content.md-no-transition,md-tab-content.ng-leave{transition:none}md-tab-content.md-left:not(.md-active){transform:translateX(-100%);animation:1s md-tab-content-hide;visibility:hidden}[dir=rtl] md-tab-content.md-left:not(.md-active){transform:translateX(100%)}md-tab-content.md-left:not(.md-active) *{transition:visibility 0s linear;transition-delay:.5s;visibility:hidden}md-tab-content.md-right:not(.md-active){transform:translateX(100%);animation:1s md-tab-content-hide;visibility:hidden}[dir=rtl] md-tab-content.md-right:not(.md-active){transform:translateX(-100%)}md-tab-content.md-right:not(.md-active) *{transition:visibility 0s linear;transition-delay:.5s;visibility:hidden}md-tab-content>div{flex:1 0 100%;min-width:0}md-tab-content>div.ng-leave{animation:1s md-tab-content-hide}md-ink-bar{position:absolute;left:auto;right:auto;bottom:0;height:2px}md-ink-bar.md-left{transition:left .125s cubic-bezier(.35,0,.25,1),right .25s cubic-bezier(.35,0,.25,1)}md-ink-bar.md-right{transition:left .25s cubic-bezier(.35,0,.25,1),right .125s cubic-bezier(.35,0,.25,1)}md-tab{position:absolute;z-index:-1;left:-9999px}.md-tab{font-size:14px;text-align:center;line-height:24px;padding:12px 24px;transition:background-color .35s cubic-bezier(.35,0,.25,1);cursor:pointer;white-space:nowrap;position:relative;text-transform:uppercase;float:left;font-weight:500;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .md-tab{float:right}.md-tab.md-focused,.md-tab:focus{box-shadow:none;outline:none}.md-tab.md-active{cursor:default}.md-tab.md-disabled{pointer-events:none;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:.5;cursor:default}.md-tab.ng-leave{transition:none}md-toolbar+md-dialog-content md-tabs,md-toolbar+md-tabs{border-top-left-radius:0;border-top-right-radius:0}.md-toast-text{padding:0 6px}md-toast{position:absolute;z-index:105;box-sizing:border-box;cursor:default;padding:8px;opacity:1}md-toast,md-toast .md-toast-content{overflow:hidden;transition:all .4s cubic-bezier(.25,.8,.25,1)}md-toast .md-toast-content{display:flex;flex-direction:row;align-items:center;max-height:168px;max-width:100%;min-height:48px;padding:0 18px;box-shadow:0 2px 5px 0 rgba(0,0,0,.26);border-radius:2px;font-size:14px;transform:translate3d(0,0,0) rotateZ(0deg);justify-content:flex-start}md-toast .md-toast-content:before{content:"";min-height:48px;visibility:hidden;display:inline-block}[dir=rtl] md-toast .md-toast-content{justify-content:flex-end}md-toast .md-toast-content span{flex:1 1 0%;box-sizing:border-box;min-width:0}md-toast.md-capsule,md-toast.md-capsule .md-toast-content{border-radius:24px}md-toast.ng-leave-active .md-toast-content{transition:all .3s cubic-bezier(.55,0,.55,.2)}md-toast.md-swipedown .md-toast-content,md-toast.md-swipeleft .md-toast-content,md-toast.md-swiperight .md-toast-content,md-toast.md-swipeup .md-toast-content{transition:all .4s cubic-bezier(.25,.8,.25,1)}md-toast.ng-enter{opacity:0}md-toast.ng-enter .md-toast-content{transform:translate3d(0,100%,0)}md-toast.ng-enter.md-top .md-toast-content{transform:translate3d(0,-100%,0)}md-toast.ng-enter.ng-enter-active{opacity:1}md-toast.ng-enter.ng-enter-active .md-toast-content{transform:translate3d(0,0,0)}md-toast.ng-leave.ng-leave-active .md-toast-content{opacity:0;transform:translate3d(0,100%,0)}md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content{transform:translate3d(0,-50%,0)}md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content{transform:translate3d(0,50%,0)}md-toast.ng-leave.ng-leave-active.md-top .md-toast-content{transform:translate3d(0,-100%,0)}md-toast .md-action{line-height:19px;margin-left:24px;margin-right:0;cursor:pointer;text-transform:uppercase;float:right}md-toast .md-button{min-width:0;margin-right:0;margin-left:12px}[dir=rtl] md-toast .md-button{margin-right:12px;margin-left:0}@media (max-width:959px){md-toast{left:0;right:0;width:100%;max-width:100%;min-width:0;border-radius:0;bottom:0;padding:0}md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content{transform:translate3d(0,-50%,0)}md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content{transform:translate3d(0,50%,0)}}@media (min-width:960px){md-toast{min-width:304px}md-toast.md-bottom{bottom:0}md-toast.md-left{left:0}md-toast.md-right{right:0}md-toast.md-top{top:0}md-toast._md-start{left:0}[dir=rtl] md-toast._md-start{left:auto;right:0}md-toast._md-end{right:0}[dir=rtl] md-toast._md-end{right:auto;left:0}md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content{transform:translate3d(-50%,0,0)}md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content{transform:translate3d(50%,0,0)}}@media (min-width:1920px){md-toast .md-toast-content{max-width:568px}}@media screen and (-ms-high-contrast:active){md-toast{border:1px solid #fff}}.md-toast-animating{overflow:hidden!important}md-toolbar{box-sizing:border-box;display:flex;flex-direction:column;position:relative;z-index:2;font-size:20px;min-height:64px;width:100%}md-toolbar._md-toolbar-transitions{transition-duration:.5s;transition-timing-function:cubic-bezier(.35,0,.25,1);transition-property:background-color,fill,color}md-toolbar.md-whiteframe-z1-add,md-toolbar.md-whiteframe-z1-remove{transition:box-shadow .5s linear}md-toolbar md-toolbar-filler{width:72px}md-toolbar *,md-toolbar :after,md-toolbar :before{box-sizing:border-box}md-toolbar.ng-animate{transition:none}md-toolbar.md-tall{height:128px;min-height:128px;max-height:128px}md-toolbar.md-medium-tall{height:88px;min-height:88px;max-height:88px}md-toolbar.md-medium-tall .md-toolbar-tools{height:48px;min-height:48px;max-height:48px}md-toolbar>.md-indent{margin-left:64px}[dir=rtl] md-toolbar>.md-indent{margin-left:auto;margin-right:64px}md-toolbar~md-content>md-list{padding:0}md-toolbar~md-content>md-list md-list-item:last-child md-divider{display:none}.md-toolbar-tools{font-size:20px;letter-spacing:.005em;box-sizing:border-box;font-weight:400;display:flex;align-items:center;flex-direction:row;width:100%;height:64px;max-height:64px;padding:0 16px;margin:0}.md-toolbar-tools h1,.md-toolbar-tools h2,.md-toolbar-tools h3{font-size:inherit;font-weight:inherit;margin:inherit}.md-toolbar-tools a{color:inherit;text-decoration:none}.md-toolbar-tools .fill-height{display:flex;align-items:center}.md-toolbar-tools md-checkbox{margin:inherit}.md-toolbar-tools .md-button{margin-top:0;margin-bottom:0}.md-toolbar-tools .md-button,.md-toolbar-tools .md-button.md-icon-button md-icon{transition-duration:.5s;transition-timing-function:cubic-bezier(.35,0,.25,1);transition-property:background-color,fill,color}.md-toolbar-tools .md-button.md-icon-button md-icon.ng-animate,.md-toolbar-tools .md-button.ng-animate{transition:none}.md-toolbar-tools>.md-button:first-child{margin-left:-8px}[dir=rtl] .md-toolbar-tools>.md-button:first-child{margin-left:auto;margin-right:-8px}.md-toolbar-tools>.md-button:last-child{margin-right:-8px}[dir=rtl] .md-toolbar-tools>.md-button:last-child{margin-right:auto;margin-left:-8px}.md-toolbar-tools>md-menu:last-child{margin-right:-8px}[dir=rtl] .md-toolbar-tools>md-menu:last-child{margin-right:auto;margin-left:-8px}.md-toolbar-tools>md-menu:last-child>.md-button{margin-right:0}[dir=rtl] .md-toolbar-tools>md-menu:last-child>.md-button{margin-right:auto;margin-left:0}@media screen and (-ms-high-contrast:active){.md-toolbar-tools{border-bottom:1px solid #fff}}@media (min-width:0) and (max-width:959px) and (orientation:portrait){md-toolbar{min-height:56px}.md-toolbar-tools{height:56px;max-height:56px}}@media (min-width:0) and (max-width:959px) and (orientation:landscape){md-toolbar{min-height:48px}.md-toolbar-tools{height:48px;max-height:48px}}.md-tooltip{pointer-events:none;border-radius:4px;overflow:hidden;opacity:0;font-weight:500;font-size:14px;white-space:nowrap;text-overflow:ellipsis;height:32px;line-height:32px;padding-right:16px;padding-left:16px}.md-tooltip.md-origin-top{transform-origin:center bottom;margin-top:-24px}.md-tooltip.md-origin-right{transform-origin:left center;margin-left:24px}.md-tooltip.md-origin-bottom{transform-origin:center top;margin-top:24px}.md-tooltip.md-origin-left{transform-origin:right center;margin-left:-24px}@media (min-width:960px){.md-tooltip{font-size:10px;height:22px;line-height:22px;padding-right:8px;padding-left:8px}.md-tooltip.md-origin-top{margin-top:-14px}.md-tooltip.md-origin-right{margin-left:14px}.md-tooltip.md-origin-bottom{margin-top:14px}.md-tooltip.md-origin-left{margin-left:-14px}}.md-tooltip.md-show-add{transform:scale(0)}.md-tooltip.md-show{transition:all .4s cubic-bezier(.25,.8,.25,1);transition-duration:.15s;transform:scale(1);opacity:.9}.md-tooltip.md-hide{transition:all .3s cubic-bezier(.55,0,.55,.2);transition-duration:.15s;transform:scale(0);opacity:0}.md-truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.md-truncate.md-clip{text-overflow:clip}.md-truncate.flex{width:0}.md-virtual-repeat-container{box-sizing:border-box;display:block;margin:0;overflow:hidden;padding:0;position:relative}.md-virtual-repeat-container .md-virtual-repeat-scroller{bottom:0;box-sizing:border-box;left:0;margin:0;overflow-x:hidden;padding:0;position:absolute;right:0;top:0;-webkit-overflow-scrolling:touch}.md-virtual-repeat-container .md-virtual-repeat-sizer{box-sizing:border-box;height:1px;display:block;margin:0;padding:0;width:1px}.md-virtual-repeat-container .md-virtual-repeat-offsetter{box-sizing:border-box;left:0;margin:0;padding:0;position:absolute;right:0;top:0}.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller{overflow-x:auto;overflow-y:hidden}.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter{bottom:16px;right:auto;white-space:nowrap}[dir=rtl] .md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter{right:auto;left:auto}.md-whiteframe-1dp,.md-whiteframe-z1{box-shadow:0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12)}.md-whiteframe-2dp{box-shadow:0 1px 5px 0 rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12)}.md-whiteframe-3dp{box-shadow:0 1px 8px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 3px 3px -2px rgba(0,0,0,.12)}.md-whiteframe-4dp,.md-whiteframe-z2{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.md-whiteframe-5dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.md-whiteframe-6dp{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.md-whiteframe-7dp,.md-whiteframe-z3{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.md-whiteframe-8dp{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.md-whiteframe-9dp{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.md-whiteframe-10dp,.md-whiteframe-z4{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.md-whiteframe-11dp{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.md-whiteframe-12dp{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.md-whiteframe-13dp,.md-whiteframe-z5{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.md-whiteframe-14dp{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.md-whiteframe-15dp{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.md-whiteframe-16dp{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.md-whiteframe-17dp{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.md-whiteframe-18dp{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.md-whiteframe-19dp{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.md-whiteframe-20dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.md-whiteframe-21dp{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.md-whiteframe-22dp{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.md-whiteframe-23dp{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.md-whiteframe-24dp{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}@media screen and (-ms-high-contrast:active){md-whiteframe{border:1px solid #fff}}@media print{[md-whiteframe],md-whiteframe{background-color:#fff}}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}@-moz-document url-prefix(){.layout-fill{margin:0;width:100%;min-height:100%;height:100%}}.flex-order{order:0}.flex-order--20{order:-20}.flex-order--19{order:-19}.flex-order--18{order:-18}.flex-order--17{order:-17}.flex-order--16{order:-16}.flex-order--15{order:-15}.flex-order--14{order:-14}.flex-order--13{order:-13}.flex-order--12{order:-12}.flex-order--11{order:-11}.flex-order--10{order:-10}.flex-order--9{order:-9}.flex-order--8{order:-8}.flex-order--7{order:-7}.flex-order--6{order:-6}.flex-order--5{order:-5}.flex-order--4{order:-4}.flex-order--3{order:-3}.flex-order--2{order:-2}.flex-order--1{order:-1}.flex-order-0{order:0}.flex-order-1{order:1}.flex-order-2{order:2}.flex-order-3{order:3}.flex-order-4{order:4}.flex-order-5{order:5}.flex-order-6{order:6}.flex-order-7{order:7}.flex-order-8{order:8}.flex-order-9{order:9}.flex-order-10{order:10}.flex-order-11{order:11}.flex-order-12{order:12}.flex-order-13{order:13}.flex-order-14{order:14}.flex-order-15{order:15}.flex-order-16{order:16}.flex-order-17{order:17}.flex-order-18{order:18}.flex-order-19{order:19}.flex-order-20{order:20}.flex-offset-0,.layout-margin .flex-offset-0,.layout-margin .offset-0,.offset-0{margin-left:0}[dir=rtl] .flex-offset-0,[dir=rtl] .layout-margin .flex-offset-0,[dir=rtl] .layout-margin .offset-0,[dir=rtl] .offset-0{margin-left:auto;margin-right:0}.flex-offset-5,.layout-margin .flex-offset-5,.layout-margin .offset-5,.offset-5{margin-left:5%}[dir=rtl] .flex-offset-5,[dir=rtl] .layout-margin .flex-offset-5,[dir=rtl] .layout-margin .offset-5,[dir=rtl] .offset-5{margin-left:auto;margin-right:5%}.flex-offset-10,.layout-margin .flex-offset-10,.layout-margin .offset-10,.offset-10{margin-left:10%}[dir=rtl] .flex-offset-10,[dir=rtl] .layout-margin .flex-offset-10,[dir=rtl] .layout-margin .offset-10,[dir=rtl] .offset-10{margin-left:auto;margin-right:10%}.flex-offset-15,.layout-margin .flex-offset-15,.layout-margin .offset-15,.offset-15{margin-left:15%}[dir=rtl] .flex-offset-15,[dir=rtl] .layout-margin .flex-offset-15,[dir=rtl] .layout-margin .offset-15,[dir=rtl] .offset-15{margin-left:auto;margin-right:15%}.flex-offset-20,.layout-margin .flex-offset-20,.layout-margin .offset-20,.offset-20{margin-left:20%}[dir=rtl] .flex-offset-20,[dir=rtl] .layout-margin .flex-offset-20,[dir=rtl] .layout-margin .offset-20,[dir=rtl] .offset-20{margin-left:auto;margin-right:20%}.flex-offset-25,.layout-margin .flex-offset-25,.layout-margin .offset-25,.offset-25{margin-left:25%}[dir=rtl] .flex-offset-25,[dir=rtl] .layout-margin .flex-offset-25,[dir=rtl] .layout-margin .offset-25,[dir=rtl] .offset-25{margin-left:auto;margin-right:25%}.flex-offset-30,.layout-margin .flex-offset-30,.layout-margin .offset-30,.offset-30{margin-left:30%}[dir=rtl] .flex-offset-30,[dir=rtl] .layout-margin .flex-offset-30,[dir=rtl] .layout-margin .offset-30,[dir=rtl] .offset-30{margin-left:auto;margin-right:30%}.flex-offset-35,.layout-margin .flex-offset-35,.layout-margin .offset-35,.offset-35{margin-left:35%}[dir=rtl] .flex-offset-35,[dir=rtl] .layout-margin .flex-offset-35,[dir=rtl] .layout-margin .offset-35,[dir=rtl] .offset-35{margin-left:auto;margin-right:35%}.flex-offset-40,.layout-margin .flex-offset-40,.layout-margin .offset-40,.offset-40{margin-left:40%}[dir=rtl] .flex-offset-40,[dir=rtl] .layout-margin .flex-offset-40,[dir=rtl] .layout-margin .offset-40,[dir=rtl] .offset-40{margin-left:auto;margin-right:40%}.flex-offset-45,.layout-margin .flex-offset-45,.layout-margin .offset-45,.offset-45{margin-left:45%}[dir=rtl] .flex-offset-45,[dir=rtl] .layout-margin .flex-offset-45,[dir=rtl] .layout-margin .offset-45,[dir=rtl] .offset-45{margin-left:auto;margin-right:45%}.flex-offset-50,.layout-margin .flex-offset-50,.layout-margin .offset-50,.offset-50{margin-left:50%}[dir=rtl] .flex-offset-50,[dir=rtl] .layout-margin .flex-offset-50,[dir=rtl] .layout-margin .offset-50,[dir=rtl] .offset-50{margin-left:auto;margin-right:50%}.flex-offset-55,.layout-margin .flex-offset-55,.layout-margin .offset-55,.offset-55{margin-left:55%}[dir=rtl] .flex-offset-55,[dir=rtl] .layout-margin .flex-offset-55,[dir=rtl] .layout-margin .offset-55,[dir=rtl] .offset-55{margin-left:auto;margin-right:55%}.flex-offset-60,.layout-margin .flex-offset-60,.layout-margin .offset-60,.offset-60{margin-left:60%}[dir=rtl] .flex-offset-60,[dir=rtl] .layout-margin .flex-offset-60,[dir=rtl] .layout-margin .offset-60,[dir=rtl] .offset-60{margin-left:auto;margin-right:60%}.flex-offset-65,.layout-margin .flex-offset-65,.layout-margin .offset-65,.offset-65{margin-left:65%}[dir=rtl] .flex-offset-65,[dir=rtl] .layout-margin .flex-offset-65,[dir=rtl] .layout-margin .offset-65,[dir=rtl] .offset-65{margin-left:auto;margin-right:65%}.flex-offset-70,.layout-margin .flex-offset-70,.layout-margin .offset-70,.offset-70{margin-left:70%}[dir=rtl] .flex-offset-70,[dir=rtl] .layout-margin .flex-offset-70,[dir=rtl] .layout-margin .offset-70,[dir=rtl] .offset-70{margin-left:auto;margin-right:70%}.flex-offset-75,.layout-margin .flex-offset-75,.layout-margin .offset-75,.offset-75{margin-left:75%}[dir=rtl] .flex-offset-75,[dir=rtl] .layout-margin .flex-offset-75,[dir=rtl] .layout-margin .offset-75,[dir=rtl] .offset-75{margin-left:auto;margin-right:75%}.flex-offset-80,.layout-margin .flex-offset-80,.layout-margin .offset-80,.offset-80{margin-left:80%}[dir=rtl] .flex-offset-80,[dir=rtl] .layout-margin .flex-offset-80,[dir=rtl] .layout-margin .offset-80,[dir=rtl] .offset-80{margin-left:auto;margin-right:80%}.flex-offset-85,.layout-margin .flex-offset-85,.layout-margin .offset-85,.offset-85{margin-left:85%}[dir=rtl] .flex-offset-85,[dir=rtl] .layout-margin .flex-offset-85,[dir=rtl] .layout-margin .offset-85,[dir=rtl] .offset-85{margin-left:auto;margin-right:85%}.flex-offset-90,.layout-margin .flex-offset-90,.layout-margin .offset-90,.offset-90{margin-left:90%}[dir=rtl] .flex-offset-90,[dir=rtl] .layout-margin .flex-offset-90,[dir=rtl] .layout-margin .offset-90,[dir=rtl] .offset-90{margin-left:auto;margin-right:90%}.flex-offset-95,.layout-margin .flex-offset-95,.layout-margin .offset-95,.offset-95{margin-left:95%}[dir=rtl] .flex-offset-95,[dir=rtl] .layout-margin .flex-offset-95,[dir=rtl] .layout-margin .offset-95,[dir=rtl] .offset-95{margin-left:auto;margin-right:95%}.flex-offset-33,.layout-margin .flex-offset-33,.layout-margin .offset-33,.offset-33{margin-left:33.33333%}.flex-offset-66,.layout-margin .flex-offset-66,.layout-margin .offset-66,.offset-66{margin-left:66.66667%}[dir=rtl] .flex-offset-66,[dir=rtl] .layout-margin .flex-offset-66,[dir=rtl] .layout-margin .offset-66,[dir=rtl] .offset-66{margin-left:auto;margin-right:66.66667%}.layout-align,.layout-align-start-stretch{align-content:stretch;align-items:stretch}.layout-align,.layout-align-start,.layout-align-start-center,.layout-align-start-end,.layout-align-start-start,.layout-align-start-stretch{justify-content:flex-start}.layout-align-center,.layout-align-center-center,.layout-align-center-end,.layout-align-center-start,.layout-align-center-stretch{justify-content:center}.layout-align-end,.layout-align-end-center,.layout-align-end-end,.layout-align-end-start,.layout-align-end-stretch{justify-content:flex-end}.layout-align-space-around,.layout-align-space-around-center,.layout-align-space-around-end,.layout-align-space-around-start,.layout-align-space-around-stretch{justify-content:space-around}.layout-align-space-between,.layout-align-space-between-center,.layout-align-space-between-end,.layout-align-space-between-start,.layout-align-space-between-stretch{justify-content:space-between}.layout-align-center-start,.layout-align-end-start,.layout-align-space-around-start,.layout-align-space-between-start,.layout-align-start-start{align-items:flex-start;align-content:flex-start}.layout-align-center-center,.layout-align-end-center,.layout-align-space-around-center,.layout-align-space-between-center,.layout-align-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-center-center>*,.layout-align-end-center>*,.layout-align-space-around-center>*,.layout-align-space-between-center>*,.layout-align-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-center-end,.layout-align-end-end,.layout-align-space-around-end,.layout-align-space-between-end,.layout-align-start-end{align-items:flex-end;align-content:flex-end}.layout-align-center-stretch,.layout-align-end-stretch,.layout-align-space-around-stretch,.layout-align-space-between-stretch,.layout-align-start-stretch{align-items:stretch;align-content:stretch}.flex{flex:1}.flex,.flex-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-grow{flex:1 1 100%}.flex-initial{flex:0 1 auto;box-sizing:border-box}.flex-auto{flex:1 1 auto;box-sizing:border-box}.flex-none{flex:0 0 auto;box-sizing:border-box}.flex-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-0,.layout-row>.flex-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-0{min-width:0}.layout-column>.flex-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-5,.layout-row>.flex-5{max-width:5%;max-height:100%}.flex-5,.layout-column>.flex-5,.layout-row>.flex-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-5{max-width:100%;max-height:5%}.flex-10,.layout-row>.flex-10{max-width:10%;max-height:100%}.flex-10,.layout-column>.flex-10,.layout-row>.flex-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-10{max-width:100%;max-height:10%}.flex-15,.layout-row>.flex-15{max-width:15%;max-height:100%}.flex-15,.layout-column>.flex-15,.layout-row>.flex-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-15{max-width:100%;max-height:15%}.flex-20,.layout-row>.flex-20{max-width:20%;max-height:100%}.flex-20,.layout-column>.flex-20,.layout-row>.flex-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-20{max-width:100%;max-height:20%}.flex-25,.layout-row>.flex-25{max-width:25%;max-height:100%}.flex-25,.layout-column>.flex-25,.layout-row>.flex-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-25{max-width:100%;max-height:25%}.flex-30,.layout-row>.flex-30{max-width:30%;max-height:100%}.flex-30,.layout-column>.flex-30,.layout-row>.flex-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-30{max-width:100%;max-height:30%}.flex-35,.layout-row>.flex-35{max-width:35%;max-height:100%}.flex-35,.layout-column>.flex-35,.layout-row>.flex-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-35{max-width:100%;max-height:35%}.flex-40,.layout-row>.flex-40{max-width:40%;max-height:100%}.flex-40,.layout-column>.flex-40,.layout-row>.flex-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-40{max-width:100%;max-height:40%}.flex-45,.layout-row>.flex-45{max-width:45%;max-height:100%}.flex-45,.layout-column>.flex-45,.layout-row>.flex-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-45{max-width:100%;max-height:45%}.flex-50,.layout-row>.flex-50{max-width:50%;max-height:100%}.flex-50,.layout-column>.flex-50,.layout-row>.flex-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-50{max-width:100%;max-height:50%}.flex-55,.layout-row>.flex-55{max-width:55%;max-height:100%}.flex-55,.layout-column>.flex-55,.layout-row>.flex-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-55{max-width:100%;max-height:55%}.flex-60,.layout-row>.flex-60{max-width:60%;max-height:100%}.flex-60,.layout-column>.flex-60,.layout-row>.flex-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-60{max-width:100%;max-height:60%}.flex-65,.layout-row>.flex-65{max-width:65%;max-height:100%}.flex-65,.layout-column>.flex-65,.layout-row>.flex-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-65{max-width:100%;max-height:65%}.flex-70,.layout-row>.flex-70{max-width:70%;max-height:100%}.flex-70,.layout-column>.flex-70,.layout-row>.flex-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-70{max-width:100%;max-height:70%}.flex-75,.layout-row>.flex-75{max-width:75%;max-height:100%}.flex-75,.layout-column>.flex-75,.layout-row>.flex-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-75{max-width:100%;max-height:75%}.flex-80,.layout-row>.flex-80{max-width:80%;max-height:100%}.flex-80,.layout-column>.flex-80,.layout-row>.flex-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-80{max-width:100%;max-height:80%}.flex-85,.layout-row>.flex-85{max-width:85%;max-height:100%}.flex-85,.layout-column>.flex-85,.layout-row>.flex-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-85{max-width:100%;max-height:85%}.flex-90,.layout-row>.flex-90{max-width:90%;max-height:100%}.flex-90,.layout-column>.flex-90,.layout-row>.flex-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-90{max-width:100%;max-height:90%}.flex-95,.layout-row>.flex-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-column>.flex-95{max-height:95%}.flex-100,.layout-column>.flex-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-100{max-height:100%}.layout-column>.flex-100,.layout-row>.flex-100{max-width:100%}.flex-33,.layout-column>.flex-100,.layout-row>.flex-100{flex:1 1 100%;max-height:100%;box-sizing:border-box}.flex-33{max-width:33.33%}.flex-66{flex:1 1 100%;max-width:66.66%;max-height:100%;box-sizing:border-box}.layout-row>.flex-33{flex:1 1 33.33%}.layout-row>.flex-66{flex:1 1 66.66%}.layout-column>.flex-33{flex:1 1 33.33%}.layout-column>.flex-66{flex:1 1 66.66%}.layout-row>.flex-33{max-width:33.33%}.layout-row>.flex-33,.layout-row>.flex-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-66{max-width:66.66%}.layout-row>.flex{min-width:0}.layout-column>.flex-33{max-height:33.33%}.layout-column>.flex-33,.layout-column>.flex-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-column>.flex-66{max-height:66.66%}.layout-column>.flex{min-height:0}.layout,.layout-column,.layout-row{box-sizing:border-box;display:flex}.layout-column{flex-direction:column}.layout-column,.layout-row{}.layout-row{flex-direction:row}.layout-padding-sm>*,.layout-padding>.flex-sm{padding:4px}.layout-padding,.layout-padding-gt-sm,.layout-padding-gt-sm>*,.layout-padding-md,.layout-padding-md>*,.layout-padding>*,.layout-padding>.flex,.layout-padding>.flex-gt-sm,.layout-padding>.flex-md{padding:8px}.layout-padding-gt-lg>*,.layout-padding-gt-md>*,.layout-padding-lg>*,.layout-padding>.flex-gt-lg,.layout-padding>.flex-gt-md,.layout-padding>.flex-lg{padding:16px}.layout-margin-sm>*,.layout-margin>.flex-sm{margin:4px}.layout-margin,.layout-margin-gt-sm,.layout-margin-gt-sm>*,.layout-margin-md,.layout-margin-md>*,.layout-margin>*,.layout-margin>.flex,.layout-margin>.flex-gt-sm,.layout-margin>.flex-md{margin:8px}.layout-margin-gt-lg>*,.layout-margin-gt-md>*,.layout-margin-lg>*,.layout-margin>.flex-gt-lg,.layout-margin>.flex-gt-md,.layout-margin>.flex-lg{margin:16px}.layout-wrap{flex-wrap:wrap}.layout-nowrap{flex-wrap:nowrap}.layout-fill{margin:0;width:100%;min-height:100%;height:100%}@media (max-width:599px){.hide-xs:not(.show-xs):not(.show),.hide:not(.show-xs):not(.show){display:none}.flex-order-xs--20{order:-20}.flex-order-xs--19{order:-19}.flex-order-xs--18{order:-18}.flex-order-xs--17{order:-17}.flex-order-xs--16{order:-16}.flex-order-xs--15{order:-15}.flex-order-xs--14{order:-14}.flex-order-xs--13{order:-13}.flex-order-xs--12{order:-12}.flex-order-xs--11{order:-11}.flex-order-xs--10{order:-10}.flex-order-xs--9{order:-9}.flex-order-xs--8{order:-8}.flex-order-xs--7{order:-7}.flex-order-xs--6{order:-6}.flex-order-xs--5{order:-5}.flex-order-xs--4{order:-4}.flex-order-xs--3{order:-3}.flex-order-xs--2{order:-2}.flex-order-xs--1{order:-1}.flex-order-xs-0{order:0}.flex-order-xs-1{order:1}.flex-order-xs-2{order:2}.flex-order-xs-3{order:3}.flex-order-xs-4{order:4}.flex-order-xs-5{order:5}.flex-order-xs-6{order:6}.flex-order-xs-7{order:7}.flex-order-xs-8{order:8}.flex-order-xs-9{order:9}.flex-order-xs-10{order:10}.flex-order-xs-11{order:11}.flex-order-xs-12{order:12}.flex-order-xs-13{order:13}.flex-order-xs-14{order:14}.flex-order-xs-15{order:15}.flex-order-xs-16{order:16}.flex-order-xs-17{order:17}.flex-order-xs-18{order:18}.flex-order-xs-19{order:19}.flex-order-xs-20{order:20}.flex-offset-xs-0,.layout-margin .flex-offset-xs-0,.layout-margin .offset-xs-0,.offset-xs-0{margin-left:0}[dir=rtl] .flex-offset-xs-0,[dir=rtl] .layout-margin .flex-offset-xs-0,[dir=rtl] .layout-margin .offset-xs-0,[dir=rtl] .offset-xs-0{margin-left:auto;margin-right:0}.flex-offset-xs-5,.layout-margin .flex-offset-xs-5,.layout-margin .offset-xs-5,.offset-xs-5{margin-left:5%}[dir=rtl] .flex-offset-xs-5,[dir=rtl] .layout-margin .flex-offset-xs-5,[dir=rtl] .layout-margin .offset-xs-5,[dir=rtl] .offset-xs-5{margin-left:auto;margin-right:5%}.flex-offset-xs-10,.layout-margin .flex-offset-xs-10,.layout-margin .offset-xs-10,.offset-xs-10{margin-left:10%}[dir=rtl] .flex-offset-xs-10,[dir=rtl] .layout-margin .flex-offset-xs-10,[dir=rtl] .layout-margin .offset-xs-10,[dir=rtl] .offset-xs-10{margin-left:auto;margin-right:10%}.flex-offset-xs-15,.layout-margin .flex-offset-xs-15,.layout-margin .offset-xs-15,.offset-xs-15{margin-left:15%}[dir=rtl] .flex-offset-xs-15,[dir=rtl] .layout-margin .flex-offset-xs-15,[dir=rtl] .layout-margin .offset-xs-15,[dir=rtl] .offset-xs-15{margin-left:auto;margin-right:15%}.flex-offset-xs-20,.layout-margin .flex-offset-xs-20,.layout-margin .offset-xs-20,.offset-xs-20{margin-left:20%}[dir=rtl] .flex-offset-xs-20,[dir=rtl] .layout-margin .flex-offset-xs-20,[dir=rtl] .layout-margin .offset-xs-20,[dir=rtl] .offset-xs-20{margin-left:auto;margin-right:20%}.flex-offset-xs-25,.layout-margin .flex-offset-xs-25,.layout-margin .offset-xs-25,.offset-xs-25{margin-left:25%}[dir=rtl] .flex-offset-xs-25,[dir=rtl] .layout-margin .flex-offset-xs-25,[dir=rtl] .layout-margin .offset-xs-25,[dir=rtl] .offset-xs-25{margin-left:auto;margin-right:25%}.flex-offset-xs-30,.layout-margin .flex-offset-xs-30,.layout-margin .offset-xs-30,.offset-xs-30{margin-left:30%}[dir=rtl] .flex-offset-xs-30,[dir=rtl] .layout-margin .flex-offset-xs-30,[dir=rtl] .layout-margin .offset-xs-30,[dir=rtl] .offset-xs-30{margin-left:auto;margin-right:30%}.flex-offset-xs-35,.layout-margin .flex-offset-xs-35,.layout-margin .offset-xs-35,.offset-xs-35{margin-left:35%}[dir=rtl] .flex-offset-xs-35,[dir=rtl] .layout-margin .flex-offset-xs-35,[dir=rtl] .layout-margin .offset-xs-35,[dir=rtl] .offset-xs-35{margin-left:auto;margin-right:35%}.flex-offset-xs-40,.layout-margin .flex-offset-xs-40,.layout-margin .offset-xs-40,.offset-xs-40{margin-left:40%}[dir=rtl] .flex-offset-xs-40,[dir=rtl] .layout-margin .flex-offset-xs-40,[dir=rtl] .layout-margin .offset-xs-40,[dir=rtl] .offset-xs-40{margin-left:auto;margin-right:40%}.flex-offset-xs-45,.layout-margin .flex-offset-xs-45,.layout-margin .offset-xs-45,.offset-xs-45{margin-left:45%}[dir=rtl] .flex-offset-xs-45,[dir=rtl] .layout-margin .flex-offset-xs-45,[dir=rtl] .layout-margin .offset-xs-45,[dir=rtl] .offset-xs-45{margin-left:auto;margin-right:45%}.flex-offset-xs-50,.layout-margin .flex-offset-xs-50,.layout-margin .offset-xs-50,.offset-xs-50{margin-left:50%}[dir=rtl] .flex-offset-xs-50,[dir=rtl] .layout-margin .flex-offset-xs-50,[dir=rtl] .layout-margin .offset-xs-50,[dir=rtl] .offset-xs-50{margin-left:auto;margin-right:50%}.flex-offset-xs-55,.layout-margin .flex-offset-xs-55,.layout-margin .offset-xs-55,.offset-xs-55{margin-left:55%}[dir=rtl] .flex-offset-xs-55,[dir=rtl] .layout-margin .flex-offset-xs-55,[dir=rtl] .layout-margin .offset-xs-55,[dir=rtl] .offset-xs-55{margin-left:auto;margin-right:55%}.flex-offset-xs-60,.layout-margin .flex-offset-xs-60,.layout-margin .offset-xs-60,.offset-xs-60{margin-left:60%}[dir=rtl] .flex-offset-xs-60,[dir=rtl] .layout-margin .flex-offset-xs-60,[dir=rtl] .layout-margin .offset-xs-60,[dir=rtl] .offset-xs-60{margin-left:auto;margin-right:60%}.flex-offset-xs-65,.layout-margin .flex-offset-xs-65,.layout-margin .offset-xs-65,.offset-xs-65{margin-left:65%}[dir=rtl] .flex-offset-xs-65,[dir=rtl] .layout-margin .flex-offset-xs-65,[dir=rtl] .layout-margin .offset-xs-65,[dir=rtl] .offset-xs-65{margin-left:auto;margin-right:65%}.flex-offset-xs-70,.layout-margin .flex-offset-xs-70,.layout-margin .offset-xs-70,.offset-xs-70{margin-left:70%}[dir=rtl] .flex-offset-xs-70,[dir=rtl] .layout-margin .flex-offset-xs-70,[dir=rtl] .layout-margin .offset-xs-70,[dir=rtl] .offset-xs-70{margin-left:auto;margin-right:70%}.flex-offset-xs-75,.layout-margin .flex-offset-xs-75,.layout-margin .offset-xs-75,.offset-xs-75{margin-left:75%}[dir=rtl] .flex-offset-xs-75,[dir=rtl] .layout-margin .flex-offset-xs-75,[dir=rtl] .layout-margin .offset-xs-75,[dir=rtl] .offset-xs-75{margin-left:auto;margin-right:75%}.flex-offset-xs-80,.layout-margin .flex-offset-xs-80,.layout-margin .offset-xs-80,.offset-xs-80{margin-left:80%}[dir=rtl] .flex-offset-xs-80,[dir=rtl] .layout-margin .flex-offset-xs-80,[dir=rtl] .layout-margin .offset-xs-80,[dir=rtl] .offset-xs-80{margin-left:auto;margin-right:80%}.flex-offset-xs-85,.layout-margin .flex-offset-xs-85,.layout-margin .offset-xs-85,.offset-xs-85{margin-left:85%}[dir=rtl] .flex-offset-xs-85,[dir=rtl] .layout-margin .flex-offset-xs-85,[dir=rtl] .layout-margin .offset-xs-85,[dir=rtl] .offset-xs-85{margin-left:auto;margin-right:85%}.flex-offset-xs-90,.layout-margin .flex-offset-xs-90,.layout-margin .offset-xs-90,.offset-xs-90{margin-left:90%}[dir=rtl] .flex-offset-xs-90,[dir=rtl] .layout-margin .flex-offset-xs-90,[dir=rtl] .layout-margin .offset-xs-90,[dir=rtl] .offset-xs-90{margin-left:auto;margin-right:90%}.flex-offset-xs-95,.layout-margin .flex-offset-xs-95,.layout-margin .offset-xs-95,.offset-xs-95{margin-left:95%}[dir=rtl] .flex-offset-xs-95,[dir=rtl] .layout-margin .flex-offset-xs-95,[dir=rtl] .layout-margin .offset-xs-95,[dir=rtl] .offset-xs-95{margin-left:auto;margin-right:95%}.flex-offset-xs-33,.layout-margin .flex-offset-xs-33,.layout-margin .offset-xs-33,.offset-xs-33{margin-left:33.33333%}.flex-offset-xs-66,.layout-margin .flex-offset-xs-66,.layout-margin .offset-xs-66,.offset-xs-66{margin-left:66.66667%}[dir=rtl] .flex-offset-xs-66,[dir=rtl] .layout-margin .flex-offset-xs-66,[dir=rtl] .layout-margin .offset-xs-66,[dir=rtl] .offset-xs-66{margin-left:auto;margin-right:66.66667%}.layout-align-xs,.layout-align-xs-start-stretch{align-content:stretch;align-items:stretch}.layout-align-xs,.layout-align-xs-start,.layout-align-xs-start-center,.layout-align-xs-start-end,.layout-align-xs-start-start,.layout-align-xs-start-stretch{justify-content:flex-start}.layout-align-xs-center,.layout-align-xs-center-center,.layout-align-xs-center-end,.layout-align-xs-center-start,.layout-align-xs-center-stretch{justify-content:center}.layout-align-xs-end,.layout-align-xs-end-center,.layout-align-xs-end-end,.layout-align-xs-end-start,.layout-align-xs-end-stretch{justify-content:flex-end}.layout-align-xs-space-around,.layout-align-xs-space-around-center,.layout-align-xs-space-around-end,.layout-align-xs-space-around-start,.layout-align-xs-space-around-stretch{justify-content:space-around}.layout-align-xs-space-between,.layout-align-xs-space-between-center,.layout-align-xs-space-between-end,.layout-align-xs-space-between-start,.layout-align-xs-space-between-stretch{justify-content:space-between}.layout-align-xs-center-start,.layout-align-xs-end-start,.layout-align-xs-space-around-start,.layout-align-xs-space-between-start,.layout-align-xs-start-start{align-items:flex-start;align-content:flex-start}.layout-align-xs-center-center,.layout-align-xs-end-center,.layout-align-xs-space-around-center,.layout-align-xs-space-between-center,.layout-align-xs-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-xs-center-center>*,.layout-align-xs-end-center>*,.layout-align-xs-space-around-center>*,.layout-align-xs-space-between-center>*,.layout-align-xs-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-xs-center-end,.layout-align-xs-end-end,.layout-align-xs-space-around-end,.layout-align-xs-space-between-end,.layout-align-xs-start-end{align-items:flex-end;align-content:flex-end}.layout-align-xs-center-stretch,.layout-align-xs-end-stretch,.layout-align-xs-space-around-stretch,.layout-align-xs-space-between-stretch,.layout-align-xs-start-stretch{align-items:stretch;align-content:stretch}.flex-xs{flex:1}.flex-xs,.flex-xs-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-xs-grow{flex:1 1 100%}.flex-xs-initial{flex:0 1 auto;box-sizing:border-box}.flex-xs-auto{flex:1 1 auto;box-sizing:border-box}.flex-xs-none{flex:0 0 auto;box-sizing:border-box}.flex-xs-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-xs-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-xs-0,.layout-row>.flex-xs-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-xs-0{min-width:0}.layout-column>.flex-xs-0{max-width:100%;max-height:0%}.layout-column>.flex-xs-0,.layout-xs-row>.flex-xs-0{flex:1 1 100%;box-sizing:border-box}.layout-xs-row>.flex-xs-0{max-width:0;max-height:100%;min-width:0}.layout-xs-column>.flex-xs-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-xs-5,.layout-row>.flex-xs-5{max-width:5%;max-height:100%}.flex-xs-5,.layout-column>.flex-xs-5,.layout-row>.flex-xs-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-5{max-width:100%;max-height:5%}.layout-xs-row>.flex-xs-5{max-width:5%;max-height:100%}.layout-xs-column>.flex-xs-5,.layout-xs-row>.flex-xs-5{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-5{max-width:100%;max-height:5%}.flex-xs-10,.layout-row>.flex-xs-10{max-width:10%;max-height:100%}.flex-xs-10,.layout-column>.flex-xs-10,.layout-row>.flex-xs-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-10{max-width:100%;max-height:10%}.layout-xs-row>.flex-xs-10{max-width:10%;max-height:100%}.layout-xs-column>.flex-xs-10,.layout-xs-row>.flex-xs-10{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-10{max-width:100%;max-height:10%}.flex-xs-15,.layout-row>.flex-xs-15{max-width:15%;max-height:100%}.flex-xs-15,.layout-column>.flex-xs-15,.layout-row>.flex-xs-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-15{max-width:100%;max-height:15%}.layout-xs-row>.flex-xs-15{max-width:15%;max-height:100%}.layout-xs-column>.flex-xs-15,.layout-xs-row>.flex-xs-15{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-15{max-width:100%;max-height:15%}.flex-xs-20,.layout-row>.flex-xs-20{max-width:20%;max-height:100%}.flex-xs-20,.layout-column>.flex-xs-20,.layout-row>.flex-xs-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-20{max-width:100%;max-height:20%}.layout-xs-row>.flex-xs-20{max-width:20%;max-height:100%}.layout-xs-column>.flex-xs-20,.layout-xs-row>.flex-xs-20{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-20{max-width:100%;max-height:20%}.flex-xs-25,.layout-row>.flex-xs-25{max-width:25%;max-height:100%}.flex-xs-25,.layout-column>.flex-xs-25,.layout-row>.flex-xs-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-25{max-width:100%;max-height:25%}.layout-xs-row>.flex-xs-25{max-width:25%;max-height:100%}.layout-xs-column>.flex-xs-25,.layout-xs-row>.flex-xs-25{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-25{max-width:100%;max-height:25%}.flex-xs-30,.layout-row>.flex-xs-30{max-width:30%;max-height:100%}.flex-xs-30,.layout-column>.flex-xs-30,.layout-row>.flex-xs-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-30{max-width:100%;max-height:30%}.layout-xs-row>.flex-xs-30{max-width:30%;max-height:100%}.layout-xs-column>.flex-xs-30,.layout-xs-row>.flex-xs-30{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-30{max-width:100%;max-height:30%}.flex-xs-35,.layout-row>.flex-xs-35{max-width:35%;max-height:100%}.flex-xs-35,.layout-column>.flex-xs-35,.layout-row>.flex-xs-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-35{max-width:100%;max-height:35%}.layout-xs-row>.flex-xs-35{max-width:35%;max-height:100%}.layout-xs-column>.flex-xs-35,.layout-xs-row>.flex-xs-35{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-35{max-width:100%;max-height:35%}.flex-xs-40,.layout-row>.flex-xs-40{max-width:40%;max-height:100%}.flex-xs-40,.layout-column>.flex-xs-40,.layout-row>.flex-xs-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-40{max-width:100%;max-height:40%}.layout-xs-row>.flex-xs-40{max-width:40%;max-height:100%}.layout-xs-column>.flex-xs-40,.layout-xs-row>.flex-xs-40{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-40{max-width:100%;max-height:40%}.flex-xs-45,.layout-row>.flex-xs-45{max-width:45%;max-height:100%}.flex-xs-45,.layout-column>.flex-xs-45,.layout-row>.flex-xs-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-45{max-width:100%;max-height:45%}.layout-xs-row>.flex-xs-45{max-width:45%;max-height:100%}.layout-xs-column>.flex-xs-45,.layout-xs-row>.flex-xs-45{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-45{max-width:100%;max-height:45%}.flex-xs-50,.layout-row>.flex-xs-50{max-width:50%;max-height:100%}.flex-xs-50,.layout-column>.flex-xs-50,.layout-row>.flex-xs-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-50{max-width:100%;max-height:50%}.layout-xs-row>.flex-xs-50{max-width:50%;max-height:100%}.layout-xs-column>.flex-xs-50,.layout-xs-row>.flex-xs-50{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-50{max-width:100%;max-height:50%}.flex-xs-55,.layout-row>.flex-xs-55{max-width:55%;max-height:100%}.flex-xs-55,.layout-column>.flex-xs-55,.layout-row>.flex-xs-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-55{max-width:100%;max-height:55%}.layout-xs-row>.flex-xs-55{max-width:55%;max-height:100%}.layout-xs-column>.flex-xs-55,.layout-xs-row>.flex-xs-55{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-55{max-width:100%;max-height:55%}.flex-xs-60,.layout-row>.flex-xs-60{max-width:60%;max-height:100%}.flex-xs-60,.layout-column>.flex-xs-60,.layout-row>.flex-xs-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-60{max-width:100%;max-height:60%}.layout-xs-row>.flex-xs-60{max-width:60%;max-height:100%}.layout-xs-column>.flex-xs-60,.layout-xs-row>.flex-xs-60{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-60{max-width:100%;max-height:60%}.flex-xs-65,.layout-row>.flex-xs-65{max-width:65%;max-height:100%}.flex-xs-65,.layout-column>.flex-xs-65,.layout-row>.flex-xs-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-65{max-width:100%;max-height:65%}.layout-xs-row>.flex-xs-65{max-width:65%;max-height:100%}.layout-xs-column>.flex-xs-65,.layout-xs-row>.flex-xs-65{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-65{max-width:100%;max-height:65%}.flex-xs-70,.layout-row>.flex-xs-70{max-width:70%;max-height:100%}.flex-xs-70,.layout-column>.flex-xs-70,.layout-row>.flex-xs-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-70{max-width:100%;max-height:70%}.layout-xs-row>.flex-xs-70{max-width:70%;max-height:100%}.layout-xs-column>.flex-xs-70,.layout-xs-row>.flex-xs-70{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-70{max-width:100%;max-height:70%}.flex-xs-75,.layout-row>.flex-xs-75{max-width:75%;max-height:100%}.flex-xs-75,.layout-column>.flex-xs-75,.layout-row>.flex-xs-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-75{max-width:100%;max-height:75%}.layout-xs-row>.flex-xs-75{max-width:75%;max-height:100%}.layout-xs-column>.flex-xs-75,.layout-xs-row>.flex-xs-75{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-75{max-width:100%;max-height:75%}.flex-xs-80,.layout-row>.flex-xs-80{max-width:80%;max-height:100%}.flex-xs-80,.layout-column>.flex-xs-80,.layout-row>.flex-xs-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-80{max-width:100%;max-height:80%}.layout-xs-row>.flex-xs-80{max-width:80%;max-height:100%}.layout-xs-column>.flex-xs-80,.layout-xs-row>.flex-xs-80{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-80{max-width:100%;max-height:80%}.flex-xs-85,.layout-row>.flex-xs-85{max-width:85%;max-height:100%}.flex-xs-85,.layout-column>.flex-xs-85,.layout-row>.flex-xs-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-85{max-width:100%;max-height:85%}.layout-xs-row>.flex-xs-85{max-width:85%;max-height:100%}.layout-xs-column>.flex-xs-85,.layout-xs-row>.flex-xs-85{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-85{max-width:100%;max-height:85%}.flex-xs-90,.layout-row>.flex-xs-90{max-width:90%;max-height:100%}.flex-xs-90,.layout-column>.flex-xs-90,.layout-row>.flex-xs-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-90{max-width:100%;max-height:90%}.layout-xs-row>.flex-xs-90{max-width:90%;max-height:100%}.layout-xs-column>.flex-xs-90,.layout-xs-row>.flex-xs-90{flex:1 1 100%;box-sizing:border-box}.layout-xs-column>.flex-xs-90{max-width:100%;max-height:90%}.flex-xs-95,.layout-row>.flex-xs-95{max-width:95%;max-height:100%}.flex-xs-95,.layout-column>.flex-xs-95,.layout-row>.flex-xs-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xs-95{max-width:100%;max-height:95%}.layout-xs-row>.flex-xs-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-xs-column>.flex-xs-95{max-height:95%}.flex-xs-100,.layout-xs-column>.flex-xs-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-xs-100{max-height:100%}.layout-column>.flex-xs-100,.layout-row>.flex-xs-100,.layout-xs-column>.flex-xs-100,.layout-xs-row>.flex-xs-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-xs-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-xs-33,.layout-row>.flex-xs-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-xs-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-xs-33{flex:1 1 33.33%;max-height:33.33%}.layout-column>.flex-xs-33,.layout-column>.flex-xs-66{-webkit-box-flex:1;max-width:100%;box-sizing:border-box}.layout-column>.flex-xs-66{flex:1 1 66.66%;max-height:66.66%}.layout-xs-row>.flex-xs-33{max-width:33.33%}.layout-xs-row>.flex-xs-33,.layout-xs-row>.flex-xs-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-xs-row>.flex-xs-66{max-width:66.66%}.layout-xs-row>.flex{min-width:0}.layout-xs-column>.flex-xs-33{max-height:33.33%}.layout-xs-column>.flex-xs-33,.layout-xs-column>.flex-xs-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-xs-column>.flex-xs-66{max-height:66.66%}.layout-xs-column>.flex{min-height:0}.layout-xs,.layout-xs-column,.layout-xs-row{box-sizing:border-box;display:flex}.layout-xs-column{flex-direction:column}.layout-xs-row{flex-direction:row}}@media (min-width:600px){.flex-order-gt-xs--20{order:-20}.flex-order-gt-xs--19{order:-19}.flex-order-gt-xs--18{order:-18}.flex-order-gt-xs--17{order:-17}.flex-order-gt-xs--16{order:-16}.flex-order-gt-xs--15{order:-15}.flex-order-gt-xs--14{order:-14}.flex-order-gt-xs--13{order:-13}.flex-order-gt-xs--12{order:-12}.flex-order-gt-xs--11{order:-11}.flex-order-gt-xs--10{order:-10}.flex-order-gt-xs--9{order:-9}.flex-order-gt-xs--8{order:-8}.flex-order-gt-xs--7{order:-7}.flex-order-gt-xs--6{order:-6}.flex-order-gt-xs--5{order:-5}.flex-order-gt-xs--4{order:-4}.flex-order-gt-xs--3{order:-3}.flex-order-gt-xs--2{order:-2}.flex-order-gt-xs--1{order:-1}.flex-order-gt-xs-0{order:0}.flex-order-gt-xs-1{order:1}.flex-order-gt-xs-2{order:2}.flex-order-gt-xs-3{order:3}.flex-order-gt-xs-4{order:4}.flex-order-gt-xs-5{order:5}.flex-order-gt-xs-6{order:6}.flex-order-gt-xs-7{order:7}.flex-order-gt-xs-8{order:8}.flex-order-gt-xs-9{order:9}.flex-order-gt-xs-10{order:10}.flex-order-gt-xs-11{order:11}.flex-order-gt-xs-12{order:12}.flex-order-gt-xs-13{order:13}.flex-order-gt-xs-14{order:14}.flex-order-gt-xs-15{order:15}.flex-order-gt-xs-16{order:16}.flex-order-gt-xs-17{order:17}.flex-order-gt-xs-18{order:18}.flex-order-gt-xs-19{order:19}.flex-order-gt-xs-20{order:20}.flex-offset-gt-xs-0,.layout-margin .flex-offset-gt-xs-0,.layout-margin .offset-gt-xs-0,.offset-gt-xs-0{margin-left:0}[dir=rtl] .flex-offset-gt-xs-0,[dir=rtl] .layout-margin .flex-offset-gt-xs-0,[dir=rtl] .layout-margin .offset-gt-xs-0,[dir=rtl] .offset-gt-xs-0{margin-left:auto;margin-right:0}.flex-offset-gt-xs-5,.layout-margin .flex-offset-gt-xs-5,.layout-margin .offset-gt-xs-5,.offset-gt-xs-5{margin-left:5%}[dir=rtl] .flex-offset-gt-xs-5,[dir=rtl] .layout-margin .flex-offset-gt-xs-5,[dir=rtl] .layout-margin .offset-gt-xs-5,[dir=rtl] .offset-gt-xs-5{margin-left:auto;margin-right:5%}.flex-offset-gt-xs-10,.layout-margin .flex-offset-gt-xs-10,.layout-margin .offset-gt-xs-10,.offset-gt-xs-10{margin-left:10%}[dir=rtl] .flex-offset-gt-xs-10,[dir=rtl] .layout-margin .flex-offset-gt-xs-10,[dir=rtl] .layout-margin .offset-gt-xs-10,[dir=rtl] .offset-gt-xs-10{margin-left:auto;margin-right:10%}.flex-offset-gt-xs-15,.layout-margin .flex-offset-gt-xs-15,.layout-margin .offset-gt-xs-15,.offset-gt-xs-15{margin-left:15%}[dir=rtl] .flex-offset-gt-xs-15,[dir=rtl] .layout-margin .flex-offset-gt-xs-15,[dir=rtl] .layout-margin .offset-gt-xs-15,[dir=rtl] .offset-gt-xs-15{margin-left:auto;margin-right:15%}.flex-offset-gt-xs-20,.layout-margin .flex-offset-gt-xs-20,.layout-margin .offset-gt-xs-20,.offset-gt-xs-20{margin-left:20%}[dir=rtl] .flex-offset-gt-xs-20,[dir=rtl] .layout-margin .flex-offset-gt-xs-20,[dir=rtl] .layout-margin .offset-gt-xs-20,[dir=rtl] .offset-gt-xs-20{margin-left:auto;margin-right:20%}.flex-offset-gt-xs-25,.layout-margin .flex-offset-gt-xs-25,.layout-margin .offset-gt-xs-25,.offset-gt-xs-25{margin-left:25%}[dir=rtl] .flex-offset-gt-xs-25,[dir=rtl] .layout-margin .flex-offset-gt-xs-25,[dir=rtl] .layout-margin .offset-gt-xs-25,[dir=rtl] .offset-gt-xs-25{margin-left:auto;margin-right:25%}.flex-offset-gt-xs-30,.layout-margin .flex-offset-gt-xs-30,.layout-margin .offset-gt-xs-30,.offset-gt-xs-30{margin-left:30%}[dir=rtl] .flex-offset-gt-xs-30,[dir=rtl] .layout-margin .flex-offset-gt-xs-30,[dir=rtl] .layout-margin .offset-gt-xs-30,[dir=rtl] .offset-gt-xs-30{margin-left:auto;margin-right:30%}.flex-offset-gt-xs-35,.layout-margin .flex-offset-gt-xs-35,.layout-margin .offset-gt-xs-35,.offset-gt-xs-35{margin-left:35%}[dir=rtl] .flex-offset-gt-xs-35,[dir=rtl] .layout-margin .flex-offset-gt-xs-35,[dir=rtl] .layout-margin .offset-gt-xs-35,[dir=rtl] .offset-gt-xs-35{margin-left:auto;margin-right:35%}.flex-offset-gt-xs-40,.layout-margin .flex-offset-gt-xs-40,.layout-margin .offset-gt-xs-40,.offset-gt-xs-40{margin-left:40%}[dir=rtl] .flex-offset-gt-xs-40,[dir=rtl] .layout-margin .flex-offset-gt-xs-40,[dir=rtl] .layout-margin .offset-gt-xs-40,[dir=rtl] .offset-gt-xs-40{margin-left:auto;margin-right:40%}.flex-offset-gt-xs-45,.layout-margin .flex-offset-gt-xs-45,.layout-margin .offset-gt-xs-45,.offset-gt-xs-45{margin-left:45%}[dir=rtl] .flex-offset-gt-xs-45,[dir=rtl] .layout-margin .flex-offset-gt-xs-45,[dir=rtl] .layout-margin .offset-gt-xs-45,[dir=rtl] .offset-gt-xs-45{margin-left:auto;margin-right:45%}.flex-offset-gt-xs-50,.layout-margin .flex-offset-gt-xs-50,.layout-margin .offset-gt-xs-50,.offset-gt-xs-50{margin-left:50%}[dir=rtl] .flex-offset-gt-xs-50,[dir=rtl] .layout-margin .flex-offset-gt-xs-50,[dir=rtl] .layout-margin .offset-gt-xs-50,[dir=rtl] .offset-gt-xs-50{margin-left:auto;margin-right:50%}.flex-offset-gt-xs-55,.layout-margin .flex-offset-gt-xs-55,.layout-margin .offset-gt-xs-55,.offset-gt-xs-55{margin-left:55%}[dir=rtl] .flex-offset-gt-xs-55,[dir=rtl] .layout-margin .flex-offset-gt-xs-55,[dir=rtl] .layout-margin .offset-gt-xs-55,[dir=rtl] .offset-gt-xs-55{margin-left:auto;margin-right:55%}.flex-offset-gt-xs-60,.layout-margin .flex-offset-gt-xs-60,.layout-margin .offset-gt-xs-60,.offset-gt-xs-60{margin-left:60%}[dir=rtl] .flex-offset-gt-xs-60,[dir=rtl] .layout-margin .flex-offset-gt-xs-60,[dir=rtl] .layout-margin .offset-gt-xs-60,[dir=rtl] .offset-gt-xs-60{margin-left:auto;margin-right:60%}.flex-offset-gt-xs-65,.layout-margin .flex-offset-gt-xs-65,.layout-margin .offset-gt-xs-65,.offset-gt-xs-65{margin-left:65%}[dir=rtl] .flex-offset-gt-xs-65,[dir=rtl] .layout-margin .flex-offset-gt-xs-65,[dir=rtl] .layout-margin .offset-gt-xs-65,[dir=rtl] .offset-gt-xs-65{margin-left:auto;margin-right:65%}.flex-offset-gt-xs-70,.layout-margin .flex-offset-gt-xs-70,.layout-margin .offset-gt-xs-70,.offset-gt-xs-70{margin-left:70%}[dir=rtl] .flex-offset-gt-xs-70,[dir=rtl] .layout-margin .flex-offset-gt-xs-70,[dir=rtl] .layout-margin .offset-gt-xs-70,[dir=rtl] .offset-gt-xs-70{margin-left:auto;margin-right:70%}.flex-offset-gt-xs-75,.layout-margin .flex-offset-gt-xs-75,.layout-margin .offset-gt-xs-75,.offset-gt-xs-75{margin-left:75%}[dir=rtl] .flex-offset-gt-xs-75,[dir=rtl] .layout-margin .flex-offset-gt-xs-75,[dir=rtl] .layout-margin .offset-gt-xs-75,[dir=rtl] .offset-gt-xs-75{margin-left:auto;margin-right:75%}.flex-offset-gt-xs-80,.layout-margin .flex-offset-gt-xs-80,.layout-margin .offset-gt-xs-80,.offset-gt-xs-80{margin-left:80%}[dir=rtl] .flex-offset-gt-xs-80,[dir=rtl] .layout-margin .flex-offset-gt-xs-80,[dir=rtl] .layout-margin .offset-gt-xs-80,[dir=rtl] .offset-gt-xs-80{margin-left:auto;margin-right:80%}.flex-offset-gt-xs-85,.layout-margin .flex-offset-gt-xs-85,.layout-margin .offset-gt-xs-85,.offset-gt-xs-85{margin-left:85%}[dir=rtl] .flex-offset-gt-xs-85,[dir=rtl] .layout-margin .flex-offset-gt-xs-85,[dir=rtl] .layout-margin .offset-gt-xs-85,[dir=rtl] .offset-gt-xs-85{margin-left:auto;margin-right:85%}.flex-offset-gt-xs-90,.layout-margin .flex-offset-gt-xs-90,.layout-margin .offset-gt-xs-90,.offset-gt-xs-90{margin-left:90%}[dir=rtl] .flex-offset-gt-xs-90,[dir=rtl] .layout-margin .flex-offset-gt-xs-90,[dir=rtl] .layout-margin .offset-gt-xs-90,[dir=rtl] .offset-gt-xs-90{margin-left:auto;margin-right:90%}.flex-offset-gt-xs-95,.layout-margin .flex-offset-gt-xs-95,.layout-margin .offset-gt-xs-95,.offset-gt-xs-95{margin-left:95%}[dir=rtl] .flex-offset-gt-xs-95,[dir=rtl] .layout-margin .flex-offset-gt-xs-95,[dir=rtl] .layout-margin .offset-gt-xs-95,[dir=rtl] .offset-gt-xs-95{margin-left:auto;margin-right:95%}.flex-offset-gt-xs-33,.layout-margin .flex-offset-gt-xs-33,.layout-margin .offset-gt-xs-33,.offset-gt-xs-33{margin-left:33.33333%}.flex-offset-gt-xs-66,.layout-margin .flex-offset-gt-xs-66,.layout-margin .offset-gt-xs-66,.offset-gt-xs-66{margin-left:66.66667%}[dir=rtl] .flex-offset-gt-xs-66,[dir=rtl] .layout-margin .flex-offset-gt-xs-66,[dir=rtl] .layout-margin .offset-gt-xs-66,[dir=rtl] .offset-gt-xs-66{margin-left:auto;margin-right:66.66667%}.layout-align-gt-xs,.layout-align-gt-xs-start-stretch{align-content:stretch;align-items:stretch}.layout-align-gt-xs,.layout-align-gt-xs-start,.layout-align-gt-xs-start-center,.layout-align-gt-xs-start-end,.layout-align-gt-xs-start-start,.layout-align-gt-xs-start-stretch{justify-content:flex-start}.layout-align-gt-xs-center,.layout-align-gt-xs-center-center,.layout-align-gt-xs-center-end,.layout-align-gt-xs-center-start,.layout-align-gt-xs-center-stretch{justify-content:center}.layout-align-gt-xs-end,.layout-align-gt-xs-end-center,.layout-align-gt-xs-end-end,.layout-align-gt-xs-end-start,.layout-align-gt-xs-end-stretch{justify-content:flex-end}.layout-align-gt-xs-space-around,.layout-align-gt-xs-space-around-center,.layout-align-gt-xs-space-around-end,.layout-align-gt-xs-space-around-start,.layout-align-gt-xs-space-around-stretch{justify-content:space-around}.layout-align-gt-xs-space-between,.layout-align-gt-xs-space-between-center,.layout-align-gt-xs-space-between-end,.layout-align-gt-xs-space-between-start,.layout-align-gt-xs-space-between-stretch{justify-content:space-between}.layout-align-gt-xs-center-start,.layout-align-gt-xs-end-start,.layout-align-gt-xs-space-around-start,.layout-align-gt-xs-space-between-start,.layout-align-gt-xs-start-start{align-items:flex-start;align-content:flex-start}.layout-align-gt-xs-center-center,.layout-align-gt-xs-end-center,.layout-align-gt-xs-space-around-center,.layout-align-gt-xs-space-between-center,.layout-align-gt-xs-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-gt-xs-center-center>*,.layout-align-gt-xs-end-center>*,.layout-align-gt-xs-space-around-center>*,.layout-align-gt-xs-space-between-center>*,.layout-align-gt-xs-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-gt-xs-center-end,.layout-align-gt-xs-end-end,.layout-align-gt-xs-space-around-end,.layout-align-gt-xs-space-between-end,.layout-align-gt-xs-start-end{align-items:flex-end;align-content:flex-end}.layout-align-gt-xs-center-stretch,.layout-align-gt-xs-end-stretch,.layout-align-gt-xs-space-around-stretch,.layout-align-gt-xs-space-between-stretch,.layout-align-gt-xs-start-stretch{align-items:stretch;align-content:stretch}.flex-gt-xs{flex:1}.flex-gt-xs,.flex-gt-xs-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-gt-xs-grow{flex:1 1 100%}.flex-gt-xs-initial{flex:0 1 auto;box-sizing:border-box}.flex-gt-xs-auto{flex:1 1 auto;box-sizing:border-box}.flex-gt-xs-none{flex:0 0 auto;box-sizing:border-box}.flex-gt-xs-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-gt-xs-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-gt-xs-0,.layout-row>.flex-gt-xs-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-xs-0{min-width:0}.layout-column>.flex-gt-xs-0{max-width:100%;max-height:0%}.layout-column>.flex-gt-xs-0,.layout-gt-xs-row>.flex-gt-xs-0{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-row>.flex-gt-xs-0{max-width:0;max-height:100%;min-width:0}.layout-gt-xs-column>.flex-gt-xs-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-gt-xs-5,.layout-row>.flex-gt-xs-5{max-width:5%;max-height:100%}.flex-gt-xs-5,.layout-column>.flex-gt-xs-5,.layout-row>.flex-gt-xs-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-5{max-width:100%;max-height:5%}.layout-gt-xs-row>.flex-gt-xs-5{max-width:5%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-5,.layout-gt-xs-row>.flex-gt-xs-5{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-5{max-width:100%;max-height:5%}.flex-gt-xs-10,.layout-row>.flex-gt-xs-10{max-width:10%;max-height:100%}.flex-gt-xs-10,.layout-column>.flex-gt-xs-10,.layout-row>.flex-gt-xs-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-10{max-width:100%;max-height:10%}.layout-gt-xs-row>.flex-gt-xs-10{max-width:10%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-10,.layout-gt-xs-row>.flex-gt-xs-10{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-10{max-width:100%;max-height:10%}.flex-gt-xs-15,.layout-row>.flex-gt-xs-15{max-width:15%;max-height:100%}.flex-gt-xs-15,.layout-column>.flex-gt-xs-15,.layout-row>.flex-gt-xs-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-15{max-width:100%;max-height:15%}.layout-gt-xs-row>.flex-gt-xs-15{max-width:15%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-15,.layout-gt-xs-row>.flex-gt-xs-15{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-15{max-width:100%;max-height:15%}.flex-gt-xs-20,.layout-row>.flex-gt-xs-20{max-width:20%;max-height:100%}.flex-gt-xs-20,.layout-column>.flex-gt-xs-20,.layout-row>.flex-gt-xs-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-20{max-width:100%;max-height:20%}.layout-gt-xs-row>.flex-gt-xs-20{max-width:20%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-20,.layout-gt-xs-row>.flex-gt-xs-20{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-20{max-width:100%;max-height:20%}.flex-gt-xs-25,.layout-row>.flex-gt-xs-25{max-width:25%;max-height:100%}.flex-gt-xs-25,.layout-column>.flex-gt-xs-25,.layout-row>.flex-gt-xs-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-25{max-width:100%;max-height:25%}.layout-gt-xs-row>.flex-gt-xs-25{max-width:25%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-25,.layout-gt-xs-row>.flex-gt-xs-25{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-25{max-width:100%;max-height:25%}.flex-gt-xs-30,.layout-row>.flex-gt-xs-30{max-width:30%;max-height:100%}.flex-gt-xs-30,.layout-column>.flex-gt-xs-30,.layout-row>.flex-gt-xs-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-30{max-width:100%;max-height:30%}.layout-gt-xs-row>.flex-gt-xs-30{max-width:30%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-30,.layout-gt-xs-row>.flex-gt-xs-30{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-30{max-width:100%;max-height:30%}.flex-gt-xs-35,.layout-row>.flex-gt-xs-35{max-width:35%;max-height:100%}.flex-gt-xs-35,.layout-column>.flex-gt-xs-35,.layout-row>.flex-gt-xs-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-35{max-width:100%;max-height:35%}.layout-gt-xs-row>.flex-gt-xs-35{max-width:35%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-35,.layout-gt-xs-row>.flex-gt-xs-35{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-35{max-width:100%;max-height:35%}.flex-gt-xs-40,.layout-row>.flex-gt-xs-40{max-width:40%;max-height:100%}.flex-gt-xs-40,.layout-column>.flex-gt-xs-40,.layout-row>.flex-gt-xs-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-40{max-width:100%;max-height:40%}.layout-gt-xs-row>.flex-gt-xs-40{max-width:40%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-40,.layout-gt-xs-row>.flex-gt-xs-40{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-40{max-width:100%;max-height:40%}.flex-gt-xs-45,.layout-row>.flex-gt-xs-45{max-width:45%;max-height:100%}.flex-gt-xs-45,.layout-column>.flex-gt-xs-45,.layout-row>.flex-gt-xs-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-45{max-width:100%;max-height:45%}.layout-gt-xs-row>.flex-gt-xs-45{max-width:45%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-45,.layout-gt-xs-row>.flex-gt-xs-45{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-45{max-width:100%;max-height:45%}.flex-gt-xs-50,.layout-row>.flex-gt-xs-50{max-width:50%;max-height:100%}.flex-gt-xs-50,.layout-column>.flex-gt-xs-50,.layout-row>.flex-gt-xs-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-50{max-width:100%;max-height:50%}.layout-gt-xs-row>.flex-gt-xs-50{max-width:50%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-50,.layout-gt-xs-row>.flex-gt-xs-50{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-50{max-width:100%;max-height:50%}.flex-gt-xs-55,.layout-row>.flex-gt-xs-55{max-width:55%;max-height:100%}.flex-gt-xs-55,.layout-column>.flex-gt-xs-55,.layout-row>.flex-gt-xs-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-55{max-width:100%;max-height:55%}.layout-gt-xs-row>.flex-gt-xs-55{max-width:55%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-55,.layout-gt-xs-row>.flex-gt-xs-55{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-55{max-width:100%;max-height:55%}.flex-gt-xs-60,.layout-row>.flex-gt-xs-60{max-width:60%;max-height:100%}.flex-gt-xs-60,.layout-column>.flex-gt-xs-60,.layout-row>.flex-gt-xs-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-60{max-width:100%;max-height:60%}.layout-gt-xs-row>.flex-gt-xs-60{max-width:60%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-60,.layout-gt-xs-row>.flex-gt-xs-60{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-60{max-width:100%;max-height:60%}.flex-gt-xs-65,.layout-row>.flex-gt-xs-65{max-width:65%;max-height:100%}.flex-gt-xs-65,.layout-column>.flex-gt-xs-65,.layout-row>.flex-gt-xs-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-65{max-width:100%;max-height:65%}.layout-gt-xs-row>.flex-gt-xs-65{max-width:65%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-65,.layout-gt-xs-row>.flex-gt-xs-65{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-65{max-width:100%;max-height:65%}.flex-gt-xs-70,.layout-row>.flex-gt-xs-70{max-width:70%;max-height:100%}.flex-gt-xs-70,.layout-column>.flex-gt-xs-70,.layout-row>.flex-gt-xs-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-70{max-width:100%;max-height:70%}.layout-gt-xs-row>.flex-gt-xs-70{max-width:70%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-70,.layout-gt-xs-row>.flex-gt-xs-70{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-70{max-width:100%;max-height:70%}.flex-gt-xs-75,.layout-row>.flex-gt-xs-75{max-width:75%;max-height:100%}.flex-gt-xs-75,.layout-column>.flex-gt-xs-75,.layout-row>.flex-gt-xs-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-75{max-width:100%;max-height:75%}.layout-gt-xs-row>.flex-gt-xs-75{max-width:75%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-75,.layout-gt-xs-row>.flex-gt-xs-75{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-75{max-width:100%;max-height:75%}.flex-gt-xs-80,.layout-row>.flex-gt-xs-80{max-width:80%;max-height:100%}.flex-gt-xs-80,.layout-column>.flex-gt-xs-80,.layout-row>.flex-gt-xs-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-80{max-width:100%;max-height:80%}.layout-gt-xs-row>.flex-gt-xs-80{max-width:80%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-80,.layout-gt-xs-row>.flex-gt-xs-80{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-80{max-width:100%;max-height:80%}.flex-gt-xs-85,.layout-row>.flex-gt-xs-85{max-width:85%;max-height:100%}.flex-gt-xs-85,.layout-column>.flex-gt-xs-85,.layout-row>.flex-gt-xs-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-85{max-width:100%;max-height:85%}.layout-gt-xs-row>.flex-gt-xs-85{max-width:85%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-85,.layout-gt-xs-row>.flex-gt-xs-85{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-85{max-width:100%;max-height:85%}.flex-gt-xs-90,.layout-row>.flex-gt-xs-90{max-width:90%;max-height:100%}.flex-gt-xs-90,.layout-column>.flex-gt-xs-90,.layout-row>.flex-gt-xs-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-90{max-width:100%;max-height:90%}.layout-gt-xs-row>.flex-gt-xs-90{max-width:90%;max-height:100%}.layout-gt-xs-column>.flex-gt-xs-90,.layout-gt-xs-row>.flex-gt-xs-90{flex:1 1 100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-90{max-width:100%;max-height:90%}.flex-gt-xs-95,.layout-row>.flex-gt-xs-95{max-width:95%;max-height:100%}.flex-gt-xs-95,.layout-column>.flex-gt-xs-95,.layout-row>.flex-gt-xs-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-xs-95{max-width:100%;max-height:95%}.layout-gt-xs-row>.flex-gt-xs-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-95{max-height:95%}.flex-gt-xs-100,.layout-gt-xs-column>.flex-gt-xs-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-gt-xs-100{max-height:100%}.layout-column>.flex-gt-xs-100,.layout-gt-xs-column>.flex-gt-xs-100,.layout-gt-xs-row>.flex-gt-xs-100,.layout-row>.flex-gt-xs-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-xs-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-gt-xs-33,.layout-row>.flex-gt-xs-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-xs-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-gt-xs-33{flex:1 1 33.33%;max-width:100%;max-height:33.33%;box-sizing:border-box}.layout-column>.flex-gt-xs-66{flex:1 1 66.66%;max-width:100%;max-height:66.66%;box-sizing:border-box}.layout-gt-xs-row>.flex-gt-xs-33{max-width:33.33%}.layout-gt-xs-row>.flex-gt-xs-33,.layout-gt-xs-row>.flex-gt-xs-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-gt-xs-row>.flex-gt-xs-66{max-width:66.66%}.layout-gt-xs-row>.flex{min-width:0}.layout-gt-xs-column>.flex-gt-xs-33{max-height:33.33%}.layout-gt-xs-column>.flex-gt-xs-33,.layout-gt-xs-column>.flex-gt-xs-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-gt-xs-column>.flex-gt-xs-66{max-height:66.66%}.layout-gt-xs-column>.flex{min-height:0}.layout-gt-xs,.layout-gt-xs-column,.layout-gt-xs-row{box-sizing:border-box;display:flex}.layout-gt-xs-column{flex-direction:column}.layout-gt-xs-row{flex-direction:row}}@media (min-width:600px) and (max-width:959px){.hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show),.hide-sm:not(.show-gt-xs):not(.show-sm):not(.show),.hide:not(.show-gt-xs):not(.show-sm):not(.show){display:none}.flex-order-sm--20{order:-20}.flex-order-sm--19{order:-19}.flex-order-sm--18{order:-18}.flex-order-sm--17{order:-17}.flex-order-sm--16{order:-16}.flex-order-sm--15{order:-15}.flex-order-sm--14{order:-14}.flex-order-sm--13{order:-13}.flex-order-sm--12{order:-12}.flex-order-sm--11{order:-11}.flex-order-sm--10{order:-10}.flex-order-sm--9{order:-9}.flex-order-sm--8{order:-8}.flex-order-sm--7{order:-7}.flex-order-sm--6{order:-6}.flex-order-sm--5{order:-5}.flex-order-sm--4{order:-4}.flex-order-sm--3{order:-3}.flex-order-sm--2{order:-2}.flex-order-sm--1{order:-1}.flex-order-sm-0{order:0}.flex-order-sm-1{order:1}.flex-order-sm-2{order:2}.flex-order-sm-3{order:3}.flex-order-sm-4{order:4}.flex-order-sm-5{order:5}.flex-order-sm-6{order:6}.flex-order-sm-7{order:7}.flex-order-sm-8{order:8}.flex-order-sm-9{order:9}.flex-order-sm-10{order:10}.flex-order-sm-11{order:11}.flex-order-sm-12{order:12}.flex-order-sm-13{order:13}.flex-order-sm-14{order:14}.flex-order-sm-15{order:15}.flex-order-sm-16{order:16}.flex-order-sm-17{order:17}.flex-order-sm-18{order:18}.flex-order-sm-19{order:19}.flex-order-sm-20{order:20}.flex-offset-sm-0,.layout-margin .flex-offset-sm-0,.layout-margin .offset-sm-0,.offset-sm-0{margin-left:0}[dir=rtl] .flex-offset-sm-0,[dir=rtl] .layout-margin .flex-offset-sm-0,[dir=rtl] .layout-margin .offset-sm-0,[dir=rtl] .offset-sm-0{margin-left:auto;margin-right:0}.flex-offset-sm-5,.layout-margin .flex-offset-sm-5,.layout-margin .offset-sm-5,.offset-sm-5{margin-left:5%}[dir=rtl] .flex-offset-sm-5,[dir=rtl] .layout-margin .flex-offset-sm-5,[dir=rtl] .layout-margin .offset-sm-5,[dir=rtl] .offset-sm-5{margin-left:auto;margin-right:5%}.flex-offset-sm-10,.layout-margin .flex-offset-sm-10,.layout-margin .offset-sm-10,.offset-sm-10{margin-left:10%}[dir=rtl] .flex-offset-sm-10,[dir=rtl] .layout-margin .flex-offset-sm-10,[dir=rtl] .layout-margin .offset-sm-10,[dir=rtl] .offset-sm-10{margin-left:auto;margin-right:10%}.flex-offset-sm-15,.layout-margin .flex-offset-sm-15,.layout-margin .offset-sm-15,.offset-sm-15{margin-left:15%}[dir=rtl] .flex-offset-sm-15,[dir=rtl] .layout-margin .flex-offset-sm-15,[dir=rtl] .layout-margin .offset-sm-15,[dir=rtl] .offset-sm-15{margin-left:auto;margin-right:15%}.flex-offset-sm-20,.layout-margin .flex-offset-sm-20,.layout-margin .offset-sm-20,.offset-sm-20{margin-left:20%}[dir=rtl] .flex-offset-sm-20,[dir=rtl] .layout-margin .flex-offset-sm-20,[dir=rtl] .layout-margin .offset-sm-20,[dir=rtl] .offset-sm-20{margin-left:auto;margin-right:20%}.flex-offset-sm-25,.layout-margin .flex-offset-sm-25,.layout-margin .offset-sm-25,.offset-sm-25{margin-left:25%}[dir=rtl] .flex-offset-sm-25,[dir=rtl] .layout-margin .flex-offset-sm-25,[dir=rtl] .layout-margin .offset-sm-25,[dir=rtl] .offset-sm-25{margin-left:auto;margin-right:25%}.flex-offset-sm-30,.layout-margin .flex-offset-sm-30,.layout-margin .offset-sm-30,.offset-sm-30{margin-left:30%}[dir=rtl] .flex-offset-sm-30,[dir=rtl] .layout-margin .flex-offset-sm-30,[dir=rtl] .layout-margin .offset-sm-30,[dir=rtl] .offset-sm-30{margin-left:auto;margin-right:30%}.flex-offset-sm-35,.layout-margin .flex-offset-sm-35,.layout-margin .offset-sm-35,.offset-sm-35{margin-left:35%}[dir=rtl] .flex-offset-sm-35,[dir=rtl] .layout-margin .flex-offset-sm-35,[dir=rtl] .layout-margin .offset-sm-35,[dir=rtl] .offset-sm-35{margin-left:auto;margin-right:35%}.flex-offset-sm-40,.layout-margin .flex-offset-sm-40,.layout-margin .offset-sm-40,.offset-sm-40{margin-left:40%}[dir=rtl] .flex-offset-sm-40,[dir=rtl] .layout-margin .flex-offset-sm-40,[dir=rtl] .layout-margin .offset-sm-40,[dir=rtl] .offset-sm-40{margin-left:auto;margin-right:40%}.flex-offset-sm-45,.layout-margin .flex-offset-sm-45,.layout-margin .offset-sm-45,.offset-sm-45{margin-left:45%}[dir=rtl] .flex-offset-sm-45,[dir=rtl] .layout-margin .flex-offset-sm-45,[dir=rtl] .layout-margin .offset-sm-45,[dir=rtl] .offset-sm-45{margin-left:auto;margin-right:45%}.flex-offset-sm-50,.layout-margin .flex-offset-sm-50,.layout-margin .offset-sm-50,.offset-sm-50{margin-left:50%}[dir=rtl] .flex-offset-sm-50,[dir=rtl] .layout-margin .flex-offset-sm-50,[dir=rtl] .layout-margin .offset-sm-50,[dir=rtl] .offset-sm-50{margin-left:auto;margin-right:50%}.flex-offset-sm-55,.layout-margin .flex-offset-sm-55,.layout-margin .offset-sm-55,.offset-sm-55{margin-left:55%}[dir=rtl] .flex-offset-sm-55,[dir=rtl] .layout-margin .flex-offset-sm-55,[dir=rtl] .layout-margin .offset-sm-55,[dir=rtl] .offset-sm-55{margin-left:auto;margin-right:55%}.flex-offset-sm-60,.layout-margin .flex-offset-sm-60,.layout-margin .offset-sm-60,.offset-sm-60{margin-left:60%}[dir=rtl] .flex-offset-sm-60,[dir=rtl] .layout-margin .flex-offset-sm-60,[dir=rtl] .layout-margin .offset-sm-60,[dir=rtl] .offset-sm-60{margin-left:auto;margin-right:60%}.flex-offset-sm-65,.layout-margin .flex-offset-sm-65,.layout-margin .offset-sm-65,.offset-sm-65{margin-left:65%}[dir=rtl] .flex-offset-sm-65,[dir=rtl] .layout-margin .flex-offset-sm-65,[dir=rtl] .layout-margin .offset-sm-65,[dir=rtl] .offset-sm-65{margin-left:auto;margin-right:65%}.flex-offset-sm-70,.layout-margin .flex-offset-sm-70,.layout-margin .offset-sm-70,.offset-sm-70{margin-left:70%}[dir=rtl] .flex-offset-sm-70,[dir=rtl] .layout-margin .flex-offset-sm-70,[dir=rtl] .layout-margin .offset-sm-70,[dir=rtl] .offset-sm-70{margin-left:auto;margin-right:70%}.flex-offset-sm-75,.layout-margin .flex-offset-sm-75,.layout-margin .offset-sm-75,.offset-sm-75{margin-left:75%}[dir=rtl] .flex-offset-sm-75,[dir=rtl] .layout-margin .flex-offset-sm-75,[dir=rtl] .layout-margin .offset-sm-75,[dir=rtl] .offset-sm-75{margin-left:auto;margin-right:75%}.flex-offset-sm-80,.layout-margin .flex-offset-sm-80,.layout-margin .offset-sm-80,.offset-sm-80{margin-left:80%}[dir=rtl] .flex-offset-sm-80,[dir=rtl] .layout-margin .flex-offset-sm-80,[dir=rtl] .layout-margin .offset-sm-80,[dir=rtl] .offset-sm-80{margin-left:auto;margin-right:80%}.flex-offset-sm-85,.layout-margin .flex-offset-sm-85,.layout-margin .offset-sm-85,.offset-sm-85{margin-left:85%}[dir=rtl] .flex-offset-sm-85,[dir=rtl] .layout-margin .flex-offset-sm-85,[dir=rtl] .layout-margin .offset-sm-85,[dir=rtl] .offset-sm-85{margin-left:auto;margin-right:85%}.flex-offset-sm-90,.layout-margin .flex-offset-sm-90,.layout-margin .offset-sm-90,.offset-sm-90{margin-left:90%}[dir=rtl] .flex-offset-sm-90,[dir=rtl] .layout-margin .flex-offset-sm-90,[dir=rtl] .layout-margin .offset-sm-90,[dir=rtl] .offset-sm-90{margin-left:auto;margin-right:90%}.flex-offset-sm-95,.layout-margin .flex-offset-sm-95,.layout-margin .offset-sm-95,.offset-sm-95{margin-left:95%}[dir=rtl] .flex-offset-sm-95,[dir=rtl] .layout-margin .flex-offset-sm-95,[dir=rtl] .layout-margin .offset-sm-95,[dir=rtl] .offset-sm-95{margin-left:auto;margin-right:95%}.flex-offset-sm-33,.layout-margin .flex-offset-sm-33,.layout-margin .offset-sm-33,.offset-sm-33{margin-left:33.33333%}.flex-offset-sm-66,.layout-margin .flex-offset-sm-66,.layout-margin .offset-sm-66,.offset-sm-66{margin-left:66.66667%}[dir=rtl] .flex-offset-sm-66,[dir=rtl] .layout-margin .flex-offset-sm-66,[dir=rtl] .layout-margin .offset-sm-66,[dir=rtl] .offset-sm-66{margin-left:auto;margin-right:66.66667%}.layout-align-sm,.layout-align-sm-start-stretch{align-content:stretch;align-items:stretch}.layout-align-sm,.layout-align-sm-start,.layout-align-sm-start-center,.layout-align-sm-start-end,.layout-align-sm-start-start,.layout-align-sm-start-stretch{justify-content:flex-start}.layout-align-sm-center,.layout-align-sm-center-center,.layout-align-sm-center-end,.layout-align-sm-center-start,.layout-align-sm-center-stretch{justify-content:center}.layout-align-sm-end,.layout-align-sm-end-center,.layout-align-sm-end-end,.layout-align-sm-end-start,.layout-align-sm-end-stretch{justify-content:flex-end}.layout-align-sm-space-around,.layout-align-sm-space-around-center,.layout-align-sm-space-around-end,.layout-align-sm-space-around-start,.layout-align-sm-space-around-stretch{justify-content:space-around}.layout-align-sm-space-between,.layout-align-sm-space-between-center,.layout-align-sm-space-between-end,.layout-align-sm-space-between-start,.layout-align-sm-space-between-stretch{justify-content:space-between}.layout-align-sm-center-start,.layout-align-sm-end-start,.layout-align-sm-space-around-start,.layout-align-sm-space-between-start,.layout-align-sm-start-start{align-items:flex-start;align-content:flex-start}.layout-align-sm-center-center,.layout-align-sm-end-center,.layout-align-sm-space-around-center,.layout-align-sm-space-between-center,.layout-align-sm-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-sm-center-center>*,.layout-align-sm-end-center>*,.layout-align-sm-space-around-center>*,.layout-align-sm-space-between-center>*,.layout-align-sm-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-sm-center-end,.layout-align-sm-end-end,.layout-align-sm-space-around-end,.layout-align-sm-space-between-end,.layout-align-sm-start-end{align-items:flex-end;align-content:flex-end}.layout-align-sm-center-stretch,.layout-align-sm-end-stretch,.layout-align-sm-space-around-stretch,.layout-align-sm-space-between-stretch,.layout-align-sm-start-stretch{align-items:stretch;align-content:stretch}.flex-sm{flex:1}.flex-sm,.flex-sm-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-sm-grow{flex:1 1 100%}.flex-sm-initial{flex:0 1 auto;box-sizing:border-box}.flex-sm-auto{flex:1 1 auto;box-sizing:border-box}.flex-sm-none{flex:0 0 auto;box-sizing:border-box}.flex-sm-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-sm-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-sm-0,.layout-row>.flex-sm-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-sm-0{min-width:0}.layout-column>.flex-sm-0{max-width:100%;max-height:0%}.layout-column>.flex-sm-0,.layout-sm-row>.flex-sm-0{flex:1 1 100%;box-sizing:border-box}.layout-sm-row>.flex-sm-0{max-width:0;max-height:100%;min-width:0}.layout-sm-column>.flex-sm-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-sm-5,.layout-row>.flex-sm-5{max-width:5%;max-height:100%}.flex-sm-5,.layout-column>.flex-sm-5,.layout-row>.flex-sm-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-5{max-width:100%;max-height:5%}.layout-sm-row>.flex-sm-5{max-width:5%;max-height:100%}.layout-sm-column>.flex-sm-5,.layout-sm-row>.flex-sm-5{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-5{max-width:100%;max-height:5%}.flex-sm-10,.layout-row>.flex-sm-10{max-width:10%;max-height:100%}.flex-sm-10,.layout-column>.flex-sm-10,.layout-row>.flex-sm-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-10{max-width:100%;max-height:10%}.layout-sm-row>.flex-sm-10{max-width:10%;max-height:100%}.layout-sm-column>.flex-sm-10,.layout-sm-row>.flex-sm-10{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-10{max-width:100%;max-height:10%}.flex-sm-15,.layout-row>.flex-sm-15{max-width:15%;max-height:100%}.flex-sm-15,.layout-column>.flex-sm-15,.layout-row>.flex-sm-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-15{max-width:100%;max-height:15%}.layout-sm-row>.flex-sm-15{max-width:15%;max-height:100%}.layout-sm-column>.flex-sm-15,.layout-sm-row>.flex-sm-15{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-15{max-width:100%;max-height:15%}.flex-sm-20,.layout-row>.flex-sm-20{max-width:20%;max-height:100%}.flex-sm-20,.layout-column>.flex-sm-20,.layout-row>.flex-sm-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-20{max-width:100%;max-height:20%}.layout-sm-row>.flex-sm-20{max-width:20%;max-height:100%}.layout-sm-column>.flex-sm-20,.layout-sm-row>.flex-sm-20{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-20{max-width:100%;max-height:20%}.flex-sm-25,.layout-row>.flex-sm-25{max-width:25%;max-height:100%}.flex-sm-25,.layout-column>.flex-sm-25,.layout-row>.flex-sm-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-25{max-width:100%;max-height:25%}.layout-sm-row>.flex-sm-25{max-width:25%;max-height:100%}.layout-sm-column>.flex-sm-25,.layout-sm-row>.flex-sm-25{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-25{max-width:100%;max-height:25%}.flex-sm-30,.layout-row>.flex-sm-30{max-width:30%;max-height:100%}.flex-sm-30,.layout-column>.flex-sm-30,.layout-row>.flex-sm-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-30{max-width:100%;max-height:30%}.layout-sm-row>.flex-sm-30{max-width:30%;max-height:100%}.layout-sm-column>.flex-sm-30,.layout-sm-row>.flex-sm-30{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-30{max-width:100%;max-height:30%}.flex-sm-35,.layout-row>.flex-sm-35{max-width:35%;max-height:100%}.flex-sm-35,.layout-column>.flex-sm-35,.layout-row>.flex-sm-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-35{max-width:100%;max-height:35%}.layout-sm-row>.flex-sm-35{max-width:35%;max-height:100%}.layout-sm-column>.flex-sm-35,.layout-sm-row>.flex-sm-35{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-35{max-width:100%;max-height:35%}.flex-sm-40,.layout-row>.flex-sm-40{max-width:40%;max-height:100%}.flex-sm-40,.layout-column>.flex-sm-40,.layout-row>.flex-sm-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-40{max-width:100%;max-height:40%}.layout-sm-row>.flex-sm-40{max-width:40%;max-height:100%}.layout-sm-column>.flex-sm-40,.layout-sm-row>.flex-sm-40{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-40{max-width:100%;max-height:40%}.flex-sm-45,.layout-row>.flex-sm-45{max-width:45%;max-height:100%}.flex-sm-45,.layout-column>.flex-sm-45,.layout-row>.flex-sm-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-45{max-width:100%;max-height:45%}.layout-sm-row>.flex-sm-45{max-width:45%;max-height:100%}.layout-sm-column>.flex-sm-45,.layout-sm-row>.flex-sm-45{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-45{max-width:100%;max-height:45%}.flex-sm-50,.layout-row>.flex-sm-50{max-width:50%;max-height:100%}.flex-sm-50,.layout-column>.flex-sm-50,.layout-row>.flex-sm-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-50{max-width:100%;max-height:50%}.layout-sm-row>.flex-sm-50{max-width:50%;max-height:100%}.layout-sm-column>.flex-sm-50,.layout-sm-row>.flex-sm-50{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-50{max-width:100%;max-height:50%}.flex-sm-55,.layout-row>.flex-sm-55{max-width:55%;max-height:100%}.flex-sm-55,.layout-column>.flex-sm-55,.layout-row>.flex-sm-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-55{max-width:100%;max-height:55%}.layout-sm-row>.flex-sm-55{max-width:55%;max-height:100%}.layout-sm-column>.flex-sm-55,.layout-sm-row>.flex-sm-55{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-55{max-width:100%;max-height:55%}.flex-sm-60,.layout-row>.flex-sm-60{max-width:60%;max-height:100%}.flex-sm-60,.layout-column>.flex-sm-60,.layout-row>.flex-sm-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-60{max-width:100%;max-height:60%}.layout-sm-row>.flex-sm-60{max-width:60%;max-height:100%}.layout-sm-column>.flex-sm-60,.layout-sm-row>.flex-sm-60{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-60{max-width:100%;max-height:60%}.flex-sm-65,.layout-row>.flex-sm-65{max-width:65%;max-height:100%}.flex-sm-65,.layout-column>.flex-sm-65,.layout-row>.flex-sm-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-65{max-width:100%;max-height:65%}.layout-sm-row>.flex-sm-65{max-width:65%;max-height:100%}.layout-sm-column>.flex-sm-65,.layout-sm-row>.flex-sm-65{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-65{max-width:100%;max-height:65%}.flex-sm-70,.layout-row>.flex-sm-70{max-width:70%;max-height:100%}.flex-sm-70,.layout-column>.flex-sm-70,.layout-row>.flex-sm-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-70{max-width:100%;max-height:70%}.layout-sm-row>.flex-sm-70{max-width:70%;max-height:100%}.layout-sm-column>.flex-sm-70,.layout-sm-row>.flex-sm-70{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-70{max-width:100%;max-height:70%}.flex-sm-75,.layout-row>.flex-sm-75{max-width:75%;max-height:100%}.flex-sm-75,.layout-column>.flex-sm-75,.layout-row>.flex-sm-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-75{max-width:100%;max-height:75%}.layout-sm-row>.flex-sm-75{max-width:75%;max-height:100%}.layout-sm-column>.flex-sm-75,.layout-sm-row>.flex-sm-75{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-75{max-width:100%;max-height:75%}.flex-sm-80,.layout-row>.flex-sm-80{max-width:80%;max-height:100%}.flex-sm-80,.layout-column>.flex-sm-80,.layout-row>.flex-sm-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-80{max-width:100%;max-height:80%}.layout-sm-row>.flex-sm-80{max-width:80%;max-height:100%}.layout-sm-column>.flex-sm-80,.layout-sm-row>.flex-sm-80{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-80{max-width:100%;max-height:80%}.flex-sm-85,.layout-row>.flex-sm-85{max-width:85%;max-height:100%}.flex-sm-85,.layout-column>.flex-sm-85,.layout-row>.flex-sm-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-85{max-width:100%;max-height:85%}.layout-sm-row>.flex-sm-85{max-width:85%;max-height:100%}.layout-sm-column>.flex-sm-85,.layout-sm-row>.flex-sm-85{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-85{max-width:100%;max-height:85%}.flex-sm-90,.layout-row>.flex-sm-90{max-width:90%;max-height:100%}.flex-sm-90,.layout-column>.flex-sm-90,.layout-row>.flex-sm-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-90{max-width:100%;max-height:90%}.layout-sm-row>.flex-sm-90{max-width:90%;max-height:100%}.layout-sm-column>.flex-sm-90,.layout-sm-row>.flex-sm-90{flex:1 1 100%;box-sizing:border-box}.layout-sm-column>.flex-sm-90{max-width:100%;max-height:90%}.flex-sm-95,.layout-row>.flex-sm-95{max-width:95%;max-height:100%}.flex-sm-95,.layout-column>.flex-sm-95,.layout-row>.flex-sm-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-sm-95{max-width:100%;max-height:95%}.layout-sm-row>.flex-sm-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-sm-column>.flex-sm-95{max-height:95%}.flex-sm-100,.layout-sm-column>.flex-sm-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-sm-100{max-height:100%}.layout-column>.flex-sm-100,.layout-row>.flex-sm-100,.layout-sm-column>.flex-sm-100,.layout-sm-row>.flex-sm-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-sm-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-sm-33,.layout-row>.flex-sm-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-sm-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-sm-33{flex:1 1 33.33%;max-height:33.33%}.layout-column>.flex-sm-33,.layout-column>.flex-sm-66{-webkit-box-flex:1;max-width:100%;box-sizing:border-box}.layout-column>.flex-sm-66{flex:1 1 66.66%;max-height:66.66%}.layout-sm-row>.flex-sm-33{max-width:33.33%}.layout-sm-row>.flex-sm-33,.layout-sm-row>.flex-sm-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-sm-row>.flex-sm-66{max-width:66.66%}.layout-sm-row>.flex{min-width:0}.layout-sm-column>.flex-sm-33{max-height:33.33%}.layout-sm-column>.flex-sm-33,.layout-sm-column>.flex-sm-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-sm-column>.flex-sm-66{max-height:66.66%}.layout-sm-column>.flex{min-height:0}.layout-sm,.layout-sm-column,.layout-sm-row{box-sizing:border-box;display:flex}.layout-sm-column{flex-direction:column}.layout-sm-row{flex-direction:row}}@media (min-width:960px){.flex-order-gt-sm--20{order:-20}.flex-order-gt-sm--19{order:-19}.flex-order-gt-sm--18{order:-18}.flex-order-gt-sm--17{order:-17}.flex-order-gt-sm--16{order:-16}.flex-order-gt-sm--15{order:-15}.flex-order-gt-sm--14{order:-14}.flex-order-gt-sm--13{order:-13}.flex-order-gt-sm--12{order:-12}.flex-order-gt-sm--11{order:-11}.flex-order-gt-sm--10{order:-10}.flex-order-gt-sm--9{order:-9}.flex-order-gt-sm--8{order:-8}.flex-order-gt-sm--7{order:-7}.flex-order-gt-sm--6{order:-6}.flex-order-gt-sm--5{order:-5}.flex-order-gt-sm--4{order:-4}.flex-order-gt-sm--3{order:-3}.flex-order-gt-sm--2{order:-2}.flex-order-gt-sm--1{order:-1}.flex-order-gt-sm-0{order:0}.flex-order-gt-sm-1{order:1}.flex-order-gt-sm-2{order:2}.flex-order-gt-sm-3{order:3}.flex-order-gt-sm-4{order:4}.flex-order-gt-sm-5{order:5}.flex-order-gt-sm-6{order:6}.flex-order-gt-sm-7{order:7}.flex-order-gt-sm-8{order:8}.flex-order-gt-sm-9{order:9}.flex-order-gt-sm-10{order:10}.flex-order-gt-sm-11{order:11}.flex-order-gt-sm-12{order:12}.flex-order-gt-sm-13{order:13}.flex-order-gt-sm-14{order:14}.flex-order-gt-sm-15{order:15}.flex-order-gt-sm-16{order:16}.flex-order-gt-sm-17{order:17}.flex-order-gt-sm-18{order:18}.flex-order-gt-sm-19{order:19}.flex-order-gt-sm-20{order:20}.flex-offset-gt-sm-0,.layout-margin .flex-offset-gt-sm-0,.layout-margin .offset-gt-sm-0,.offset-gt-sm-0{margin-left:0}[dir=rtl] .flex-offset-gt-sm-0,[dir=rtl] .layout-margin .flex-offset-gt-sm-0,[dir=rtl] .layout-margin .offset-gt-sm-0,[dir=rtl] .offset-gt-sm-0{margin-left:auto;margin-right:0}.flex-offset-gt-sm-5,.layout-margin .flex-offset-gt-sm-5,.layout-margin .offset-gt-sm-5,.offset-gt-sm-5{margin-left:5%}[dir=rtl] .flex-offset-gt-sm-5,[dir=rtl] .layout-margin .flex-offset-gt-sm-5,[dir=rtl] .layout-margin .offset-gt-sm-5,[dir=rtl] .offset-gt-sm-5{margin-left:auto;margin-right:5%}.flex-offset-gt-sm-10,.layout-margin .flex-offset-gt-sm-10,.layout-margin .offset-gt-sm-10,.offset-gt-sm-10{margin-left:10%}[dir=rtl] .flex-offset-gt-sm-10,[dir=rtl] .layout-margin .flex-offset-gt-sm-10,[dir=rtl] .layout-margin .offset-gt-sm-10,[dir=rtl] .offset-gt-sm-10{margin-left:auto;margin-right:10%}.flex-offset-gt-sm-15,.layout-margin .flex-offset-gt-sm-15,.layout-margin .offset-gt-sm-15,.offset-gt-sm-15{margin-left:15%}[dir=rtl] .flex-offset-gt-sm-15,[dir=rtl] .layout-margin .flex-offset-gt-sm-15,[dir=rtl] .layout-margin .offset-gt-sm-15,[dir=rtl] .offset-gt-sm-15{margin-left:auto;margin-right:15%}.flex-offset-gt-sm-20,.layout-margin .flex-offset-gt-sm-20,.layout-margin .offset-gt-sm-20,.offset-gt-sm-20{margin-left:20%}[dir=rtl] .flex-offset-gt-sm-20,[dir=rtl] .layout-margin .flex-offset-gt-sm-20,[dir=rtl] .layout-margin .offset-gt-sm-20,[dir=rtl] .offset-gt-sm-20{margin-left:auto;margin-right:20%}.flex-offset-gt-sm-25,.layout-margin .flex-offset-gt-sm-25,.layout-margin .offset-gt-sm-25,.offset-gt-sm-25{margin-left:25%}[dir=rtl] .flex-offset-gt-sm-25,[dir=rtl] .layout-margin .flex-offset-gt-sm-25,[dir=rtl] .layout-margin .offset-gt-sm-25,[dir=rtl] .offset-gt-sm-25{margin-left:auto;margin-right:25%}.flex-offset-gt-sm-30,.layout-margin .flex-offset-gt-sm-30,.layout-margin .offset-gt-sm-30,.offset-gt-sm-30{margin-left:30%}[dir=rtl] .flex-offset-gt-sm-30,[dir=rtl] .layout-margin .flex-offset-gt-sm-30,[dir=rtl] .layout-margin .offset-gt-sm-30,[dir=rtl] .offset-gt-sm-30{margin-left:auto;margin-right:30%}.flex-offset-gt-sm-35,.layout-margin .flex-offset-gt-sm-35,.layout-margin .offset-gt-sm-35,.offset-gt-sm-35{margin-left:35%}[dir=rtl] .flex-offset-gt-sm-35,[dir=rtl] .layout-margin .flex-offset-gt-sm-35,[dir=rtl] .layout-margin .offset-gt-sm-35,[dir=rtl] .offset-gt-sm-35{margin-left:auto;margin-right:35%}.flex-offset-gt-sm-40,.layout-margin .flex-offset-gt-sm-40,.layout-margin .offset-gt-sm-40,.offset-gt-sm-40{margin-left:40%}[dir=rtl] .flex-offset-gt-sm-40,[dir=rtl] .layout-margin .flex-offset-gt-sm-40,[dir=rtl] .layout-margin .offset-gt-sm-40,[dir=rtl] .offset-gt-sm-40{margin-left:auto;margin-right:40%}.flex-offset-gt-sm-45,.layout-margin .flex-offset-gt-sm-45,.layout-margin .offset-gt-sm-45,.offset-gt-sm-45{margin-left:45%}[dir=rtl] .flex-offset-gt-sm-45,[dir=rtl] .layout-margin .flex-offset-gt-sm-45,[dir=rtl] .layout-margin .offset-gt-sm-45,[dir=rtl] .offset-gt-sm-45{margin-left:auto;margin-right:45%}.flex-offset-gt-sm-50,.layout-margin .flex-offset-gt-sm-50,.layout-margin .offset-gt-sm-50,.offset-gt-sm-50{margin-left:50%}[dir=rtl] .flex-offset-gt-sm-50,[dir=rtl] .layout-margin .flex-offset-gt-sm-50,[dir=rtl] .layout-margin .offset-gt-sm-50,[dir=rtl] .offset-gt-sm-50{margin-left:auto;margin-right:50%}.flex-offset-gt-sm-55,.layout-margin .flex-offset-gt-sm-55,.layout-margin .offset-gt-sm-55,.offset-gt-sm-55{margin-left:55%}[dir=rtl] .flex-offset-gt-sm-55,[dir=rtl] .layout-margin .flex-offset-gt-sm-55,[dir=rtl] .layout-margin .offset-gt-sm-55,[dir=rtl] .offset-gt-sm-55{margin-left:auto;margin-right:55%}.flex-offset-gt-sm-60,.layout-margin .flex-offset-gt-sm-60,.layout-margin .offset-gt-sm-60,.offset-gt-sm-60{margin-left:60%}[dir=rtl] .flex-offset-gt-sm-60,[dir=rtl] .layout-margin .flex-offset-gt-sm-60,[dir=rtl] .layout-margin .offset-gt-sm-60,[dir=rtl] .offset-gt-sm-60{margin-left:auto;margin-right:60%}.flex-offset-gt-sm-65,.layout-margin .flex-offset-gt-sm-65,.layout-margin .offset-gt-sm-65,.offset-gt-sm-65{margin-left:65%}[dir=rtl] .flex-offset-gt-sm-65,[dir=rtl] .layout-margin .flex-offset-gt-sm-65,[dir=rtl] .layout-margin .offset-gt-sm-65,[dir=rtl] .offset-gt-sm-65{margin-left:auto;margin-right:65%}.flex-offset-gt-sm-70,.layout-margin .flex-offset-gt-sm-70,.layout-margin .offset-gt-sm-70,.offset-gt-sm-70{margin-left:70%}[dir=rtl] .flex-offset-gt-sm-70,[dir=rtl] .layout-margin .flex-offset-gt-sm-70,[dir=rtl] .layout-margin .offset-gt-sm-70,[dir=rtl] .offset-gt-sm-70{margin-left:auto;margin-right:70%}.flex-offset-gt-sm-75,.layout-margin .flex-offset-gt-sm-75,.layout-margin .offset-gt-sm-75,.offset-gt-sm-75{margin-left:75%}[dir=rtl] .flex-offset-gt-sm-75,[dir=rtl] .layout-margin .flex-offset-gt-sm-75,[dir=rtl] .layout-margin .offset-gt-sm-75,[dir=rtl] .offset-gt-sm-75{margin-left:auto;margin-right:75%}.flex-offset-gt-sm-80,.layout-margin .flex-offset-gt-sm-80,.layout-margin .offset-gt-sm-80,.offset-gt-sm-80{margin-left:80%}[dir=rtl] .flex-offset-gt-sm-80,[dir=rtl] .layout-margin .flex-offset-gt-sm-80,[dir=rtl] .layout-margin .offset-gt-sm-80,[dir=rtl] .offset-gt-sm-80{margin-left:auto;margin-right:80%}.flex-offset-gt-sm-85,.layout-margin .flex-offset-gt-sm-85,.layout-margin .offset-gt-sm-85,.offset-gt-sm-85{margin-left:85%}[dir=rtl] .flex-offset-gt-sm-85,[dir=rtl] .layout-margin .flex-offset-gt-sm-85,[dir=rtl] .layout-margin .offset-gt-sm-85,[dir=rtl] .offset-gt-sm-85{margin-left:auto;margin-right:85%}.flex-offset-gt-sm-90,.layout-margin .flex-offset-gt-sm-90,.layout-margin .offset-gt-sm-90,.offset-gt-sm-90{margin-left:90%}[dir=rtl] .flex-offset-gt-sm-90,[dir=rtl] .layout-margin .flex-offset-gt-sm-90,[dir=rtl] .layout-margin .offset-gt-sm-90,[dir=rtl] .offset-gt-sm-90{margin-left:auto;margin-right:90%}.flex-offset-gt-sm-95,.layout-margin .flex-offset-gt-sm-95,.layout-margin .offset-gt-sm-95,.offset-gt-sm-95{margin-left:95%}[dir=rtl] .flex-offset-gt-sm-95,[dir=rtl] .layout-margin .flex-offset-gt-sm-95,[dir=rtl] .layout-margin .offset-gt-sm-95,[dir=rtl] .offset-gt-sm-95{margin-left:auto;margin-right:95%}.flex-offset-gt-sm-33,.layout-margin .flex-offset-gt-sm-33,.layout-margin .offset-gt-sm-33,.offset-gt-sm-33{margin-left:33.33333%}.flex-offset-gt-sm-66,.layout-margin .flex-offset-gt-sm-66,.layout-margin .offset-gt-sm-66,.offset-gt-sm-66{margin-left:66.66667%}[dir=rtl] .flex-offset-gt-sm-66,[dir=rtl] .layout-margin .flex-offset-gt-sm-66,[dir=rtl] .layout-margin .offset-gt-sm-66,[dir=rtl] .offset-gt-sm-66{margin-left:auto;margin-right:66.66667%}.layout-align-gt-sm,.layout-align-gt-sm-start-stretch{align-content:stretch;align-items:stretch}.layout-align-gt-sm,.layout-align-gt-sm-start,.layout-align-gt-sm-start-center,.layout-align-gt-sm-start-end,.layout-align-gt-sm-start-start,.layout-align-gt-sm-start-stretch{justify-content:flex-start}.layout-align-gt-sm-center,.layout-align-gt-sm-center-center,.layout-align-gt-sm-center-end,.layout-align-gt-sm-center-start,.layout-align-gt-sm-center-stretch{justify-content:center}.layout-align-gt-sm-end,.layout-align-gt-sm-end-center,.layout-align-gt-sm-end-end,.layout-align-gt-sm-end-start,.layout-align-gt-sm-end-stretch{justify-content:flex-end}.layout-align-gt-sm-space-around,.layout-align-gt-sm-space-around-center,.layout-align-gt-sm-space-around-end,.layout-align-gt-sm-space-around-start,.layout-align-gt-sm-space-around-stretch{justify-content:space-around}.layout-align-gt-sm-space-between,.layout-align-gt-sm-space-between-center,.layout-align-gt-sm-space-between-end,.layout-align-gt-sm-space-between-start,.layout-align-gt-sm-space-between-stretch{justify-content:space-between}.layout-align-gt-sm-center-start,.layout-align-gt-sm-end-start,.layout-align-gt-sm-space-around-start,.layout-align-gt-sm-space-between-start,.layout-align-gt-sm-start-start{align-items:flex-start;align-content:flex-start}.layout-align-gt-sm-center-center,.layout-align-gt-sm-end-center,.layout-align-gt-sm-space-around-center,.layout-align-gt-sm-space-between-center,.layout-align-gt-sm-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-gt-sm-center-center>*,.layout-align-gt-sm-end-center>*,.layout-align-gt-sm-space-around-center>*,.layout-align-gt-sm-space-between-center>*,.layout-align-gt-sm-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-gt-sm-center-end,.layout-align-gt-sm-end-end,.layout-align-gt-sm-space-around-end,.layout-align-gt-sm-space-between-end,.layout-align-gt-sm-start-end{align-items:flex-end;align-content:flex-end}.layout-align-gt-sm-center-stretch,.layout-align-gt-sm-end-stretch,.layout-align-gt-sm-space-around-stretch,.layout-align-gt-sm-space-between-stretch,.layout-align-gt-sm-start-stretch{align-items:stretch;align-content:stretch}.flex-gt-sm{flex:1}.flex-gt-sm,.flex-gt-sm-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-gt-sm-grow{flex:1 1 100%}.flex-gt-sm-initial{flex:0 1 auto;box-sizing:border-box}.flex-gt-sm-auto{flex:1 1 auto;box-sizing:border-box}.flex-gt-sm-none{flex:0 0 auto;box-sizing:border-box}.flex-gt-sm-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-gt-sm-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-gt-sm-0,.layout-row>.flex-gt-sm-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-sm-0{min-width:0}.layout-column>.flex-gt-sm-0{max-width:100%;max-height:0%}.layout-column>.flex-gt-sm-0,.layout-gt-sm-row>.flex-gt-sm-0{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-row>.flex-gt-sm-0{max-width:0;max-height:100%;min-width:0}.layout-gt-sm-column>.flex-gt-sm-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-gt-sm-5,.layout-row>.flex-gt-sm-5{max-width:5%;max-height:100%}.flex-gt-sm-5,.layout-column>.flex-gt-sm-5,.layout-row>.flex-gt-sm-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-5{max-width:100%;max-height:5%}.layout-gt-sm-row>.flex-gt-sm-5{max-width:5%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-5,.layout-gt-sm-row>.flex-gt-sm-5{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-5{max-width:100%;max-height:5%}.flex-gt-sm-10,.layout-row>.flex-gt-sm-10{max-width:10%;max-height:100%}.flex-gt-sm-10,.layout-column>.flex-gt-sm-10,.layout-row>.flex-gt-sm-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-10{max-width:100%;max-height:10%}.layout-gt-sm-row>.flex-gt-sm-10{max-width:10%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-10,.layout-gt-sm-row>.flex-gt-sm-10{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-10{max-width:100%;max-height:10%}.flex-gt-sm-15,.layout-row>.flex-gt-sm-15{max-width:15%;max-height:100%}.flex-gt-sm-15,.layout-column>.flex-gt-sm-15,.layout-row>.flex-gt-sm-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-15{max-width:100%;max-height:15%}.layout-gt-sm-row>.flex-gt-sm-15{max-width:15%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-15,.layout-gt-sm-row>.flex-gt-sm-15{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-15{max-width:100%;max-height:15%}.flex-gt-sm-20,.layout-row>.flex-gt-sm-20{max-width:20%;max-height:100%}.flex-gt-sm-20,.layout-column>.flex-gt-sm-20,.layout-row>.flex-gt-sm-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-20{max-width:100%;max-height:20%}.layout-gt-sm-row>.flex-gt-sm-20{max-width:20%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-20,.layout-gt-sm-row>.flex-gt-sm-20{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-20{max-width:100%;max-height:20%}.flex-gt-sm-25,.layout-row>.flex-gt-sm-25{max-width:25%;max-height:100%}.flex-gt-sm-25,.layout-column>.flex-gt-sm-25,.layout-row>.flex-gt-sm-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-25{max-width:100%;max-height:25%}.layout-gt-sm-row>.flex-gt-sm-25{max-width:25%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-25,.layout-gt-sm-row>.flex-gt-sm-25{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-25{max-width:100%;max-height:25%}.flex-gt-sm-30,.layout-row>.flex-gt-sm-30{max-width:30%;max-height:100%}.flex-gt-sm-30,.layout-column>.flex-gt-sm-30,.layout-row>.flex-gt-sm-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-30{max-width:100%;max-height:30%}.layout-gt-sm-row>.flex-gt-sm-30{max-width:30%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-30,.layout-gt-sm-row>.flex-gt-sm-30{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-30{max-width:100%;max-height:30%}.flex-gt-sm-35,.layout-row>.flex-gt-sm-35{max-width:35%;max-height:100%}.flex-gt-sm-35,.layout-column>.flex-gt-sm-35,.layout-row>.flex-gt-sm-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-35{max-width:100%;max-height:35%}.layout-gt-sm-row>.flex-gt-sm-35{max-width:35%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-35,.layout-gt-sm-row>.flex-gt-sm-35{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-35{max-width:100%;max-height:35%}.flex-gt-sm-40,.layout-row>.flex-gt-sm-40{max-width:40%;max-height:100%}.flex-gt-sm-40,.layout-column>.flex-gt-sm-40,.layout-row>.flex-gt-sm-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-40{max-width:100%;max-height:40%}.layout-gt-sm-row>.flex-gt-sm-40{max-width:40%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-40,.layout-gt-sm-row>.flex-gt-sm-40{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-40{max-width:100%;max-height:40%}.flex-gt-sm-45,.layout-row>.flex-gt-sm-45{max-width:45%;max-height:100%}.flex-gt-sm-45,.layout-column>.flex-gt-sm-45,.layout-row>.flex-gt-sm-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-45{max-width:100%;max-height:45%}.layout-gt-sm-row>.flex-gt-sm-45{max-width:45%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-45,.layout-gt-sm-row>.flex-gt-sm-45{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-45{max-width:100%;max-height:45%}.flex-gt-sm-50,.layout-row>.flex-gt-sm-50{max-width:50%;max-height:100%}.flex-gt-sm-50,.layout-column>.flex-gt-sm-50,.layout-row>.flex-gt-sm-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-50{max-width:100%;max-height:50%}.layout-gt-sm-row>.flex-gt-sm-50{max-width:50%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-50,.layout-gt-sm-row>.flex-gt-sm-50{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-50{max-width:100%;max-height:50%}.flex-gt-sm-55,.layout-row>.flex-gt-sm-55{max-width:55%;max-height:100%}.flex-gt-sm-55,.layout-column>.flex-gt-sm-55,.layout-row>.flex-gt-sm-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-55{max-width:100%;max-height:55%}.layout-gt-sm-row>.flex-gt-sm-55{max-width:55%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-55,.layout-gt-sm-row>.flex-gt-sm-55{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-55{max-width:100%;max-height:55%}.flex-gt-sm-60,.layout-row>.flex-gt-sm-60{max-width:60%;max-height:100%}.flex-gt-sm-60,.layout-column>.flex-gt-sm-60,.layout-row>.flex-gt-sm-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-60{max-width:100%;max-height:60%}.layout-gt-sm-row>.flex-gt-sm-60{max-width:60%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-60,.layout-gt-sm-row>.flex-gt-sm-60{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-60{max-width:100%;max-height:60%}.flex-gt-sm-65,.layout-row>.flex-gt-sm-65{max-width:65%;max-height:100%}.flex-gt-sm-65,.layout-column>.flex-gt-sm-65,.layout-row>.flex-gt-sm-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-65{max-width:100%;max-height:65%}.layout-gt-sm-row>.flex-gt-sm-65{max-width:65%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-65,.layout-gt-sm-row>.flex-gt-sm-65{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-65{max-width:100%;max-height:65%}.flex-gt-sm-70,.layout-row>.flex-gt-sm-70{max-width:70%;max-height:100%}.flex-gt-sm-70,.layout-column>.flex-gt-sm-70,.layout-row>.flex-gt-sm-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-70{max-width:100%;max-height:70%}.layout-gt-sm-row>.flex-gt-sm-70{max-width:70%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-70,.layout-gt-sm-row>.flex-gt-sm-70{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-70{max-width:100%;max-height:70%}.flex-gt-sm-75,.layout-row>.flex-gt-sm-75{max-width:75%;max-height:100%}.flex-gt-sm-75,.layout-column>.flex-gt-sm-75,.layout-row>.flex-gt-sm-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-75{max-width:100%;max-height:75%}.layout-gt-sm-row>.flex-gt-sm-75{max-width:75%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-75,.layout-gt-sm-row>.flex-gt-sm-75{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-75{max-width:100%;max-height:75%}.flex-gt-sm-80,.layout-row>.flex-gt-sm-80{max-width:80%;max-height:100%}.flex-gt-sm-80,.layout-column>.flex-gt-sm-80,.layout-row>.flex-gt-sm-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-80{max-width:100%;max-height:80%}.layout-gt-sm-row>.flex-gt-sm-80{max-width:80%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-80,.layout-gt-sm-row>.flex-gt-sm-80{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-80{max-width:100%;max-height:80%}.flex-gt-sm-85,.layout-row>.flex-gt-sm-85{max-width:85%;max-height:100%}.flex-gt-sm-85,.layout-column>.flex-gt-sm-85,.layout-row>.flex-gt-sm-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-85{max-width:100%;max-height:85%}.layout-gt-sm-row>.flex-gt-sm-85{max-width:85%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-85,.layout-gt-sm-row>.flex-gt-sm-85{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-85{max-width:100%;max-height:85%}.flex-gt-sm-90,.layout-row>.flex-gt-sm-90{max-width:90%;max-height:100%}.flex-gt-sm-90,.layout-column>.flex-gt-sm-90,.layout-row>.flex-gt-sm-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-90{max-width:100%;max-height:90%}.layout-gt-sm-row>.flex-gt-sm-90{max-width:90%;max-height:100%}.layout-gt-sm-column>.flex-gt-sm-90,.layout-gt-sm-row>.flex-gt-sm-90{flex:1 1 100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-90{max-width:100%;max-height:90%}.flex-gt-sm-95,.layout-row>.flex-gt-sm-95{max-width:95%;max-height:100%}.flex-gt-sm-95,.layout-column>.flex-gt-sm-95,.layout-row>.flex-gt-sm-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-sm-95{max-width:100%;max-height:95%}.layout-gt-sm-row>.flex-gt-sm-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-95{max-height:95%}.flex-gt-sm-100,.layout-gt-sm-column>.flex-gt-sm-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-gt-sm-100{max-height:100%}.layout-column>.flex-gt-sm-100,.layout-gt-sm-column>.flex-gt-sm-100,.layout-gt-sm-row>.flex-gt-sm-100,.layout-row>.flex-gt-sm-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-sm-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-gt-sm-33,.layout-row>.flex-gt-sm-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-sm-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-gt-sm-33{flex:1 1 33.33%;max-width:100%;max-height:33.33%;box-sizing:border-box}.layout-column>.flex-gt-sm-66{flex:1 1 66.66%;max-width:100%;max-height:66.66%;box-sizing:border-box}.layout-gt-sm-row>.flex-gt-sm-33{max-width:33.33%}.layout-gt-sm-row>.flex-gt-sm-33,.layout-gt-sm-row>.flex-gt-sm-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-gt-sm-row>.flex-gt-sm-66{max-width:66.66%}.layout-gt-sm-row>.flex{min-width:0}.layout-gt-sm-column>.flex-gt-sm-33{max-height:33.33%}.layout-gt-sm-column>.flex-gt-sm-33,.layout-gt-sm-column>.flex-gt-sm-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-gt-sm-column>.flex-gt-sm-66{max-height:66.66%}.layout-gt-sm-column>.flex{min-height:0}.layout-gt-sm,.layout-gt-sm-column,.layout-gt-sm-row{box-sizing:border-box;display:flex}.layout-gt-sm-column{flex-direction:column}.layout-gt-sm-row{flex-direction:row}}@media (min-width:960px) and (max-width:1279px){.hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show),.hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show),.hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show){display:none}.flex-order-md--20{order:-20}.flex-order-md--19{order:-19}.flex-order-md--18{order:-18}.flex-order-md--17{order:-17}.flex-order-md--16{order:-16}.flex-order-md--15{order:-15}.flex-order-md--14{order:-14}.flex-order-md--13{order:-13}.flex-order-md--12{order:-12}.flex-order-md--11{order:-11}.flex-order-md--10{order:-10}.flex-order-md--9{order:-9}.flex-order-md--8{order:-8}.flex-order-md--7{order:-7}.flex-order-md--6{order:-6}.flex-order-md--5{order:-5}.flex-order-md--4{order:-4}.flex-order-md--3{order:-3}.flex-order-md--2{order:-2}.flex-order-md--1{order:-1}.flex-order-md-0{order:0}.flex-order-md-1{order:1}.flex-order-md-2{order:2}.flex-order-md-3{order:3}.flex-order-md-4{order:4}.flex-order-md-5{order:5}.flex-order-md-6{order:6}.flex-order-md-7{order:7}.flex-order-md-8{order:8}.flex-order-md-9{order:9}.flex-order-md-10{order:10}.flex-order-md-11{order:11}.flex-order-md-12{order:12}.flex-order-md-13{order:13}.flex-order-md-14{order:14}.flex-order-md-15{order:15}.flex-order-md-16{order:16}.flex-order-md-17{order:17}.flex-order-md-18{order:18}.flex-order-md-19{order:19}.flex-order-md-20{order:20}.flex-offset-md-0,.layout-margin .flex-offset-md-0,.layout-margin .offset-md-0,.offset-md-0{margin-left:0}[dir=rtl] .flex-offset-md-0,[dir=rtl] .layout-margin .flex-offset-md-0,[dir=rtl] .layout-margin .offset-md-0,[dir=rtl] .offset-md-0{margin-left:auto;margin-right:0}.flex-offset-md-5,.layout-margin .flex-offset-md-5,.layout-margin .offset-md-5,.offset-md-5{margin-left:5%}[dir=rtl] .flex-offset-md-5,[dir=rtl] .layout-margin .flex-offset-md-5,[dir=rtl] .layout-margin .offset-md-5,[dir=rtl] .offset-md-5{margin-left:auto;margin-right:5%}.flex-offset-md-10,.layout-margin .flex-offset-md-10,.layout-margin .offset-md-10,.offset-md-10{margin-left:10%}[dir=rtl] .flex-offset-md-10,[dir=rtl] .layout-margin .flex-offset-md-10,[dir=rtl] .layout-margin .offset-md-10,[dir=rtl] .offset-md-10{margin-left:auto;margin-right:10%}.flex-offset-md-15,.layout-margin .flex-offset-md-15,.layout-margin .offset-md-15,.offset-md-15{margin-left:15%}[dir=rtl] .flex-offset-md-15,[dir=rtl] .layout-margin .flex-offset-md-15,[dir=rtl] .layout-margin .offset-md-15,[dir=rtl] .offset-md-15{margin-left:auto;margin-right:15%}.flex-offset-md-20,.layout-margin .flex-offset-md-20,.layout-margin .offset-md-20,.offset-md-20{margin-left:20%}[dir=rtl] .flex-offset-md-20,[dir=rtl] .layout-margin .flex-offset-md-20,[dir=rtl] .layout-margin .offset-md-20,[dir=rtl] .offset-md-20{margin-left:auto;margin-right:20%}.flex-offset-md-25,.layout-margin .flex-offset-md-25,.layout-margin .offset-md-25,.offset-md-25{margin-left:25%}[dir=rtl] .flex-offset-md-25,[dir=rtl] .layout-margin .flex-offset-md-25,[dir=rtl] .layout-margin .offset-md-25,[dir=rtl] .offset-md-25{margin-left:auto;margin-right:25%}.flex-offset-md-30,.layout-margin .flex-offset-md-30,.layout-margin .offset-md-30,.offset-md-30{margin-left:30%}[dir=rtl] .flex-offset-md-30,[dir=rtl] .layout-margin .flex-offset-md-30,[dir=rtl] .layout-margin .offset-md-30,[dir=rtl] .offset-md-30{margin-left:auto;margin-right:30%}.flex-offset-md-35,.layout-margin .flex-offset-md-35,.layout-margin .offset-md-35,.offset-md-35{margin-left:35%}[dir=rtl] .flex-offset-md-35,[dir=rtl] .layout-margin .flex-offset-md-35,[dir=rtl] .layout-margin .offset-md-35,[dir=rtl] .offset-md-35{margin-left:auto;margin-right:35%}.flex-offset-md-40,.layout-margin .flex-offset-md-40,.layout-margin .offset-md-40,.offset-md-40{margin-left:40%}[dir=rtl] .flex-offset-md-40,[dir=rtl] .layout-margin .flex-offset-md-40,[dir=rtl] .layout-margin .offset-md-40,[dir=rtl] .offset-md-40{margin-left:auto;margin-right:40%}.flex-offset-md-45,.layout-margin .flex-offset-md-45,.layout-margin .offset-md-45,.offset-md-45{margin-left:45%}[dir=rtl] .flex-offset-md-45,[dir=rtl] .layout-margin .flex-offset-md-45,[dir=rtl] .layout-margin .offset-md-45,[dir=rtl] .offset-md-45{margin-left:auto;margin-right:45%}.flex-offset-md-50,.layout-margin .flex-offset-md-50,.layout-margin .offset-md-50,.offset-md-50{margin-left:50%}[dir=rtl] .flex-offset-md-50,[dir=rtl] .layout-margin .flex-offset-md-50,[dir=rtl] .layout-margin .offset-md-50,[dir=rtl] .offset-md-50{margin-left:auto;margin-right:50%}.flex-offset-md-55,.layout-margin .flex-offset-md-55,.layout-margin .offset-md-55,.offset-md-55{margin-left:55%}[dir=rtl] .flex-offset-md-55,[dir=rtl] .layout-margin .flex-offset-md-55,[dir=rtl] .layout-margin .offset-md-55,[dir=rtl] .offset-md-55{margin-left:auto;margin-right:55%}.flex-offset-md-60,.layout-margin .flex-offset-md-60,.layout-margin .offset-md-60,.offset-md-60{margin-left:60%}[dir=rtl] .flex-offset-md-60,[dir=rtl] .layout-margin .flex-offset-md-60,[dir=rtl] .layout-margin .offset-md-60,[dir=rtl] .offset-md-60{margin-left:auto;margin-right:60%}.flex-offset-md-65,.layout-margin .flex-offset-md-65,.layout-margin .offset-md-65,.offset-md-65{margin-left:65%}[dir=rtl] .flex-offset-md-65,[dir=rtl] .layout-margin .flex-offset-md-65,[dir=rtl] .layout-margin .offset-md-65,[dir=rtl] .offset-md-65{margin-left:auto;margin-right:65%}.flex-offset-md-70,.layout-margin .flex-offset-md-70,.layout-margin .offset-md-70,.offset-md-70{margin-left:70%}[dir=rtl] .flex-offset-md-70,[dir=rtl] .layout-margin .flex-offset-md-70,[dir=rtl] .layout-margin .offset-md-70,[dir=rtl] .offset-md-70{margin-left:auto;margin-right:70%}.flex-offset-md-75,.layout-margin .flex-offset-md-75,.layout-margin .offset-md-75,.offset-md-75{margin-left:75%}[dir=rtl] .flex-offset-md-75,[dir=rtl] .layout-margin .flex-offset-md-75,[dir=rtl] .layout-margin .offset-md-75,[dir=rtl] .offset-md-75{margin-left:auto;margin-right:75%}.flex-offset-md-80,.layout-margin .flex-offset-md-80,.layout-margin .offset-md-80,.offset-md-80{margin-left:80%}[dir=rtl] .flex-offset-md-80,[dir=rtl] .layout-margin .flex-offset-md-80,[dir=rtl] .layout-margin .offset-md-80,[dir=rtl] .offset-md-80{margin-left:auto;margin-right:80%}.flex-offset-md-85,.layout-margin .flex-offset-md-85,.layout-margin .offset-md-85,.offset-md-85{margin-left:85%}[dir=rtl] .flex-offset-md-85,[dir=rtl] .layout-margin .flex-offset-md-85,[dir=rtl] .layout-margin .offset-md-85,[dir=rtl] .offset-md-85{margin-left:auto;margin-right:85%}.flex-offset-md-90,.layout-margin .flex-offset-md-90,.layout-margin .offset-md-90,.offset-md-90{margin-left:90%}[dir=rtl] .flex-offset-md-90,[dir=rtl] .layout-margin .flex-offset-md-90,[dir=rtl] .layout-margin .offset-md-90,[dir=rtl] .offset-md-90{margin-left:auto;margin-right:90%}.flex-offset-md-95,.layout-margin .flex-offset-md-95,.layout-margin .offset-md-95,.offset-md-95{margin-left:95%}[dir=rtl] .flex-offset-md-95,[dir=rtl] .layout-margin .flex-offset-md-95,[dir=rtl] .layout-margin .offset-md-95,[dir=rtl] .offset-md-95{margin-left:auto;margin-right:95%}.flex-offset-md-33,.layout-margin .flex-offset-md-33,.layout-margin .offset-md-33,.offset-md-33{margin-left:33.33333%}.flex-offset-md-66,.layout-margin .flex-offset-md-66,.layout-margin .offset-md-66,.offset-md-66{margin-left:66.66667%}[dir=rtl] .flex-offset-md-66,[dir=rtl] .layout-margin .flex-offset-md-66,[dir=rtl] .layout-margin .offset-md-66,[dir=rtl] .offset-md-66{margin-left:auto;margin-right:66.66667%}.layout-align-md,.layout-align-md-start-stretch{align-content:stretch;align-items:stretch}.layout-align-md,.layout-align-md-start,.layout-align-md-start-center,.layout-align-md-start-end,.layout-align-md-start-start,.layout-align-md-start-stretch{justify-content:flex-start}.layout-align-md-center,.layout-align-md-center-center,.layout-align-md-center-end,.layout-align-md-center-start,.layout-align-md-center-stretch{justify-content:center}.layout-align-md-end,.layout-align-md-end-center,.layout-align-md-end-end,.layout-align-md-end-start,.layout-align-md-end-stretch{justify-content:flex-end}.layout-align-md-space-around,.layout-align-md-space-around-center,.layout-align-md-space-around-end,.layout-align-md-space-around-start,.layout-align-md-space-around-stretch{justify-content:space-around}.layout-align-md-space-between,.layout-align-md-space-between-center,.layout-align-md-space-between-end,.layout-align-md-space-between-start,.layout-align-md-space-between-stretch{justify-content:space-between}.layout-align-md-center-start,.layout-align-md-end-start,.layout-align-md-space-around-start,.layout-align-md-space-between-start,.layout-align-md-start-start{align-items:flex-start;align-content:flex-start}.layout-align-md-center-center,.layout-align-md-end-center,.layout-align-md-space-around-center,.layout-align-md-space-between-center,.layout-align-md-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-md-center-center>*,.layout-align-md-end-center>*,.layout-align-md-space-around-center>*,.layout-align-md-space-between-center>*,.layout-align-md-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-md-center-end,.layout-align-md-end-end,.layout-align-md-space-around-end,.layout-align-md-space-between-end,.layout-align-md-start-end{align-items:flex-end;align-content:flex-end}.layout-align-md-center-stretch,.layout-align-md-end-stretch,.layout-align-md-space-around-stretch,.layout-align-md-space-between-stretch,.layout-align-md-start-stretch{align-items:stretch;align-content:stretch}.flex-md{flex:1}.flex-md,.flex-md-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-md-grow{flex:1 1 100%}.flex-md-initial{flex:0 1 auto;box-sizing:border-box}.flex-md-auto{flex:1 1 auto;box-sizing:border-box}.flex-md-none{flex:0 0 auto;box-sizing:border-box}.flex-md-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-md-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-md-0,.layout-row>.flex-md-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-md-0{min-width:0}.layout-column>.flex-md-0{max-width:100%;max-height:0%}.layout-column>.flex-md-0,.layout-md-row>.flex-md-0{flex:1 1 100%;box-sizing:border-box}.layout-md-row>.flex-md-0{max-width:0;max-height:100%;min-width:0}.layout-md-column>.flex-md-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-md-5,.layout-row>.flex-md-5{max-width:5%;max-height:100%}.flex-md-5,.layout-column>.flex-md-5,.layout-row>.flex-md-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-5{max-width:100%;max-height:5%}.layout-md-row>.flex-md-5{max-width:5%;max-height:100%}.layout-md-column>.flex-md-5,.layout-md-row>.flex-md-5{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-5{max-width:100%;max-height:5%}.flex-md-10,.layout-row>.flex-md-10{max-width:10%;max-height:100%}.flex-md-10,.layout-column>.flex-md-10,.layout-row>.flex-md-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-10{max-width:100%;max-height:10%}.layout-md-row>.flex-md-10{max-width:10%;max-height:100%}.layout-md-column>.flex-md-10,.layout-md-row>.flex-md-10{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-10{max-width:100%;max-height:10%}.flex-md-15,.layout-row>.flex-md-15{max-width:15%;max-height:100%}.flex-md-15,.layout-column>.flex-md-15,.layout-row>.flex-md-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-15{max-width:100%;max-height:15%}.layout-md-row>.flex-md-15{max-width:15%;max-height:100%}.layout-md-column>.flex-md-15,.layout-md-row>.flex-md-15{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-15{max-width:100%;max-height:15%}.flex-md-20,.layout-row>.flex-md-20{max-width:20%;max-height:100%}.flex-md-20,.layout-column>.flex-md-20,.layout-row>.flex-md-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-20{max-width:100%;max-height:20%}.layout-md-row>.flex-md-20{max-width:20%;max-height:100%}.layout-md-column>.flex-md-20,.layout-md-row>.flex-md-20{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-20{max-width:100%;max-height:20%}.flex-md-25,.layout-row>.flex-md-25{max-width:25%;max-height:100%}.flex-md-25,.layout-column>.flex-md-25,.layout-row>.flex-md-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-25{max-width:100%;max-height:25%}.layout-md-row>.flex-md-25{max-width:25%;max-height:100%}.layout-md-column>.flex-md-25,.layout-md-row>.flex-md-25{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-25{max-width:100%;max-height:25%}.flex-md-30,.layout-row>.flex-md-30{max-width:30%;max-height:100%}.flex-md-30,.layout-column>.flex-md-30,.layout-row>.flex-md-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-30{max-width:100%;max-height:30%}.layout-md-row>.flex-md-30{max-width:30%;max-height:100%}.layout-md-column>.flex-md-30,.layout-md-row>.flex-md-30{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-30{max-width:100%;max-height:30%}.flex-md-35,.layout-row>.flex-md-35{max-width:35%;max-height:100%}.flex-md-35,.layout-column>.flex-md-35,.layout-row>.flex-md-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-35{max-width:100%;max-height:35%}.layout-md-row>.flex-md-35{max-width:35%;max-height:100%}.layout-md-column>.flex-md-35,.layout-md-row>.flex-md-35{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-35{max-width:100%;max-height:35%}.flex-md-40,.layout-row>.flex-md-40{max-width:40%;max-height:100%}.flex-md-40,.layout-column>.flex-md-40,.layout-row>.flex-md-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-40{max-width:100%;max-height:40%}.layout-md-row>.flex-md-40{max-width:40%;max-height:100%}.layout-md-column>.flex-md-40,.layout-md-row>.flex-md-40{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-40{max-width:100%;max-height:40%}.flex-md-45,.layout-row>.flex-md-45{max-width:45%;max-height:100%}.flex-md-45,.layout-column>.flex-md-45,.layout-row>.flex-md-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-45{max-width:100%;max-height:45%}.layout-md-row>.flex-md-45{max-width:45%;max-height:100%}.layout-md-column>.flex-md-45,.layout-md-row>.flex-md-45{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-45{max-width:100%;max-height:45%}.flex-md-50,.layout-row>.flex-md-50{max-width:50%;max-height:100%}.flex-md-50,.layout-column>.flex-md-50,.layout-row>.flex-md-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-50{max-width:100%;max-height:50%}.layout-md-row>.flex-md-50{max-width:50%;max-height:100%}.layout-md-column>.flex-md-50,.layout-md-row>.flex-md-50{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-50{max-width:100%;max-height:50%}.flex-md-55,.layout-row>.flex-md-55{max-width:55%;max-height:100%}.flex-md-55,.layout-column>.flex-md-55,.layout-row>.flex-md-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-55{max-width:100%;max-height:55%}.layout-md-row>.flex-md-55{max-width:55%;max-height:100%}.layout-md-column>.flex-md-55,.layout-md-row>.flex-md-55{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-55{max-width:100%;max-height:55%}.flex-md-60,.layout-row>.flex-md-60{max-width:60%;max-height:100%}.flex-md-60,.layout-column>.flex-md-60,.layout-row>.flex-md-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-60{max-width:100%;max-height:60%}.layout-md-row>.flex-md-60{max-width:60%;max-height:100%}.layout-md-column>.flex-md-60,.layout-md-row>.flex-md-60{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-60{max-width:100%;max-height:60%}.flex-md-65,.layout-row>.flex-md-65{max-width:65%;max-height:100%}.flex-md-65,.layout-column>.flex-md-65,.layout-row>.flex-md-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-65{max-width:100%;max-height:65%}.layout-md-row>.flex-md-65{max-width:65%;max-height:100%}.layout-md-column>.flex-md-65,.layout-md-row>.flex-md-65{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-65{max-width:100%;max-height:65%}.flex-md-70,.layout-row>.flex-md-70{max-width:70%;max-height:100%}.flex-md-70,.layout-column>.flex-md-70,.layout-row>.flex-md-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-70{max-width:100%;max-height:70%}.layout-md-row>.flex-md-70{max-width:70%;max-height:100%}.layout-md-column>.flex-md-70,.layout-md-row>.flex-md-70{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-70{max-width:100%;max-height:70%}.flex-md-75,.layout-row>.flex-md-75{max-width:75%;max-height:100%}.flex-md-75,.layout-column>.flex-md-75,.layout-row>.flex-md-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-75{max-width:100%;max-height:75%}.layout-md-row>.flex-md-75{max-width:75%;max-height:100%}.layout-md-column>.flex-md-75,.layout-md-row>.flex-md-75{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-75{max-width:100%;max-height:75%}.flex-md-80,.layout-row>.flex-md-80{max-width:80%;max-height:100%}.flex-md-80,.layout-column>.flex-md-80,.layout-row>.flex-md-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-80{max-width:100%;max-height:80%}.layout-md-row>.flex-md-80{max-width:80%;max-height:100%}.layout-md-column>.flex-md-80,.layout-md-row>.flex-md-80{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-80{max-width:100%;max-height:80%}.flex-md-85,.layout-row>.flex-md-85{max-width:85%;max-height:100%}.flex-md-85,.layout-column>.flex-md-85,.layout-row>.flex-md-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-85{max-width:100%;max-height:85%}.layout-md-row>.flex-md-85{max-width:85%;max-height:100%}.layout-md-column>.flex-md-85,.layout-md-row>.flex-md-85{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-85{max-width:100%;max-height:85%}.flex-md-90,.layout-row>.flex-md-90{max-width:90%;max-height:100%}.flex-md-90,.layout-column>.flex-md-90,.layout-row>.flex-md-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-90{max-width:100%;max-height:90%}.layout-md-row>.flex-md-90{max-width:90%;max-height:100%}.layout-md-column>.flex-md-90,.layout-md-row>.flex-md-90{flex:1 1 100%;box-sizing:border-box}.layout-md-column>.flex-md-90{max-width:100%;max-height:90%}.flex-md-95,.layout-row>.flex-md-95{max-width:95%;max-height:100%}.flex-md-95,.layout-column>.flex-md-95,.layout-row>.flex-md-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-md-95{max-width:100%;max-height:95%}.layout-md-row>.flex-md-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-md-column>.flex-md-95{max-height:95%}.flex-md-100,.layout-md-column>.flex-md-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-md-100{max-height:100%}.layout-column>.flex-md-100,.layout-md-column>.flex-md-100,.layout-md-row>.flex-md-100,.layout-row>.flex-md-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-md-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-md-33,.layout-row>.flex-md-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-md-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-md-33{flex:1 1 33.33%;max-height:33.33%}.layout-column>.flex-md-33,.layout-column>.flex-md-66{-webkit-box-flex:1;max-width:100%;box-sizing:border-box}.layout-column>.flex-md-66{flex:1 1 66.66%;max-height:66.66%}.layout-md-row>.flex-md-33{max-width:33.33%}.layout-md-row>.flex-md-33,.layout-md-row>.flex-md-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-md-row>.flex-md-66{max-width:66.66%}.layout-md-row>.flex{min-width:0}.layout-md-column>.flex-md-33{max-height:33.33%}.layout-md-column>.flex-md-33,.layout-md-column>.flex-md-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-md-column>.flex-md-66{max-height:66.66%}.layout-md-column>.flex{min-height:0}.layout-md,.layout-md-column,.layout-md-row{box-sizing:border-box;display:flex}.layout-md-column{flex-direction:column}.layout-md-row{flex-direction:row}}@media (min-width:1280px){.flex-order-gt-md--20{order:-20}.flex-order-gt-md--19{order:-19}.flex-order-gt-md--18{order:-18}.flex-order-gt-md--17{order:-17}.flex-order-gt-md--16{order:-16}.flex-order-gt-md--15{order:-15}.flex-order-gt-md--14{order:-14}.flex-order-gt-md--13{order:-13}.flex-order-gt-md--12{order:-12}.flex-order-gt-md--11{order:-11}.flex-order-gt-md--10{order:-10}.flex-order-gt-md--9{order:-9}.flex-order-gt-md--8{order:-8}.flex-order-gt-md--7{order:-7}.flex-order-gt-md--6{order:-6}.flex-order-gt-md--5{order:-5}.flex-order-gt-md--4{order:-4}.flex-order-gt-md--3{order:-3}.flex-order-gt-md--2{order:-2}.flex-order-gt-md--1{order:-1}.flex-order-gt-md-0{order:0}.flex-order-gt-md-1{order:1}.flex-order-gt-md-2{order:2}.flex-order-gt-md-3{order:3}.flex-order-gt-md-4{order:4}.flex-order-gt-md-5{order:5}.flex-order-gt-md-6{order:6}.flex-order-gt-md-7{order:7}.flex-order-gt-md-8{order:8}.flex-order-gt-md-9{order:9}.flex-order-gt-md-10{order:10}.flex-order-gt-md-11{order:11}.flex-order-gt-md-12{order:12}.flex-order-gt-md-13{order:13}.flex-order-gt-md-14{order:14}.flex-order-gt-md-15{order:15}.flex-order-gt-md-16{order:16}.flex-order-gt-md-17{order:17}.flex-order-gt-md-18{order:18}.flex-order-gt-md-19{order:19}.flex-order-gt-md-20{order:20}.flex-offset-gt-md-0,.layout-margin .flex-offset-gt-md-0,.layout-margin .offset-gt-md-0,.offset-gt-md-0{margin-left:0}[dir=rtl] .flex-offset-gt-md-0,[dir=rtl] .layout-margin .flex-offset-gt-md-0,[dir=rtl] .layout-margin .offset-gt-md-0,[dir=rtl] .offset-gt-md-0{margin-left:auto;margin-right:0}.flex-offset-gt-md-5,.layout-margin .flex-offset-gt-md-5,.layout-margin .offset-gt-md-5,.offset-gt-md-5{margin-left:5%}[dir=rtl] .flex-offset-gt-md-5,[dir=rtl] .layout-margin .flex-offset-gt-md-5,[dir=rtl] .layout-margin .offset-gt-md-5,[dir=rtl] .offset-gt-md-5{margin-left:auto;margin-right:5%}.flex-offset-gt-md-10,.layout-margin .flex-offset-gt-md-10,.layout-margin .offset-gt-md-10,.offset-gt-md-10{margin-left:10%}[dir=rtl] .flex-offset-gt-md-10,[dir=rtl] .layout-margin .flex-offset-gt-md-10,[dir=rtl] .layout-margin .offset-gt-md-10,[dir=rtl] .offset-gt-md-10{margin-left:auto;margin-right:10%}.flex-offset-gt-md-15,.layout-margin .flex-offset-gt-md-15,.layout-margin .offset-gt-md-15,.offset-gt-md-15{margin-left:15%}[dir=rtl] .flex-offset-gt-md-15,[dir=rtl] .layout-margin .flex-offset-gt-md-15,[dir=rtl] .layout-margin .offset-gt-md-15,[dir=rtl] .offset-gt-md-15{margin-left:auto;margin-right:15%}.flex-offset-gt-md-20,.layout-margin .flex-offset-gt-md-20,.layout-margin .offset-gt-md-20,.offset-gt-md-20{margin-left:20%}[dir=rtl] .flex-offset-gt-md-20,[dir=rtl] .layout-margin .flex-offset-gt-md-20,[dir=rtl] .layout-margin .offset-gt-md-20,[dir=rtl] .offset-gt-md-20{margin-left:auto;margin-right:20%}.flex-offset-gt-md-25,.layout-margin .flex-offset-gt-md-25,.layout-margin .offset-gt-md-25,.offset-gt-md-25{margin-left:25%}[dir=rtl] .flex-offset-gt-md-25,[dir=rtl] .layout-margin .flex-offset-gt-md-25,[dir=rtl] .layout-margin .offset-gt-md-25,[dir=rtl] .offset-gt-md-25{margin-left:auto;margin-right:25%}.flex-offset-gt-md-30,.layout-margin .flex-offset-gt-md-30,.layout-margin .offset-gt-md-30,.offset-gt-md-30{margin-left:30%}[dir=rtl] .flex-offset-gt-md-30,[dir=rtl] .layout-margin .flex-offset-gt-md-30,[dir=rtl] .layout-margin .offset-gt-md-30,[dir=rtl] .offset-gt-md-30{margin-left:auto;margin-right:30%}.flex-offset-gt-md-35,.layout-margin .flex-offset-gt-md-35,.layout-margin .offset-gt-md-35,.offset-gt-md-35{margin-left:35%}[dir=rtl] .flex-offset-gt-md-35,[dir=rtl] .layout-margin .flex-offset-gt-md-35,[dir=rtl] .layout-margin .offset-gt-md-35,[dir=rtl] .offset-gt-md-35{margin-left:auto;margin-right:35%}.flex-offset-gt-md-40,.layout-margin .flex-offset-gt-md-40,.layout-margin .offset-gt-md-40,.offset-gt-md-40{margin-left:40%}[dir=rtl] .flex-offset-gt-md-40,[dir=rtl] .layout-margin .flex-offset-gt-md-40,[dir=rtl] .layout-margin .offset-gt-md-40,[dir=rtl] .offset-gt-md-40{margin-left:auto;margin-right:40%}.flex-offset-gt-md-45,.layout-margin .flex-offset-gt-md-45,.layout-margin .offset-gt-md-45,.offset-gt-md-45{margin-left:45%}[dir=rtl] .flex-offset-gt-md-45,[dir=rtl] .layout-margin .flex-offset-gt-md-45,[dir=rtl] .layout-margin .offset-gt-md-45,[dir=rtl] .offset-gt-md-45{margin-left:auto;margin-right:45%}.flex-offset-gt-md-50,.layout-margin .flex-offset-gt-md-50,.layout-margin .offset-gt-md-50,.offset-gt-md-50{margin-left:50%}[dir=rtl] .flex-offset-gt-md-50,[dir=rtl] .layout-margin .flex-offset-gt-md-50,[dir=rtl] .layout-margin .offset-gt-md-50,[dir=rtl] .offset-gt-md-50{margin-left:auto;margin-right:50%}.flex-offset-gt-md-55,.layout-margin .flex-offset-gt-md-55,.layout-margin .offset-gt-md-55,.offset-gt-md-55{margin-left:55%}[dir=rtl] .flex-offset-gt-md-55,[dir=rtl] .layout-margin .flex-offset-gt-md-55,[dir=rtl] .layout-margin .offset-gt-md-55,[dir=rtl] .offset-gt-md-55{margin-left:auto;margin-right:55%}.flex-offset-gt-md-60,.layout-margin .flex-offset-gt-md-60,.layout-margin .offset-gt-md-60,.offset-gt-md-60{margin-left:60%}[dir=rtl] .flex-offset-gt-md-60,[dir=rtl] .layout-margin .flex-offset-gt-md-60,[dir=rtl] .layout-margin .offset-gt-md-60,[dir=rtl] .offset-gt-md-60{margin-left:auto;margin-right:60%}.flex-offset-gt-md-65,.layout-margin .flex-offset-gt-md-65,.layout-margin .offset-gt-md-65,.offset-gt-md-65{margin-left:65%}[dir=rtl] .flex-offset-gt-md-65,[dir=rtl] .layout-margin .flex-offset-gt-md-65,[dir=rtl] .layout-margin .offset-gt-md-65,[dir=rtl] .offset-gt-md-65{margin-left:auto;margin-right:65%}.flex-offset-gt-md-70,.layout-margin .flex-offset-gt-md-70,.layout-margin .offset-gt-md-70,.offset-gt-md-70{margin-left:70%}[dir=rtl] .flex-offset-gt-md-70,[dir=rtl] .layout-margin .flex-offset-gt-md-70,[dir=rtl] .layout-margin .offset-gt-md-70,[dir=rtl] .offset-gt-md-70{margin-left:auto;margin-right:70%}.flex-offset-gt-md-75,.layout-margin .flex-offset-gt-md-75,.layout-margin .offset-gt-md-75,.offset-gt-md-75{margin-left:75%}[dir=rtl] .flex-offset-gt-md-75,[dir=rtl] .layout-margin .flex-offset-gt-md-75,[dir=rtl] .layout-margin .offset-gt-md-75,[dir=rtl] .offset-gt-md-75{margin-left:auto;margin-right:75%}.flex-offset-gt-md-80,.layout-margin .flex-offset-gt-md-80,.layout-margin .offset-gt-md-80,.offset-gt-md-80{margin-left:80%}[dir=rtl] .flex-offset-gt-md-80,[dir=rtl] .layout-margin .flex-offset-gt-md-80,[dir=rtl] .layout-margin .offset-gt-md-80,[dir=rtl] .offset-gt-md-80{margin-left:auto;margin-right:80%}.flex-offset-gt-md-85,.layout-margin .flex-offset-gt-md-85,.layout-margin .offset-gt-md-85,.offset-gt-md-85{margin-left:85%}[dir=rtl] .flex-offset-gt-md-85,[dir=rtl] .layout-margin .flex-offset-gt-md-85,[dir=rtl] .layout-margin .offset-gt-md-85,[dir=rtl] .offset-gt-md-85{margin-left:auto;margin-right:85%}.flex-offset-gt-md-90,.layout-margin .flex-offset-gt-md-90,.layout-margin .offset-gt-md-90,.offset-gt-md-90{margin-left:90%}[dir=rtl] .flex-offset-gt-md-90,[dir=rtl] .layout-margin .flex-offset-gt-md-90,[dir=rtl] .layout-margin .offset-gt-md-90,[dir=rtl] .offset-gt-md-90{margin-left:auto;margin-right:90%}.flex-offset-gt-md-95,.layout-margin .flex-offset-gt-md-95,.layout-margin .offset-gt-md-95,.offset-gt-md-95{margin-left:95%}[dir=rtl] .flex-offset-gt-md-95,[dir=rtl] .layout-margin .flex-offset-gt-md-95,[dir=rtl] .layout-margin .offset-gt-md-95,[dir=rtl] .offset-gt-md-95{margin-left:auto;margin-right:95%}.flex-offset-gt-md-33,.layout-margin .flex-offset-gt-md-33,.layout-margin .offset-gt-md-33,.offset-gt-md-33{margin-left:33.33333%}.flex-offset-gt-md-66,.layout-margin .flex-offset-gt-md-66,.layout-margin .offset-gt-md-66,.offset-gt-md-66{margin-left:66.66667%}[dir=rtl] .flex-offset-gt-md-66,[dir=rtl] .layout-margin .flex-offset-gt-md-66,[dir=rtl] .layout-margin .offset-gt-md-66,[dir=rtl] .offset-gt-md-66{margin-left:auto;margin-right:66.66667%}.layout-align-gt-md,.layout-align-gt-md-start-stretch{align-content:stretch;align-items:stretch}.layout-align-gt-md,.layout-align-gt-md-start,.layout-align-gt-md-start-center,.layout-align-gt-md-start-end,.layout-align-gt-md-start-start,.layout-align-gt-md-start-stretch{justify-content:flex-start}.layout-align-gt-md-center,.layout-align-gt-md-center-center,.layout-align-gt-md-center-end,.layout-align-gt-md-center-start,.layout-align-gt-md-center-stretch{justify-content:center}.layout-align-gt-md-end,.layout-align-gt-md-end-center,.layout-align-gt-md-end-end,.layout-align-gt-md-end-start,.layout-align-gt-md-end-stretch{justify-content:flex-end}.layout-align-gt-md-space-around,.layout-align-gt-md-space-around-center,.layout-align-gt-md-space-around-end,.layout-align-gt-md-space-around-start,.layout-align-gt-md-space-around-stretch{justify-content:space-around}.layout-align-gt-md-space-between,.layout-align-gt-md-space-between-center,.layout-align-gt-md-space-between-end,.layout-align-gt-md-space-between-start,.layout-align-gt-md-space-between-stretch{justify-content:space-between}.layout-align-gt-md-center-start,.layout-align-gt-md-end-start,.layout-align-gt-md-space-around-start,.layout-align-gt-md-space-between-start,.layout-align-gt-md-start-start{align-items:flex-start;align-content:flex-start}.layout-align-gt-md-center-center,.layout-align-gt-md-end-center,.layout-align-gt-md-space-around-center,.layout-align-gt-md-space-between-center,.layout-align-gt-md-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-gt-md-center-center>*,.layout-align-gt-md-end-center>*,.layout-align-gt-md-space-around-center>*,.layout-align-gt-md-space-between-center>*,.layout-align-gt-md-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-gt-md-center-end,.layout-align-gt-md-end-end,.layout-align-gt-md-space-around-end,.layout-align-gt-md-space-between-end,.layout-align-gt-md-start-end{align-items:flex-end;align-content:flex-end}.layout-align-gt-md-center-stretch,.layout-align-gt-md-end-stretch,.layout-align-gt-md-space-around-stretch,.layout-align-gt-md-space-between-stretch,.layout-align-gt-md-start-stretch{align-items:stretch;align-content:stretch}.flex-gt-md{flex:1}.flex-gt-md,.flex-gt-md-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-gt-md-grow{flex:1 1 100%}.flex-gt-md-initial{flex:0 1 auto;box-sizing:border-box}.flex-gt-md-auto{flex:1 1 auto;box-sizing:border-box}.flex-gt-md-none{flex:0 0 auto;box-sizing:border-box}.flex-gt-md-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-gt-md-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-gt-md-0,.layout-row>.flex-gt-md-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-md-0{min-width:0}.layout-column>.flex-gt-md-0{max-width:100%;max-height:0%}.layout-column>.flex-gt-md-0,.layout-gt-md-row>.flex-gt-md-0{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-row>.flex-gt-md-0{max-width:0;max-height:100%;min-width:0}.layout-gt-md-column>.flex-gt-md-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-gt-md-5,.layout-row>.flex-gt-md-5{max-width:5%;max-height:100%}.flex-gt-md-5,.layout-column>.flex-gt-md-5,.layout-row>.flex-gt-md-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-5{max-width:100%;max-height:5%}.layout-gt-md-row>.flex-gt-md-5{max-width:5%;max-height:100%}.layout-gt-md-column>.flex-gt-md-5,.layout-gt-md-row>.flex-gt-md-5{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-5{max-width:100%;max-height:5%}.flex-gt-md-10,.layout-row>.flex-gt-md-10{max-width:10%;max-height:100%}.flex-gt-md-10,.layout-column>.flex-gt-md-10,.layout-row>.flex-gt-md-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-10{max-width:100%;max-height:10%}.layout-gt-md-row>.flex-gt-md-10{max-width:10%;max-height:100%}.layout-gt-md-column>.flex-gt-md-10,.layout-gt-md-row>.flex-gt-md-10{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-10{max-width:100%;max-height:10%}.flex-gt-md-15,.layout-row>.flex-gt-md-15{max-width:15%;max-height:100%}.flex-gt-md-15,.layout-column>.flex-gt-md-15,.layout-row>.flex-gt-md-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-15{max-width:100%;max-height:15%}.layout-gt-md-row>.flex-gt-md-15{max-width:15%;max-height:100%}.layout-gt-md-column>.flex-gt-md-15,.layout-gt-md-row>.flex-gt-md-15{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-15{max-width:100%;max-height:15%}.flex-gt-md-20,.layout-row>.flex-gt-md-20{max-width:20%;max-height:100%}.flex-gt-md-20,.layout-column>.flex-gt-md-20,.layout-row>.flex-gt-md-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-20{max-width:100%;max-height:20%}.layout-gt-md-row>.flex-gt-md-20{max-width:20%;max-height:100%}.layout-gt-md-column>.flex-gt-md-20,.layout-gt-md-row>.flex-gt-md-20{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-20{max-width:100%;max-height:20%}.flex-gt-md-25,.layout-row>.flex-gt-md-25{max-width:25%;max-height:100%}.flex-gt-md-25,.layout-column>.flex-gt-md-25,.layout-row>.flex-gt-md-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-25{max-width:100%;max-height:25%}.layout-gt-md-row>.flex-gt-md-25{max-width:25%;max-height:100%}.layout-gt-md-column>.flex-gt-md-25,.layout-gt-md-row>.flex-gt-md-25{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-25{max-width:100%;max-height:25%}.flex-gt-md-30,.layout-row>.flex-gt-md-30{max-width:30%;max-height:100%}.flex-gt-md-30,.layout-column>.flex-gt-md-30,.layout-row>.flex-gt-md-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-30{max-width:100%;max-height:30%}.layout-gt-md-row>.flex-gt-md-30{max-width:30%;max-height:100%}.layout-gt-md-column>.flex-gt-md-30,.layout-gt-md-row>.flex-gt-md-30{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-30{max-width:100%;max-height:30%}.flex-gt-md-35,.layout-row>.flex-gt-md-35{max-width:35%;max-height:100%}.flex-gt-md-35,.layout-column>.flex-gt-md-35,.layout-row>.flex-gt-md-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-35{max-width:100%;max-height:35%}.layout-gt-md-row>.flex-gt-md-35{max-width:35%;max-height:100%}.layout-gt-md-column>.flex-gt-md-35,.layout-gt-md-row>.flex-gt-md-35{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-35{max-width:100%;max-height:35%}.flex-gt-md-40,.layout-row>.flex-gt-md-40{max-width:40%;max-height:100%}.flex-gt-md-40,.layout-column>.flex-gt-md-40,.layout-row>.flex-gt-md-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-40{max-width:100%;max-height:40%}.layout-gt-md-row>.flex-gt-md-40{max-width:40%;max-height:100%}.layout-gt-md-column>.flex-gt-md-40,.layout-gt-md-row>.flex-gt-md-40{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-40{max-width:100%;max-height:40%}.flex-gt-md-45,.layout-row>.flex-gt-md-45{max-width:45%;max-height:100%}.flex-gt-md-45,.layout-column>.flex-gt-md-45,.layout-row>.flex-gt-md-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-45{max-width:100%;max-height:45%}.layout-gt-md-row>.flex-gt-md-45{max-width:45%;max-height:100%}.layout-gt-md-column>.flex-gt-md-45,.layout-gt-md-row>.flex-gt-md-45{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-45{max-width:100%;max-height:45%}.flex-gt-md-50,.layout-row>.flex-gt-md-50{max-width:50%;max-height:100%}.flex-gt-md-50,.layout-column>.flex-gt-md-50,.layout-row>.flex-gt-md-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-50{max-width:100%;max-height:50%}.layout-gt-md-row>.flex-gt-md-50{max-width:50%;max-height:100%}.layout-gt-md-column>.flex-gt-md-50,.layout-gt-md-row>.flex-gt-md-50{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-50{max-width:100%;max-height:50%}.flex-gt-md-55,.layout-row>.flex-gt-md-55{max-width:55%;max-height:100%}.flex-gt-md-55,.layout-column>.flex-gt-md-55,.layout-row>.flex-gt-md-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-55{max-width:100%;max-height:55%}.layout-gt-md-row>.flex-gt-md-55{max-width:55%;max-height:100%}.layout-gt-md-column>.flex-gt-md-55,.layout-gt-md-row>.flex-gt-md-55{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-55{max-width:100%;max-height:55%}.flex-gt-md-60,.layout-row>.flex-gt-md-60{max-width:60%;max-height:100%}.flex-gt-md-60,.layout-column>.flex-gt-md-60,.layout-row>.flex-gt-md-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-60{max-width:100%;max-height:60%}.layout-gt-md-row>.flex-gt-md-60{max-width:60%;max-height:100%}.layout-gt-md-column>.flex-gt-md-60,.layout-gt-md-row>.flex-gt-md-60{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-60{max-width:100%;max-height:60%}.flex-gt-md-65,.layout-row>.flex-gt-md-65{max-width:65%;max-height:100%}.flex-gt-md-65,.layout-column>.flex-gt-md-65,.layout-row>.flex-gt-md-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-65{max-width:100%;max-height:65%}.layout-gt-md-row>.flex-gt-md-65{max-width:65%;max-height:100%}.layout-gt-md-column>.flex-gt-md-65,.layout-gt-md-row>.flex-gt-md-65{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-65{max-width:100%;max-height:65%}.flex-gt-md-70,.layout-row>.flex-gt-md-70{max-width:70%;max-height:100%}.flex-gt-md-70,.layout-column>.flex-gt-md-70,.layout-row>.flex-gt-md-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-70{max-width:100%;max-height:70%}.layout-gt-md-row>.flex-gt-md-70{max-width:70%;max-height:100%}.layout-gt-md-column>.flex-gt-md-70,.layout-gt-md-row>.flex-gt-md-70{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-70{max-width:100%;max-height:70%}.flex-gt-md-75,.layout-row>.flex-gt-md-75{max-width:75%;max-height:100%}.flex-gt-md-75,.layout-column>.flex-gt-md-75,.layout-row>.flex-gt-md-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-75{max-width:100%;max-height:75%}.layout-gt-md-row>.flex-gt-md-75{max-width:75%;max-height:100%}.layout-gt-md-column>.flex-gt-md-75,.layout-gt-md-row>.flex-gt-md-75{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-75{max-width:100%;max-height:75%}.flex-gt-md-80,.layout-row>.flex-gt-md-80{max-width:80%;max-height:100%}.flex-gt-md-80,.layout-column>.flex-gt-md-80,.layout-row>.flex-gt-md-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-80{max-width:100%;max-height:80%}.layout-gt-md-row>.flex-gt-md-80{max-width:80%;max-height:100%}.layout-gt-md-column>.flex-gt-md-80,.layout-gt-md-row>.flex-gt-md-80{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-80{max-width:100%;max-height:80%}.flex-gt-md-85,.layout-row>.flex-gt-md-85{max-width:85%;max-height:100%}.flex-gt-md-85,.layout-column>.flex-gt-md-85,.layout-row>.flex-gt-md-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-85{max-width:100%;max-height:85%}.layout-gt-md-row>.flex-gt-md-85{max-width:85%;max-height:100%}.layout-gt-md-column>.flex-gt-md-85,.layout-gt-md-row>.flex-gt-md-85{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-85{max-width:100%;max-height:85%}.flex-gt-md-90,.layout-row>.flex-gt-md-90{max-width:90%;max-height:100%}.flex-gt-md-90,.layout-column>.flex-gt-md-90,.layout-row>.flex-gt-md-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-90{max-width:100%;max-height:90%}.layout-gt-md-row>.flex-gt-md-90{max-width:90%;max-height:100%}.layout-gt-md-column>.flex-gt-md-90,.layout-gt-md-row>.flex-gt-md-90{flex:1 1 100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-90{max-width:100%;max-height:90%}.flex-gt-md-95,.layout-row>.flex-gt-md-95{max-width:95%;max-height:100%}.flex-gt-md-95,.layout-column>.flex-gt-md-95,.layout-row>.flex-gt-md-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-md-95{max-width:100%;max-height:95%}.layout-gt-md-row>.flex-gt-md-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-95{max-height:95%}.flex-gt-md-100,.layout-gt-md-column>.flex-gt-md-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-gt-md-100{max-height:100%}.layout-column>.flex-gt-md-100,.layout-gt-md-column>.flex-gt-md-100,.layout-gt-md-row>.flex-gt-md-100,.layout-row>.flex-gt-md-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-md-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-gt-md-33,.layout-row>.flex-gt-md-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-md-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-gt-md-33{flex:1 1 33.33%;max-width:100%;max-height:33.33%;box-sizing:border-box}.layout-column>.flex-gt-md-66{flex:1 1 66.66%;max-width:100%;max-height:66.66%;box-sizing:border-box}.layout-gt-md-row>.flex-gt-md-33{max-width:33.33%}.layout-gt-md-row>.flex-gt-md-33,.layout-gt-md-row>.flex-gt-md-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-gt-md-row>.flex-gt-md-66{max-width:66.66%}.layout-gt-md-row>.flex{min-width:0}.layout-gt-md-column>.flex-gt-md-33{max-height:33.33%}.layout-gt-md-column>.flex-gt-md-33,.layout-gt-md-column>.flex-gt-md-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-gt-md-column>.flex-gt-md-66{max-height:66.66%}.layout-gt-md-column>.flex{min-height:0}.layout-gt-md,.layout-gt-md-column,.layout-gt-md-row{box-sizing:border-box;display:flex}.layout-gt-md-column{flex-direction:column}.layout-gt-md-row{flex-direction:row}}@media (min-width:1280px) and (max-width:1919px){.hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),.hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),.hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show),.hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show){display:none}.flex-order-lg--20{order:-20}.flex-order-lg--19{order:-19}.flex-order-lg--18{order:-18}.flex-order-lg--17{order:-17}.flex-order-lg--16{order:-16}.flex-order-lg--15{order:-15}.flex-order-lg--14{order:-14}.flex-order-lg--13{order:-13}.flex-order-lg--12{order:-12}.flex-order-lg--11{order:-11}.flex-order-lg--10{order:-10}.flex-order-lg--9{order:-9}.flex-order-lg--8{order:-8}.flex-order-lg--7{order:-7}.flex-order-lg--6{order:-6}.flex-order-lg--5{order:-5}.flex-order-lg--4{order:-4}.flex-order-lg--3{order:-3}.flex-order-lg--2{order:-2}.flex-order-lg--1{order:-1}.flex-order-lg-0{order:0}.flex-order-lg-1{order:1}.flex-order-lg-2{order:2}.flex-order-lg-3{order:3}.flex-order-lg-4{order:4}.flex-order-lg-5{order:5}.flex-order-lg-6{order:6}.flex-order-lg-7{order:7}.flex-order-lg-8{order:8}.flex-order-lg-9{order:9}.flex-order-lg-10{order:10}.flex-order-lg-11{order:11}.flex-order-lg-12{order:12}.flex-order-lg-13{order:13}.flex-order-lg-14{order:14}.flex-order-lg-15{order:15}.flex-order-lg-16{order:16}.flex-order-lg-17{order:17}.flex-order-lg-18{order:18}.flex-order-lg-19{order:19}.flex-order-lg-20{order:20}.flex-offset-lg-0,.layout-margin .flex-offset-lg-0,.layout-margin .offset-lg-0,.offset-lg-0{margin-left:0}[dir=rtl] .flex-offset-lg-0,[dir=rtl] .layout-margin .flex-offset-lg-0,[dir=rtl] .layout-margin .offset-lg-0,[dir=rtl] .offset-lg-0{margin-left:auto;margin-right:0}.flex-offset-lg-5,.layout-margin .flex-offset-lg-5,.layout-margin .offset-lg-5,.offset-lg-5{margin-left:5%}[dir=rtl] .flex-offset-lg-5,[dir=rtl] .layout-margin .flex-offset-lg-5,[dir=rtl] .layout-margin .offset-lg-5,[dir=rtl] .offset-lg-5{margin-left:auto;margin-right:5%}.flex-offset-lg-10,.layout-margin .flex-offset-lg-10,.layout-margin .offset-lg-10,.offset-lg-10{margin-left:10%}[dir=rtl] .flex-offset-lg-10,[dir=rtl] .layout-margin .flex-offset-lg-10,[dir=rtl] .layout-margin .offset-lg-10,[dir=rtl] .offset-lg-10{margin-left:auto;margin-right:10%}.flex-offset-lg-15,.layout-margin .flex-offset-lg-15,.layout-margin .offset-lg-15,.offset-lg-15{margin-left:15%}[dir=rtl] .flex-offset-lg-15,[dir=rtl] .layout-margin .flex-offset-lg-15,[dir=rtl] .layout-margin .offset-lg-15,[dir=rtl] .offset-lg-15{margin-left:auto;margin-right:15%}.flex-offset-lg-20,.layout-margin .flex-offset-lg-20,.layout-margin .offset-lg-20,.offset-lg-20{margin-left:20%}[dir=rtl] .flex-offset-lg-20,[dir=rtl] .layout-margin .flex-offset-lg-20,[dir=rtl] .layout-margin .offset-lg-20,[dir=rtl] .offset-lg-20{margin-left:auto;margin-right:20%}.flex-offset-lg-25,.layout-margin .flex-offset-lg-25,.layout-margin .offset-lg-25,.offset-lg-25{margin-left:25%}[dir=rtl] .flex-offset-lg-25,[dir=rtl] .layout-margin .flex-offset-lg-25,[dir=rtl] .layout-margin .offset-lg-25,[dir=rtl] .offset-lg-25{margin-left:auto;margin-right:25%}.flex-offset-lg-30,.layout-margin .flex-offset-lg-30,.layout-margin .offset-lg-30,.offset-lg-30{margin-left:30%}[dir=rtl] .flex-offset-lg-30,[dir=rtl] .layout-margin .flex-offset-lg-30,[dir=rtl] .layout-margin .offset-lg-30,[dir=rtl] .offset-lg-30{margin-left:auto;margin-right:30%}.flex-offset-lg-35,.layout-margin .flex-offset-lg-35,.layout-margin .offset-lg-35,.offset-lg-35{margin-left:35%}[dir=rtl] .flex-offset-lg-35,[dir=rtl] .layout-margin .flex-offset-lg-35,[dir=rtl] .layout-margin .offset-lg-35,[dir=rtl] .offset-lg-35{margin-left:auto;margin-right:35%}.flex-offset-lg-40,.layout-margin .flex-offset-lg-40,.layout-margin .offset-lg-40,.offset-lg-40{margin-left:40%}[dir=rtl] .flex-offset-lg-40,[dir=rtl] .layout-margin .flex-offset-lg-40,[dir=rtl] .layout-margin .offset-lg-40,[dir=rtl] .offset-lg-40{margin-left:auto;margin-right:40%}.flex-offset-lg-45,.layout-margin .flex-offset-lg-45,.layout-margin .offset-lg-45,.offset-lg-45{margin-left:45%}[dir=rtl] .flex-offset-lg-45,[dir=rtl] .layout-margin .flex-offset-lg-45,[dir=rtl] .layout-margin .offset-lg-45,[dir=rtl] .offset-lg-45{margin-left:auto;margin-right:45%}.flex-offset-lg-50,.layout-margin .flex-offset-lg-50,.layout-margin .offset-lg-50,.offset-lg-50{margin-left:50%}[dir=rtl] .flex-offset-lg-50,[dir=rtl] .layout-margin .flex-offset-lg-50,[dir=rtl] .layout-margin .offset-lg-50,[dir=rtl] .offset-lg-50{margin-left:auto;margin-right:50%}.flex-offset-lg-55,.layout-margin .flex-offset-lg-55,.layout-margin .offset-lg-55,.offset-lg-55{margin-left:55%}[dir=rtl] .flex-offset-lg-55,[dir=rtl] .layout-margin .flex-offset-lg-55,[dir=rtl] .layout-margin .offset-lg-55,[dir=rtl] .offset-lg-55{margin-left:auto;margin-right:55%}.flex-offset-lg-60,.layout-margin .flex-offset-lg-60,.layout-margin .offset-lg-60,.offset-lg-60{margin-left:60%}[dir=rtl] .flex-offset-lg-60,[dir=rtl] .layout-margin .flex-offset-lg-60,[dir=rtl] .layout-margin .offset-lg-60,[dir=rtl] .offset-lg-60{margin-left:auto;margin-right:60%}.flex-offset-lg-65,.layout-margin .flex-offset-lg-65,.layout-margin .offset-lg-65,.offset-lg-65{margin-left:65%}[dir=rtl] .flex-offset-lg-65,[dir=rtl] .layout-margin .flex-offset-lg-65,[dir=rtl] .layout-margin .offset-lg-65,[dir=rtl] .offset-lg-65{margin-left:auto;margin-right:65%}.flex-offset-lg-70,.layout-margin .flex-offset-lg-70,.layout-margin .offset-lg-70,.offset-lg-70{margin-left:70%}[dir=rtl] .flex-offset-lg-70,[dir=rtl] .layout-margin .flex-offset-lg-70,[dir=rtl] .layout-margin .offset-lg-70,[dir=rtl] .offset-lg-70{margin-left:auto;margin-right:70%}.flex-offset-lg-75,.layout-margin .flex-offset-lg-75,.layout-margin .offset-lg-75,.offset-lg-75{margin-left:75%}[dir=rtl] .flex-offset-lg-75,[dir=rtl] .layout-margin .flex-offset-lg-75,[dir=rtl] .layout-margin .offset-lg-75,[dir=rtl] .offset-lg-75{margin-left:auto;margin-right:75%}.flex-offset-lg-80,.layout-margin .flex-offset-lg-80,.layout-margin .offset-lg-80,.offset-lg-80{margin-left:80%}[dir=rtl] .flex-offset-lg-80,[dir=rtl] .layout-margin .flex-offset-lg-80,[dir=rtl] .layout-margin .offset-lg-80,[dir=rtl] .offset-lg-80{margin-left:auto;margin-right:80%}.flex-offset-lg-85,.layout-margin .flex-offset-lg-85,.layout-margin .offset-lg-85,.offset-lg-85{margin-left:85%}[dir=rtl] .flex-offset-lg-85,[dir=rtl] .layout-margin .flex-offset-lg-85,[dir=rtl] .layout-margin .offset-lg-85,[dir=rtl] .offset-lg-85{margin-left:auto;margin-right:85%}.flex-offset-lg-90,.layout-margin .flex-offset-lg-90,.layout-margin .offset-lg-90,.offset-lg-90{margin-left:90%}[dir=rtl] .flex-offset-lg-90,[dir=rtl] .layout-margin .flex-offset-lg-90,[dir=rtl] .layout-margin .offset-lg-90,[dir=rtl] .offset-lg-90{margin-left:auto;margin-right:90%}.flex-offset-lg-95,.layout-margin .flex-offset-lg-95,.layout-margin .offset-lg-95,.offset-lg-95{margin-left:95%}[dir=rtl] .flex-offset-lg-95,[dir=rtl] .layout-margin .flex-offset-lg-95,[dir=rtl] .layout-margin .offset-lg-95,[dir=rtl] .offset-lg-95{margin-left:auto;margin-right:95%}.flex-offset-lg-33,.layout-margin .flex-offset-lg-33,.layout-margin .offset-lg-33,.offset-lg-33{margin-left:33.33333%}.flex-offset-lg-66,.layout-margin .flex-offset-lg-66,.layout-margin .offset-lg-66,.offset-lg-66{margin-left:66.66667%}[dir=rtl] .flex-offset-lg-66,[dir=rtl] .layout-margin .flex-offset-lg-66,[dir=rtl] .layout-margin .offset-lg-66,[dir=rtl] .offset-lg-66{margin-left:auto;margin-right:66.66667%}.layout-align-lg,.layout-align-lg-start-stretch{align-content:stretch;align-items:stretch}.layout-align-lg,.layout-align-lg-start,.layout-align-lg-start-center,.layout-align-lg-start-end,.layout-align-lg-start-start,.layout-align-lg-start-stretch{justify-content:flex-start}.layout-align-lg-center,.layout-align-lg-center-center,.layout-align-lg-center-end,.layout-align-lg-center-start,.layout-align-lg-center-stretch{justify-content:center}.layout-align-lg-end,.layout-align-lg-end-center,.layout-align-lg-end-end,.layout-align-lg-end-start,.layout-align-lg-end-stretch{justify-content:flex-end}.layout-align-lg-space-around,.layout-align-lg-space-around-center,.layout-align-lg-space-around-end,.layout-align-lg-space-around-start,.layout-align-lg-space-around-stretch{justify-content:space-around}.layout-align-lg-space-between,.layout-align-lg-space-between-center,.layout-align-lg-space-between-end,.layout-align-lg-space-between-start,.layout-align-lg-space-between-stretch{justify-content:space-between}.layout-align-lg-center-start,.layout-align-lg-end-start,.layout-align-lg-space-around-start,.layout-align-lg-space-between-start,.layout-align-lg-start-start{align-items:flex-start;align-content:flex-start}.layout-align-lg-center-center,.layout-align-lg-end-center,.layout-align-lg-space-around-center,.layout-align-lg-space-between-center,.layout-align-lg-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-lg-center-center>*,.layout-align-lg-end-center>*,.layout-align-lg-space-around-center>*,.layout-align-lg-space-between-center>*,.layout-align-lg-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-lg-center-end,.layout-align-lg-end-end,.layout-align-lg-space-around-end,.layout-align-lg-space-between-end,.layout-align-lg-start-end{align-items:flex-end;align-content:flex-end}.layout-align-lg-center-stretch,.layout-align-lg-end-stretch,.layout-align-lg-space-around-stretch,.layout-align-lg-space-between-stretch,.layout-align-lg-start-stretch{align-items:stretch;align-content:stretch}.flex-lg{flex:1}.flex-lg,.flex-lg-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-lg-grow{flex:1 1 100%}.flex-lg-initial{flex:0 1 auto;box-sizing:border-box}.flex-lg-auto{flex:1 1 auto;box-sizing:border-box}.flex-lg-none{flex:0 0 auto;box-sizing:border-box}.flex-lg-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-lg-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-lg-0,.layout-row>.flex-lg-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-lg-0{min-width:0}.layout-column>.flex-lg-0{max-width:100%;max-height:0%}.layout-column>.flex-lg-0,.layout-lg-row>.flex-lg-0{flex:1 1 100%;box-sizing:border-box}.layout-lg-row>.flex-lg-0{max-width:0;max-height:100%;min-width:0}.layout-lg-column>.flex-lg-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-lg-5,.layout-row>.flex-lg-5{max-width:5%;max-height:100%}.flex-lg-5,.layout-column>.flex-lg-5,.layout-row>.flex-lg-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-5{max-width:100%;max-height:5%}.layout-lg-row>.flex-lg-5{max-width:5%;max-height:100%}.layout-lg-column>.flex-lg-5,.layout-lg-row>.flex-lg-5{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-5{max-width:100%;max-height:5%}.flex-lg-10,.layout-row>.flex-lg-10{max-width:10%;max-height:100%}.flex-lg-10,.layout-column>.flex-lg-10,.layout-row>.flex-lg-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-10{max-width:100%;max-height:10%}.layout-lg-row>.flex-lg-10{max-width:10%;max-height:100%}.layout-lg-column>.flex-lg-10,.layout-lg-row>.flex-lg-10{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-10{max-width:100%;max-height:10%}.flex-lg-15,.layout-row>.flex-lg-15{max-width:15%;max-height:100%}.flex-lg-15,.layout-column>.flex-lg-15,.layout-row>.flex-lg-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-15{max-width:100%;max-height:15%}.layout-lg-row>.flex-lg-15{max-width:15%;max-height:100%}.layout-lg-column>.flex-lg-15,.layout-lg-row>.flex-lg-15{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-15{max-width:100%;max-height:15%}.flex-lg-20,.layout-row>.flex-lg-20{max-width:20%;max-height:100%}.flex-lg-20,.layout-column>.flex-lg-20,.layout-row>.flex-lg-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-20{max-width:100%;max-height:20%}.layout-lg-row>.flex-lg-20{max-width:20%;max-height:100%}.layout-lg-column>.flex-lg-20,.layout-lg-row>.flex-lg-20{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-20{max-width:100%;max-height:20%}.flex-lg-25,.layout-row>.flex-lg-25{max-width:25%;max-height:100%}.flex-lg-25,.layout-column>.flex-lg-25,.layout-row>.flex-lg-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-25{max-width:100%;max-height:25%}.layout-lg-row>.flex-lg-25{max-width:25%;max-height:100%}.layout-lg-column>.flex-lg-25,.layout-lg-row>.flex-lg-25{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-25{max-width:100%;max-height:25%}.flex-lg-30,.layout-row>.flex-lg-30{max-width:30%;max-height:100%}.flex-lg-30,.layout-column>.flex-lg-30,.layout-row>.flex-lg-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-30{max-width:100%;max-height:30%}.layout-lg-row>.flex-lg-30{max-width:30%;max-height:100%}.layout-lg-column>.flex-lg-30,.layout-lg-row>.flex-lg-30{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-30{max-width:100%;max-height:30%}.flex-lg-35,.layout-row>.flex-lg-35{max-width:35%;max-height:100%}.flex-lg-35,.layout-column>.flex-lg-35,.layout-row>.flex-lg-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-35{max-width:100%;max-height:35%}.layout-lg-row>.flex-lg-35{max-width:35%;max-height:100%}.layout-lg-column>.flex-lg-35,.layout-lg-row>.flex-lg-35{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-35{max-width:100%;max-height:35%}.flex-lg-40,.layout-row>.flex-lg-40{max-width:40%;max-height:100%}.flex-lg-40,.layout-column>.flex-lg-40,.layout-row>.flex-lg-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-40{max-width:100%;max-height:40%}.layout-lg-row>.flex-lg-40{max-width:40%;max-height:100%}.layout-lg-column>.flex-lg-40,.layout-lg-row>.flex-lg-40{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-40{max-width:100%;max-height:40%}.flex-lg-45,.layout-row>.flex-lg-45{max-width:45%;max-height:100%}.flex-lg-45,.layout-column>.flex-lg-45,.layout-row>.flex-lg-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-45{max-width:100%;max-height:45%}.layout-lg-row>.flex-lg-45{max-width:45%;max-height:100%}.layout-lg-column>.flex-lg-45,.layout-lg-row>.flex-lg-45{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-45{max-width:100%;max-height:45%}.flex-lg-50,.layout-row>.flex-lg-50{max-width:50%;max-height:100%}.flex-lg-50,.layout-column>.flex-lg-50,.layout-row>.flex-lg-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-50{max-width:100%;max-height:50%}.layout-lg-row>.flex-lg-50{max-width:50%;max-height:100%}.layout-lg-column>.flex-lg-50,.layout-lg-row>.flex-lg-50{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-50{max-width:100%;max-height:50%}.flex-lg-55,.layout-row>.flex-lg-55{max-width:55%;max-height:100%}.flex-lg-55,.layout-column>.flex-lg-55,.layout-row>.flex-lg-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-55{max-width:100%;max-height:55%}.layout-lg-row>.flex-lg-55{max-width:55%;max-height:100%}.layout-lg-column>.flex-lg-55,.layout-lg-row>.flex-lg-55{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-55{max-width:100%;max-height:55%}.flex-lg-60,.layout-row>.flex-lg-60{max-width:60%;max-height:100%}.flex-lg-60,.layout-column>.flex-lg-60,.layout-row>.flex-lg-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-60{max-width:100%;max-height:60%}.layout-lg-row>.flex-lg-60{max-width:60%;max-height:100%}.layout-lg-column>.flex-lg-60,.layout-lg-row>.flex-lg-60{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-60{max-width:100%;max-height:60%}.flex-lg-65,.layout-row>.flex-lg-65{max-width:65%;max-height:100%}.flex-lg-65,.layout-column>.flex-lg-65,.layout-row>.flex-lg-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-65{max-width:100%;max-height:65%}.layout-lg-row>.flex-lg-65{max-width:65%;max-height:100%}.layout-lg-column>.flex-lg-65,.layout-lg-row>.flex-lg-65{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-65{max-width:100%;max-height:65%}.flex-lg-70,.layout-row>.flex-lg-70{max-width:70%;max-height:100%}.flex-lg-70,.layout-column>.flex-lg-70,.layout-row>.flex-lg-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-70{max-width:100%;max-height:70%}.layout-lg-row>.flex-lg-70{max-width:70%;max-height:100%}.layout-lg-column>.flex-lg-70,.layout-lg-row>.flex-lg-70{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-70{max-width:100%;max-height:70%}.flex-lg-75,.layout-row>.flex-lg-75{max-width:75%;max-height:100%}.flex-lg-75,.layout-column>.flex-lg-75,.layout-row>.flex-lg-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-75{max-width:100%;max-height:75%}.layout-lg-row>.flex-lg-75{max-width:75%;max-height:100%}.layout-lg-column>.flex-lg-75,.layout-lg-row>.flex-lg-75{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-75{max-width:100%;max-height:75%}.flex-lg-80,.layout-row>.flex-lg-80{max-width:80%;max-height:100%}.flex-lg-80,.layout-column>.flex-lg-80,.layout-row>.flex-lg-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-80{max-width:100%;max-height:80%}.layout-lg-row>.flex-lg-80{max-width:80%;max-height:100%}.layout-lg-column>.flex-lg-80,.layout-lg-row>.flex-lg-80{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-80{max-width:100%;max-height:80%}.flex-lg-85,.layout-row>.flex-lg-85{max-width:85%;max-height:100%}.flex-lg-85,.layout-column>.flex-lg-85,.layout-row>.flex-lg-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-85{max-width:100%;max-height:85%}.layout-lg-row>.flex-lg-85{max-width:85%;max-height:100%}.layout-lg-column>.flex-lg-85,.layout-lg-row>.flex-lg-85{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-85{max-width:100%;max-height:85%}.flex-lg-90,.layout-row>.flex-lg-90{max-width:90%;max-height:100%}.flex-lg-90,.layout-column>.flex-lg-90,.layout-row>.flex-lg-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-90{max-width:100%;max-height:90%}.layout-lg-row>.flex-lg-90{max-width:90%;max-height:100%}.layout-lg-column>.flex-lg-90,.layout-lg-row>.flex-lg-90{flex:1 1 100%;box-sizing:border-box}.layout-lg-column>.flex-lg-90{max-width:100%;max-height:90%}.flex-lg-95,.layout-row>.flex-lg-95{max-width:95%;max-height:100%}.flex-lg-95,.layout-column>.flex-lg-95,.layout-row>.flex-lg-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-lg-95{max-width:100%;max-height:95%}.layout-lg-row>.flex-lg-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-lg-column>.flex-lg-95{max-height:95%}.flex-lg-100,.layout-lg-column>.flex-lg-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-lg-100{max-height:100%}.layout-column>.flex-lg-100,.layout-lg-column>.flex-lg-100,.layout-lg-row>.flex-lg-100,.layout-row>.flex-lg-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-lg-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-lg-33,.layout-row>.flex-lg-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-lg-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-lg-33{flex:1 1 33.33%;max-height:33.33%}.layout-column>.flex-lg-33,.layout-column>.flex-lg-66{-webkit-box-flex:1;max-width:100%;box-sizing:border-box}.layout-column>.flex-lg-66{flex:1 1 66.66%;max-height:66.66%}.layout-lg-row>.flex-lg-33{max-width:33.33%}.layout-lg-row>.flex-lg-33,.layout-lg-row>.flex-lg-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-lg-row>.flex-lg-66{max-width:66.66%}.layout-lg-row>.flex{min-width:0}.layout-lg-column>.flex-lg-33{max-height:33.33%}.layout-lg-column>.flex-lg-33,.layout-lg-column>.flex-lg-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-lg-column>.flex-lg-66{max-height:66.66%}.layout-lg-column>.flex{min-height:0}.layout-lg,.layout-lg-column,.layout-lg-row{box-sizing:border-box;display:flex}.layout-lg-column{flex-direction:column}.layout-lg-row{flex-direction:row}}@media (min-width:1920px){.flex-order-gt-lg--20{order:-20}.flex-order-gt-lg--19{order:-19}.flex-order-gt-lg--18{order:-18}.flex-order-gt-lg--17{order:-17}.flex-order-gt-lg--16{order:-16}.flex-order-gt-lg--15{order:-15}.flex-order-gt-lg--14{order:-14}.flex-order-gt-lg--13{order:-13}.flex-order-gt-lg--12{order:-12}.flex-order-gt-lg--11{order:-11}.flex-order-gt-lg--10{order:-10}.flex-order-gt-lg--9{order:-9}.flex-order-gt-lg--8{order:-8}.flex-order-gt-lg--7{order:-7}.flex-order-gt-lg--6{order:-6}.flex-order-gt-lg--5{order:-5}.flex-order-gt-lg--4{order:-4}.flex-order-gt-lg--3{order:-3}.flex-order-gt-lg--2{order:-2}.flex-order-gt-lg--1{order:-1}.flex-order-gt-lg-0{order:0}.flex-order-gt-lg-1{order:1}.flex-order-gt-lg-2{order:2}.flex-order-gt-lg-3{order:3}.flex-order-gt-lg-4{order:4}.flex-order-gt-lg-5{order:5}.flex-order-gt-lg-6{order:6}.flex-order-gt-lg-7{order:7}.flex-order-gt-lg-8{order:8}.flex-order-gt-lg-9{order:9}.flex-order-gt-lg-10{order:10}.flex-order-gt-lg-11{order:11}.flex-order-gt-lg-12{order:12}.flex-order-gt-lg-13{order:13}.flex-order-gt-lg-14{order:14}.flex-order-gt-lg-15{order:15}.flex-order-gt-lg-16{order:16}.flex-order-gt-lg-17{order:17}.flex-order-gt-lg-18{order:18}.flex-order-gt-lg-19{order:19}.flex-order-gt-lg-20{order:20}.flex-offset-gt-lg-0,.layout-margin .flex-offset-gt-lg-0,.layout-margin .offset-gt-lg-0,.offset-gt-lg-0{margin-left:0}[dir=rtl] .flex-offset-gt-lg-0,[dir=rtl] .layout-margin .flex-offset-gt-lg-0,[dir=rtl] .layout-margin .offset-gt-lg-0,[dir=rtl] .offset-gt-lg-0{margin-left:auto;margin-right:0}.flex-offset-gt-lg-5,.layout-margin .flex-offset-gt-lg-5,.layout-margin .offset-gt-lg-5,.offset-gt-lg-5{margin-left:5%}[dir=rtl] .flex-offset-gt-lg-5,[dir=rtl] .layout-margin .flex-offset-gt-lg-5,[dir=rtl] .layout-margin .offset-gt-lg-5,[dir=rtl] .offset-gt-lg-5{margin-left:auto;margin-right:5%}.flex-offset-gt-lg-10,.layout-margin .flex-offset-gt-lg-10,.layout-margin .offset-gt-lg-10,.offset-gt-lg-10{margin-left:10%}[dir=rtl] .flex-offset-gt-lg-10,[dir=rtl] .layout-margin .flex-offset-gt-lg-10,[dir=rtl] .layout-margin .offset-gt-lg-10,[dir=rtl] .offset-gt-lg-10{margin-left:auto;margin-right:10%}.flex-offset-gt-lg-15,.layout-margin .flex-offset-gt-lg-15,.layout-margin .offset-gt-lg-15,.offset-gt-lg-15{margin-left:15%}[dir=rtl] .flex-offset-gt-lg-15,[dir=rtl] .layout-margin .flex-offset-gt-lg-15,[dir=rtl] .layout-margin .offset-gt-lg-15,[dir=rtl] .offset-gt-lg-15{margin-left:auto;margin-right:15%}.flex-offset-gt-lg-20,.layout-margin .flex-offset-gt-lg-20,.layout-margin .offset-gt-lg-20,.offset-gt-lg-20{margin-left:20%}[dir=rtl] .flex-offset-gt-lg-20,[dir=rtl] .layout-margin .flex-offset-gt-lg-20,[dir=rtl] .layout-margin .offset-gt-lg-20,[dir=rtl] .offset-gt-lg-20{margin-left:auto;margin-right:20%}.flex-offset-gt-lg-25,.layout-margin .flex-offset-gt-lg-25,.layout-margin .offset-gt-lg-25,.offset-gt-lg-25{margin-left:25%}[dir=rtl] .flex-offset-gt-lg-25,[dir=rtl] .layout-margin .flex-offset-gt-lg-25,[dir=rtl] .layout-margin .offset-gt-lg-25,[dir=rtl] .offset-gt-lg-25{margin-left:auto;margin-right:25%}.flex-offset-gt-lg-30,.layout-margin .flex-offset-gt-lg-30,.layout-margin .offset-gt-lg-30,.offset-gt-lg-30{margin-left:30%}[dir=rtl] .flex-offset-gt-lg-30,[dir=rtl] .layout-margin .flex-offset-gt-lg-30,[dir=rtl] .layout-margin .offset-gt-lg-30,[dir=rtl] .offset-gt-lg-30{margin-left:auto;margin-right:30%}.flex-offset-gt-lg-35,.layout-margin .flex-offset-gt-lg-35,.layout-margin .offset-gt-lg-35,.offset-gt-lg-35{margin-left:35%}[dir=rtl] .flex-offset-gt-lg-35,[dir=rtl] .layout-margin .flex-offset-gt-lg-35,[dir=rtl] .layout-margin .offset-gt-lg-35,[dir=rtl] .offset-gt-lg-35{margin-left:auto;margin-right:35%}.flex-offset-gt-lg-40,.layout-margin .flex-offset-gt-lg-40,.layout-margin .offset-gt-lg-40,.offset-gt-lg-40{margin-left:40%}[dir=rtl] .flex-offset-gt-lg-40,[dir=rtl] .layout-margin .flex-offset-gt-lg-40,[dir=rtl] .layout-margin .offset-gt-lg-40,[dir=rtl] .offset-gt-lg-40{margin-left:auto;margin-right:40%}.flex-offset-gt-lg-45,.layout-margin .flex-offset-gt-lg-45,.layout-margin .offset-gt-lg-45,.offset-gt-lg-45{margin-left:45%}[dir=rtl] .flex-offset-gt-lg-45,[dir=rtl] .layout-margin .flex-offset-gt-lg-45,[dir=rtl] .layout-margin .offset-gt-lg-45,[dir=rtl] .offset-gt-lg-45{margin-left:auto;margin-right:45%}.flex-offset-gt-lg-50,.layout-margin .flex-offset-gt-lg-50,.layout-margin .offset-gt-lg-50,.offset-gt-lg-50{margin-left:50%}[dir=rtl] .flex-offset-gt-lg-50,[dir=rtl] .layout-margin .flex-offset-gt-lg-50,[dir=rtl] .layout-margin .offset-gt-lg-50,[dir=rtl] .offset-gt-lg-50{margin-left:auto;margin-right:50%}.flex-offset-gt-lg-55,.layout-margin .flex-offset-gt-lg-55,.layout-margin .offset-gt-lg-55,.offset-gt-lg-55{margin-left:55%}[dir=rtl] .flex-offset-gt-lg-55,[dir=rtl] .layout-margin .flex-offset-gt-lg-55,[dir=rtl] .layout-margin .offset-gt-lg-55,[dir=rtl] .offset-gt-lg-55{margin-left:auto;margin-right:55%}.flex-offset-gt-lg-60,.layout-margin .flex-offset-gt-lg-60,.layout-margin .offset-gt-lg-60,.offset-gt-lg-60{margin-left:60%}[dir=rtl] .flex-offset-gt-lg-60,[dir=rtl] .layout-margin .flex-offset-gt-lg-60,[dir=rtl] .layout-margin .offset-gt-lg-60,[dir=rtl] .offset-gt-lg-60{margin-left:auto;margin-right:60%}.flex-offset-gt-lg-65,.layout-margin .flex-offset-gt-lg-65,.layout-margin .offset-gt-lg-65,.offset-gt-lg-65{margin-left:65%}[dir=rtl] .flex-offset-gt-lg-65,[dir=rtl] .layout-margin .flex-offset-gt-lg-65,[dir=rtl] .layout-margin .offset-gt-lg-65,[dir=rtl] .offset-gt-lg-65{margin-left:auto;margin-right:65%}.flex-offset-gt-lg-70,.layout-margin .flex-offset-gt-lg-70,.layout-margin .offset-gt-lg-70,.offset-gt-lg-70{margin-left:70%}[dir=rtl] .flex-offset-gt-lg-70,[dir=rtl] .layout-margin .flex-offset-gt-lg-70,[dir=rtl] .layout-margin .offset-gt-lg-70,[dir=rtl] .offset-gt-lg-70{margin-left:auto;margin-right:70%}.flex-offset-gt-lg-75,.layout-margin .flex-offset-gt-lg-75,.layout-margin .offset-gt-lg-75,.offset-gt-lg-75{margin-left:75%}[dir=rtl] .flex-offset-gt-lg-75,[dir=rtl] .layout-margin .flex-offset-gt-lg-75,[dir=rtl] .layout-margin .offset-gt-lg-75,[dir=rtl] .offset-gt-lg-75{margin-left:auto;margin-right:75%}.flex-offset-gt-lg-80,.layout-margin .flex-offset-gt-lg-80,.layout-margin .offset-gt-lg-80,.offset-gt-lg-80{margin-left:80%}[dir=rtl] .flex-offset-gt-lg-80,[dir=rtl] .layout-margin .flex-offset-gt-lg-80,[dir=rtl] .layout-margin .offset-gt-lg-80,[dir=rtl] .offset-gt-lg-80{margin-left:auto;margin-right:80%}.flex-offset-gt-lg-85,.layout-margin .flex-offset-gt-lg-85,.layout-margin .offset-gt-lg-85,.offset-gt-lg-85{margin-left:85%}[dir=rtl] .flex-offset-gt-lg-85,[dir=rtl] .layout-margin .flex-offset-gt-lg-85,[dir=rtl] .layout-margin .offset-gt-lg-85,[dir=rtl] .offset-gt-lg-85{margin-left:auto;margin-right:85%}.flex-offset-gt-lg-90,.layout-margin .flex-offset-gt-lg-90,.layout-margin .offset-gt-lg-90,.offset-gt-lg-90{margin-left:90%}[dir=rtl] .flex-offset-gt-lg-90,[dir=rtl] .layout-margin .flex-offset-gt-lg-90,[dir=rtl] .layout-margin .offset-gt-lg-90,[dir=rtl] .offset-gt-lg-90{margin-left:auto;margin-right:90%}.flex-offset-gt-lg-95,.layout-margin .flex-offset-gt-lg-95,.layout-margin .offset-gt-lg-95,.offset-gt-lg-95{margin-left:95%}[dir=rtl] .flex-offset-gt-lg-95,[dir=rtl] .layout-margin .flex-offset-gt-lg-95,[dir=rtl] .layout-margin .offset-gt-lg-95,[dir=rtl] .offset-gt-lg-95{margin-left:auto;margin-right:95%}.flex-offset-gt-lg-33,.layout-margin .flex-offset-gt-lg-33,.layout-margin .offset-gt-lg-33,.offset-gt-lg-33{margin-left:33.33333%}.flex-offset-gt-lg-66,.layout-margin .flex-offset-gt-lg-66,.layout-margin .offset-gt-lg-66,.offset-gt-lg-66{margin-left:66.66667%}[dir=rtl] .flex-offset-gt-lg-66,[dir=rtl] .layout-margin .flex-offset-gt-lg-66,[dir=rtl] .layout-margin .offset-gt-lg-66,[dir=rtl] .offset-gt-lg-66{margin-left:auto;margin-right:66.66667%}.layout-align-gt-lg,.layout-align-gt-lg-start-stretch{align-content:stretch;align-items:stretch}.layout-align-gt-lg,.layout-align-gt-lg-start,.layout-align-gt-lg-start-center,.layout-align-gt-lg-start-end,.layout-align-gt-lg-start-start,.layout-align-gt-lg-start-stretch{justify-content:flex-start}.layout-align-gt-lg-center,.layout-align-gt-lg-center-center,.layout-align-gt-lg-center-end,.layout-align-gt-lg-center-start,.layout-align-gt-lg-center-stretch{justify-content:center}.layout-align-gt-lg-end,.layout-align-gt-lg-end-center,.layout-align-gt-lg-end-end,.layout-align-gt-lg-end-start,.layout-align-gt-lg-end-stretch{justify-content:flex-end}.layout-align-gt-lg-space-around,.layout-align-gt-lg-space-around-center,.layout-align-gt-lg-space-around-end,.layout-align-gt-lg-space-around-start,.layout-align-gt-lg-space-around-stretch{justify-content:space-around}.layout-align-gt-lg-space-between,.layout-align-gt-lg-space-between-center,.layout-align-gt-lg-space-between-end,.layout-align-gt-lg-space-between-start,.layout-align-gt-lg-space-between-stretch{justify-content:space-between}.layout-align-gt-lg-center-start,.layout-align-gt-lg-end-start,.layout-align-gt-lg-space-around-start,.layout-align-gt-lg-space-between-start,.layout-align-gt-lg-start-start{align-items:flex-start;align-content:flex-start}.layout-align-gt-lg-center-center,.layout-align-gt-lg-end-center,.layout-align-gt-lg-space-around-center,.layout-align-gt-lg-space-between-center,.layout-align-gt-lg-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-gt-lg-center-center>*,.layout-align-gt-lg-end-center>*,.layout-align-gt-lg-space-around-center>*,.layout-align-gt-lg-space-between-center>*,.layout-align-gt-lg-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-gt-lg-center-end,.layout-align-gt-lg-end-end,.layout-align-gt-lg-space-around-end,.layout-align-gt-lg-space-between-end,.layout-align-gt-lg-start-end{align-items:flex-end;align-content:flex-end}.layout-align-gt-lg-center-stretch,.layout-align-gt-lg-end-stretch,.layout-align-gt-lg-space-around-stretch,.layout-align-gt-lg-space-between-stretch,.layout-align-gt-lg-start-stretch{align-items:stretch;align-content:stretch}.flex-gt-lg{flex:1}.flex-gt-lg,.flex-gt-lg-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-gt-lg-grow{flex:1 1 100%}.flex-gt-lg-initial{flex:0 1 auto;box-sizing:border-box}.flex-gt-lg-auto{flex:1 1 auto;box-sizing:border-box}.flex-gt-lg-none{flex:0 0 auto;box-sizing:border-box}.flex-gt-lg-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-gt-lg-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-gt-lg-0,.layout-row>.flex-gt-lg-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-lg-0{min-width:0}.layout-column>.flex-gt-lg-0{max-width:100%;max-height:0%}.layout-column>.flex-gt-lg-0,.layout-gt-lg-row>.flex-gt-lg-0{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-row>.flex-gt-lg-0{max-width:0;max-height:100%;min-width:0}.layout-gt-lg-column>.flex-gt-lg-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-gt-lg-5,.layout-row>.flex-gt-lg-5{max-width:5%;max-height:100%}.flex-gt-lg-5,.layout-column>.flex-gt-lg-5,.layout-row>.flex-gt-lg-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-5{max-width:100%;max-height:5%}.layout-gt-lg-row>.flex-gt-lg-5{max-width:5%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-5,.layout-gt-lg-row>.flex-gt-lg-5{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-5{max-width:100%;max-height:5%}.flex-gt-lg-10,.layout-row>.flex-gt-lg-10{max-width:10%;max-height:100%}.flex-gt-lg-10,.layout-column>.flex-gt-lg-10,.layout-row>.flex-gt-lg-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-10{max-width:100%;max-height:10%}.layout-gt-lg-row>.flex-gt-lg-10{max-width:10%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-10,.layout-gt-lg-row>.flex-gt-lg-10{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-10{max-width:100%;max-height:10%}.flex-gt-lg-15,.layout-row>.flex-gt-lg-15{max-width:15%;max-height:100%}.flex-gt-lg-15,.layout-column>.flex-gt-lg-15,.layout-row>.flex-gt-lg-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-15{max-width:100%;max-height:15%}.layout-gt-lg-row>.flex-gt-lg-15{max-width:15%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-15,.layout-gt-lg-row>.flex-gt-lg-15{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-15{max-width:100%;max-height:15%}.flex-gt-lg-20,.layout-row>.flex-gt-lg-20{max-width:20%;max-height:100%}.flex-gt-lg-20,.layout-column>.flex-gt-lg-20,.layout-row>.flex-gt-lg-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-20{max-width:100%;max-height:20%}.layout-gt-lg-row>.flex-gt-lg-20{max-width:20%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-20,.layout-gt-lg-row>.flex-gt-lg-20{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-20{max-width:100%;max-height:20%}.flex-gt-lg-25,.layout-row>.flex-gt-lg-25{max-width:25%;max-height:100%}.flex-gt-lg-25,.layout-column>.flex-gt-lg-25,.layout-row>.flex-gt-lg-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-25{max-width:100%;max-height:25%}.layout-gt-lg-row>.flex-gt-lg-25{max-width:25%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-25,.layout-gt-lg-row>.flex-gt-lg-25{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-25{max-width:100%;max-height:25%}.flex-gt-lg-30,.layout-row>.flex-gt-lg-30{max-width:30%;max-height:100%}.flex-gt-lg-30,.layout-column>.flex-gt-lg-30,.layout-row>.flex-gt-lg-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-30{max-width:100%;max-height:30%}.layout-gt-lg-row>.flex-gt-lg-30{max-width:30%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-30,.layout-gt-lg-row>.flex-gt-lg-30{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-30{max-width:100%;max-height:30%}.flex-gt-lg-35,.layout-row>.flex-gt-lg-35{max-width:35%;max-height:100%}.flex-gt-lg-35,.layout-column>.flex-gt-lg-35,.layout-row>.flex-gt-lg-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-35{max-width:100%;max-height:35%}.layout-gt-lg-row>.flex-gt-lg-35{max-width:35%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-35,.layout-gt-lg-row>.flex-gt-lg-35{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-35{max-width:100%;max-height:35%}.flex-gt-lg-40,.layout-row>.flex-gt-lg-40{max-width:40%;max-height:100%}.flex-gt-lg-40,.layout-column>.flex-gt-lg-40,.layout-row>.flex-gt-lg-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-40{max-width:100%;max-height:40%}.layout-gt-lg-row>.flex-gt-lg-40{max-width:40%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-40,.layout-gt-lg-row>.flex-gt-lg-40{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-40{max-width:100%;max-height:40%}.flex-gt-lg-45,.layout-row>.flex-gt-lg-45{max-width:45%;max-height:100%}.flex-gt-lg-45,.layout-column>.flex-gt-lg-45,.layout-row>.flex-gt-lg-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-45{max-width:100%;max-height:45%}.layout-gt-lg-row>.flex-gt-lg-45{max-width:45%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-45,.layout-gt-lg-row>.flex-gt-lg-45{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-45{max-width:100%;max-height:45%}.flex-gt-lg-50,.layout-row>.flex-gt-lg-50{max-width:50%;max-height:100%}.flex-gt-lg-50,.layout-column>.flex-gt-lg-50,.layout-row>.flex-gt-lg-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-50{max-width:100%;max-height:50%}.layout-gt-lg-row>.flex-gt-lg-50{max-width:50%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-50,.layout-gt-lg-row>.flex-gt-lg-50{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-50{max-width:100%;max-height:50%}.flex-gt-lg-55,.layout-row>.flex-gt-lg-55{max-width:55%;max-height:100%}.flex-gt-lg-55,.layout-column>.flex-gt-lg-55,.layout-row>.flex-gt-lg-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-55{max-width:100%;max-height:55%}.layout-gt-lg-row>.flex-gt-lg-55{max-width:55%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-55,.layout-gt-lg-row>.flex-gt-lg-55{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-55{max-width:100%;max-height:55%}.flex-gt-lg-60,.layout-row>.flex-gt-lg-60{max-width:60%;max-height:100%}.flex-gt-lg-60,.layout-column>.flex-gt-lg-60,.layout-row>.flex-gt-lg-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-60{max-width:100%;max-height:60%}.layout-gt-lg-row>.flex-gt-lg-60{max-width:60%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-60,.layout-gt-lg-row>.flex-gt-lg-60{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-60{max-width:100%;max-height:60%}.flex-gt-lg-65,.layout-row>.flex-gt-lg-65{max-width:65%;max-height:100%}.flex-gt-lg-65,.layout-column>.flex-gt-lg-65,.layout-row>.flex-gt-lg-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-65{max-width:100%;max-height:65%}.layout-gt-lg-row>.flex-gt-lg-65{max-width:65%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-65,.layout-gt-lg-row>.flex-gt-lg-65{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-65{max-width:100%;max-height:65%}.flex-gt-lg-70,.layout-row>.flex-gt-lg-70{max-width:70%;max-height:100%}.flex-gt-lg-70,.layout-column>.flex-gt-lg-70,.layout-row>.flex-gt-lg-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-70{max-width:100%;max-height:70%}.layout-gt-lg-row>.flex-gt-lg-70{max-width:70%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-70,.layout-gt-lg-row>.flex-gt-lg-70{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-70{max-width:100%;max-height:70%}.flex-gt-lg-75,.layout-row>.flex-gt-lg-75{max-width:75%;max-height:100%}.flex-gt-lg-75,.layout-column>.flex-gt-lg-75,.layout-row>.flex-gt-lg-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-75{max-width:100%;max-height:75%}.layout-gt-lg-row>.flex-gt-lg-75{max-width:75%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-75,.layout-gt-lg-row>.flex-gt-lg-75{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-75{max-width:100%;max-height:75%}.flex-gt-lg-80,.layout-row>.flex-gt-lg-80{max-width:80%;max-height:100%}.flex-gt-lg-80,.layout-column>.flex-gt-lg-80,.layout-row>.flex-gt-lg-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-80{max-width:100%;max-height:80%}.layout-gt-lg-row>.flex-gt-lg-80{max-width:80%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-80,.layout-gt-lg-row>.flex-gt-lg-80{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-80{max-width:100%;max-height:80%}.flex-gt-lg-85,.layout-row>.flex-gt-lg-85{max-width:85%;max-height:100%}.flex-gt-lg-85,.layout-column>.flex-gt-lg-85,.layout-row>.flex-gt-lg-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-85{max-width:100%;max-height:85%}.layout-gt-lg-row>.flex-gt-lg-85{max-width:85%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-85,.layout-gt-lg-row>.flex-gt-lg-85{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-85{max-width:100%;max-height:85%}.flex-gt-lg-90,.layout-row>.flex-gt-lg-90{max-width:90%;max-height:100%}.flex-gt-lg-90,.layout-column>.flex-gt-lg-90,.layout-row>.flex-gt-lg-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-90{max-width:100%;max-height:90%}.layout-gt-lg-row>.flex-gt-lg-90{max-width:90%;max-height:100%}.layout-gt-lg-column>.flex-gt-lg-90,.layout-gt-lg-row>.flex-gt-lg-90{flex:1 1 100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-90{max-width:100%;max-height:90%}.flex-gt-lg-95,.layout-row>.flex-gt-lg-95{max-width:95%;max-height:100%}.flex-gt-lg-95,.layout-column>.flex-gt-lg-95,.layout-row>.flex-gt-lg-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-gt-lg-95{max-width:100%;max-height:95%}.layout-gt-lg-row>.flex-gt-lg-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-95{max-height:95%}.flex-gt-lg-100,.layout-gt-lg-column>.flex-gt-lg-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-gt-lg-100{max-height:100%}.layout-column>.flex-gt-lg-100,.layout-gt-lg-column>.flex-gt-lg-100,.layout-gt-lg-row>.flex-gt-lg-100,.layout-row>.flex-gt-lg-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-lg-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-gt-lg-33,.layout-row>.flex-gt-lg-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-gt-lg-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-gt-lg-33{flex:1 1 33.33%;max-width:100%;max-height:33.33%;box-sizing:border-box}.layout-column>.flex-gt-lg-66{flex:1 1 66.66%;max-width:100%;max-height:66.66%;box-sizing:border-box}.layout-gt-lg-row>.flex-gt-lg-33{max-width:33.33%}.layout-gt-lg-row>.flex-gt-lg-33,.layout-gt-lg-row>.flex-gt-lg-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-gt-lg-row>.flex-gt-lg-66{max-width:66.66%}.layout-gt-lg-row>.flex{min-width:0}.layout-gt-lg-column>.flex-gt-lg-33{max-height:33.33%}.layout-gt-lg-column>.flex-gt-lg-33,.layout-gt-lg-column>.flex-gt-lg-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-gt-lg-column>.flex-gt-lg-66{max-height:66.66%}.layout-gt-lg-column>.flex{min-height:0}.layout-gt-lg,.layout-gt-lg-column,.layout-gt-lg-row{box-sizing:border-box;display:flex}.layout-gt-lg-column{flex-direction:column}.layout-gt-lg-row{flex-direction:row}.flex-order-xl--20{order:-20}.flex-order-xl--19{order:-19}.flex-order-xl--18{order:-18}.flex-order-xl--17{order:-17}.flex-order-xl--16{order:-16}.flex-order-xl--15{order:-15}.flex-order-xl--14{order:-14}.flex-order-xl--13{order:-13}.flex-order-xl--12{order:-12}.flex-order-xl--11{order:-11}.flex-order-xl--10{order:-10}.flex-order-xl--9{order:-9}.flex-order-xl--8{order:-8}.flex-order-xl--7{order:-7}.flex-order-xl--6{order:-6}.flex-order-xl--5{order:-5}.flex-order-xl--4{order:-4}.flex-order-xl--3{order:-3}.flex-order-xl--2{order:-2}.flex-order-xl--1{order:-1}.flex-order-xl-0{order:0}.flex-order-xl-1{order:1}.flex-order-xl-2{order:2}.flex-order-xl-3{order:3}.flex-order-xl-4{order:4}.flex-order-xl-5{order:5}.flex-order-xl-6{order:6}.flex-order-xl-7{order:7}.flex-order-xl-8{order:8}.flex-order-xl-9{order:9}.flex-order-xl-10{order:10}.flex-order-xl-11{order:11}.flex-order-xl-12{order:12}.flex-order-xl-13{order:13}.flex-order-xl-14{order:14}.flex-order-xl-15{order:15}.flex-order-xl-16{order:16}.flex-order-xl-17{order:17}.flex-order-xl-18{order:18}.flex-order-xl-19{order:19}.flex-order-xl-20{order:20}.flex-offset-xl-0,.layout-margin .flex-offset-xl-0,.layout-margin .offset-xl-0,.offset-xl-0{margin-left:0}[dir=rtl] .flex-offset-xl-0,[dir=rtl] .layout-margin .flex-offset-xl-0,[dir=rtl] .layout-margin .offset-xl-0,[dir=rtl] .offset-xl-0{margin-left:auto;margin-right:0}.flex-offset-xl-5,.layout-margin .flex-offset-xl-5,.layout-margin .offset-xl-5,.offset-xl-5{margin-left:5%}[dir=rtl] .flex-offset-xl-5,[dir=rtl] .layout-margin .flex-offset-xl-5,[dir=rtl] .layout-margin .offset-xl-5,[dir=rtl] .offset-xl-5{margin-left:auto;margin-right:5%}.flex-offset-xl-10,.layout-margin .flex-offset-xl-10,.layout-margin .offset-xl-10,.offset-xl-10{margin-left:10%}[dir=rtl] .flex-offset-xl-10,[dir=rtl] .layout-margin .flex-offset-xl-10,[dir=rtl] .layout-margin .offset-xl-10,[dir=rtl] .offset-xl-10{margin-left:auto;margin-right:10%}.flex-offset-xl-15,.layout-margin .flex-offset-xl-15,.layout-margin .offset-xl-15,.offset-xl-15{margin-left:15%}[dir=rtl] .flex-offset-xl-15,[dir=rtl] .layout-margin .flex-offset-xl-15,[dir=rtl] .layout-margin .offset-xl-15,[dir=rtl] .offset-xl-15{margin-left:auto;margin-right:15%}.flex-offset-xl-20,.layout-margin .flex-offset-xl-20,.layout-margin .offset-xl-20,.offset-xl-20{margin-left:20%}[dir=rtl] .flex-offset-xl-20,[dir=rtl] .layout-margin .flex-offset-xl-20,[dir=rtl] .layout-margin .offset-xl-20,[dir=rtl] .offset-xl-20{margin-left:auto;margin-right:20%}.flex-offset-xl-25,.layout-margin .flex-offset-xl-25,.layout-margin .offset-xl-25,.offset-xl-25{margin-left:25%}[dir=rtl] .flex-offset-xl-25,[dir=rtl] .layout-margin .flex-offset-xl-25,[dir=rtl] .layout-margin .offset-xl-25,[dir=rtl] .offset-xl-25{margin-left:auto;margin-right:25%}.flex-offset-xl-30,.layout-margin .flex-offset-xl-30,.layout-margin .offset-xl-30,.offset-xl-30{margin-left:30%}[dir=rtl] .flex-offset-xl-30,[dir=rtl] .layout-margin .flex-offset-xl-30,[dir=rtl] .layout-margin .offset-xl-30,[dir=rtl] .offset-xl-30{margin-left:auto;margin-right:30%}.flex-offset-xl-35,.layout-margin .flex-offset-xl-35,.layout-margin .offset-xl-35,.offset-xl-35{margin-left:35%}[dir=rtl] .flex-offset-xl-35,[dir=rtl] .layout-margin .flex-offset-xl-35,[dir=rtl] .layout-margin .offset-xl-35,[dir=rtl] .offset-xl-35{margin-left:auto;margin-right:35%}.flex-offset-xl-40,.layout-margin .flex-offset-xl-40,.layout-margin .offset-xl-40,.offset-xl-40{margin-left:40%}[dir=rtl] .flex-offset-xl-40,[dir=rtl] .layout-margin .flex-offset-xl-40,[dir=rtl] .layout-margin .offset-xl-40,[dir=rtl] .offset-xl-40{margin-left:auto;margin-right:40%}.flex-offset-xl-45,.layout-margin .flex-offset-xl-45,.layout-margin .offset-xl-45,.offset-xl-45{margin-left:45%}[dir=rtl] .flex-offset-xl-45,[dir=rtl] .layout-margin .flex-offset-xl-45,[dir=rtl] .layout-margin .offset-xl-45,[dir=rtl] .offset-xl-45{margin-left:auto;margin-right:45%}.flex-offset-xl-50,.layout-margin .flex-offset-xl-50,.layout-margin .offset-xl-50,.offset-xl-50{margin-left:50%}[dir=rtl] .flex-offset-xl-50,[dir=rtl] .layout-margin .flex-offset-xl-50,[dir=rtl] .layout-margin .offset-xl-50,[dir=rtl] .offset-xl-50{margin-left:auto;margin-right:50%}.flex-offset-xl-55,.layout-margin .flex-offset-xl-55,.layout-margin .offset-xl-55,.offset-xl-55{margin-left:55%}[dir=rtl] .flex-offset-xl-55,[dir=rtl] .layout-margin .flex-offset-xl-55,[dir=rtl] .layout-margin .offset-xl-55,[dir=rtl] .offset-xl-55{margin-left:auto;margin-right:55%}.flex-offset-xl-60,.layout-margin .flex-offset-xl-60,.layout-margin .offset-xl-60,.offset-xl-60{margin-left:60%}[dir=rtl] .flex-offset-xl-60,[dir=rtl] .layout-margin .flex-offset-xl-60,[dir=rtl] .layout-margin .offset-xl-60,[dir=rtl] .offset-xl-60{margin-left:auto;margin-right:60%}.flex-offset-xl-65,.layout-margin .flex-offset-xl-65,.layout-margin .offset-xl-65,.offset-xl-65{margin-left:65%}[dir=rtl] .flex-offset-xl-65,[dir=rtl] .layout-margin .flex-offset-xl-65,[dir=rtl] .layout-margin .offset-xl-65,[dir=rtl] .offset-xl-65{margin-left:auto;margin-right:65%}.flex-offset-xl-70,.layout-margin .flex-offset-xl-70,.layout-margin .offset-xl-70,.offset-xl-70{margin-left:70%}[dir=rtl] .flex-offset-xl-70,[dir=rtl] .layout-margin .flex-offset-xl-70,[dir=rtl] .layout-margin .offset-xl-70,[dir=rtl] .offset-xl-70{margin-left:auto;margin-right:70%}.flex-offset-xl-75,.layout-margin .flex-offset-xl-75,.layout-margin .offset-xl-75,.offset-xl-75{margin-left:75%}[dir=rtl] .flex-offset-xl-75,[dir=rtl] .layout-margin .flex-offset-xl-75,[dir=rtl] .layout-margin .offset-xl-75,[dir=rtl] .offset-xl-75{margin-left:auto;margin-right:75%}.flex-offset-xl-80,.layout-margin .flex-offset-xl-80,.layout-margin .offset-xl-80,.offset-xl-80{margin-left:80%}[dir=rtl] .flex-offset-xl-80,[dir=rtl] .layout-margin .flex-offset-xl-80,[dir=rtl] .layout-margin .offset-xl-80,[dir=rtl] .offset-xl-80{margin-left:auto;margin-right:80%}.flex-offset-xl-85,.layout-margin .flex-offset-xl-85,.layout-margin .offset-xl-85,.offset-xl-85{margin-left:85%}[dir=rtl] .flex-offset-xl-85,[dir=rtl] .layout-margin .flex-offset-xl-85,[dir=rtl] .layout-margin .offset-xl-85,[dir=rtl] .offset-xl-85{margin-left:auto;margin-right:85%}.flex-offset-xl-90,.layout-margin .flex-offset-xl-90,.layout-margin .offset-xl-90,.offset-xl-90{margin-left:90%}[dir=rtl] .flex-offset-xl-90,[dir=rtl] .layout-margin .flex-offset-xl-90,[dir=rtl] .layout-margin .offset-xl-90,[dir=rtl] .offset-xl-90{margin-left:auto;margin-right:90%}.flex-offset-xl-95,.layout-margin .flex-offset-xl-95,.layout-margin .offset-xl-95,.offset-xl-95{margin-left:95%}[dir=rtl] .flex-offset-xl-95,[dir=rtl] .layout-margin .flex-offset-xl-95,[dir=rtl] .layout-margin .offset-xl-95,[dir=rtl] .offset-xl-95{margin-left:auto;margin-right:95%}.flex-offset-xl-33,.layout-margin .flex-offset-xl-33,.layout-margin .offset-xl-33,.offset-xl-33{margin-left:33.33333%}.flex-offset-xl-66,.layout-margin .flex-offset-xl-66,.layout-margin .offset-xl-66,.offset-xl-66{margin-left:66.66667%}[dir=rtl] .flex-offset-xl-66,[dir=rtl] .layout-margin .flex-offset-xl-66,[dir=rtl] .layout-margin .offset-xl-66,[dir=rtl] .offset-xl-66{margin-left:auto;margin-right:66.66667%}.layout-align-xl,.layout-align-xl-start-stretch{align-content:stretch;align-items:stretch}.layout-align-xl,.layout-align-xl-start,.layout-align-xl-start-center,.layout-align-xl-start-end,.layout-align-xl-start-start,.layout-align-xl-start-stretch{justify-content:flex-start}.layout-align-xl-center,.layout-align-xl-center-center,.layout-align-xl-center-end,.layout-align-xl-center-start,.layout-align-xl-center-stretch{justify-content:center}.layout-align-xl-end,.layout-align-xl-end-center,.layout-align-xl-end-end,.layout-align-xl-end-start,.layout-align-xl-end-stretch{justify-content:flex-end}.layout-align-xl-space-around,.layout-align-xl-space-around-center,.layout-align-xl-space-around-end,.layout-align-xl-space-around-start,.layout-align-xl-space-around-stretch{justify-content:space-around}.layout-align-xl-space-between,.layout-align-xl-space-between-center,.layout-align-xl-space-between-end,.layout-align-xl-space-between-start,.layout-align-xl-space-between-stretch{justify-content:space-between}.layout-align-xl-center-start,.layout-align-xl-end-start,.layout-align-xl-space-around-start,.layout-align-xl-space-between-start,.layout-align-xl-start-start{align-items:flex-start;align-content:flex-start}.layout-align-xl-center-center,.layout-align-xl-end-center,.layout-align-xl-space-around-center,.layout-align-xl-space-between-center,.layout-align-xl-start-center{align-items:center;align-content:center;max-width:100%}.layout-align-xl-center-center>*,.layout-align-xl-end-center>*,.layout-align-xl-space-around-center>*,.layout-align-xl-space-between-center>*,.layout-align-xl-start-center>*{max-width:100%;box-sizing:border-box}.layout-align-xl-center-end,.layout-align-xl-end-end,.layout-align-xl-space-around-end,.layout-align-xl-space-between-end,.layout-align-xl-start-end{align-items:flex-end;align-content:flex-end}.layout-align-xl-center-stretch,.layout-align-xl-end-stretch,.layout-align-xl-space-around-stretch,.layout-align-xl-space-between-stretch,.layout-align-xl-start-stretch{align-items:stretch;align-content:stretch}.flex-xl{flex:1}.flex-xl,.flex-xl-grow{-webkit-box-flex:1;box-sizing:border-box}.flex-xl-grow{flex:1 1 100%}.flex-xl-initial{flex:0 1 auto;box-sizing:border-box}.flex-xl-auto{flex:1 1 auto;box-sizing:border-box}.flex-xl-none{flex:0 0 auto;box-sizing:border-box}.flex-xl-noshrink{flex:1 0 auto;box-sizing:border-box}.flex-xl-nogrow{flex:0 1 auto;box-sizing:border-box}.flex-xl-0,.layout-row>.flex-xl-0{flex:1 1 100%;max-width:0;max-height:100%;box-sizing:border-box}.layout-row>.flex-xl-0{min-width:0}.layout-column>.flex-xl-0{max-width:100%;max-height:0%}.layout-column>.flex-xl-0,.layout-xl-row>.flex-xl-0{flex:1 1 100%;box-sizing:border-box}.layout-xl-row>.flex-xl-0{max-width:0;max-height:100%;min-width:0}.layout-xl-column>.flex-xl-0{flex:1 1 100%;max-width:100%;max-height:0%;box-sizing:border-box;min-height:0}.flex-xl-5,.layout-row>.flex-xl-5{max-width:5%;max-height:100%}.flex-xl-5,.layout-column>.flex-xl-5,.layout-row>.flex-xl-5{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-5{max-width:100%;max-height:5%}.layout-xl-row>.flex-xl-5{max-width:5%;max-height:100%}.layout-xl-column>.flex-xl-5,.layout-xl-row>.flex-xl-5{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-5{max-width:100%;max-height:5%}.flex-xl-10,.layout-row>.flex-xl-10{max-width:10%;max-height:100%}.flex-xl-10,.layout-column>.flex-xl-10,.layout-row>.flex-xl-10{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-10{max-width:100%;max-height:10%}.layout-xl-row>.flex-xl-10{max-width:10%;max-height:100%}.layout-xl-column>.flex-xl-10,.layout-xl-row>.flex-xl-10{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-10{max-width:100%;max-height:10%}.flex-xl-15,.layout-row>.flex-xl-15{max-width:15%;max-height:100%}.flex-xl-15,.layout-column>.flex-xl-15,.layout-row>.flex-xl-15{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-15{max-width:100%;max-height:15%}.layout-xl-row>.flex-xl-15{max-width:15%;max-height:100%}.layout-xl-column>.flex-xl-15,.layout-xl-row>.flex-xl-15{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-15{max-width:100%;max-height:15%}.flex-xl-20,.layout-row>.flex-xl-20{max-width:20%;max-height:100%}.flex-xl-20,.layout-column>.flex-xl-20,.layout-row>.flex-xl-20{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-20{max-width:100%;max-height:20%}.layout-xl-row>.flex-xl-20{max-width:20%;max-height:100%}.layout-xl-column>.flex-xl-20,.layout-xl-row>.flex-xl-20{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-20{max-width:100%;max-height:20%}.flex-xl-25,.layout-row>.flex-xl-25{max-width:25%;max-height:100%}.flex-xl-25,.layout-column>.flex-xl-25,.layout-row>.flex-xl-25{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-25{max-width:100%;max-height:25%}.layout-xl-row>.flex-xl-25{max-width:25%;max-height:100%}.layout-xl-column>.flex-xl-25,.layout-xl-row>.flex-xl-25{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-25{max-width:100%;max-height:25%}.flex-xl-30,.layout-row>.flex-xl-30{max-width:30%;max-height:100%}.flex-xl-30,.layout-column>.flex-xl-30,.layout-row>.flex-xl-30{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-30{max-width:100%;max-height:30%}.layout-xl-row>.flex-xl-30{max-width:30%;max-height:100%}.layout-xl-column>.flex-xl-30,.layout-xl-row>.flex-xl-30{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-30{max-width:100%;max-height:30%}.flex-xl-35,.layout-row>.flex-xl-35{max-width:35%;max-height:100%}.flex-xl-35,.layout-column>.flex-xl-35,.layout-row>.flex-xl-35{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-35{max-width:100%;max-height:35%}.layout-xl-row>.flex-xl-35{max-width:35%;max-height:100%}.layout-xl-column>.flex-xl-35,.layout-xl-row>.flex-xl-35{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-35{max-width:100%;max-height:35%}.flex-xl-40,.layout-row>.flex-xl-40{max-width:40%;max-height:100%}.flex-xl-40,.layout-column>.flex-xl-40,.layout-row>.flex-xl-40{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-40{max-width:100%;max-height:40%}.layout-xl-row>.flex-xl-40{max-width:40%;max-height:100%}.layout-xl-column>.flex-xl-40,.layout-xl-row>.flex-xl-40{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-40{max-width:100%;max-height:40%}.flex-xl-45,.layout-row>.flex-xl-45{max-width:45%;max-height:100%}.flex-xl-45,.layout-column>.flex-xl-45,.layout-row>.flex-xl-45{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-45{max-width:100%;max-height:45%}.layout-xl-row>.flex-xl-45{max-width:45%;max-height:100%}.layout-xl-column>.flex-xl-45,.layout-xl-row>.flex-xl-45{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-45{max-width:100%;max-height:45%}.flex-xl-50,.layout-row>.flex-xl-50{max-width:50%;max-height:100%}.flex-xl-50,.layout-column>.flex-xl-50,.layout-row>.flex-xl-50{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-50{max-width:100%;max-height:50%}.layout-xl-row>.flex-xl-50{max-width:50%;max-height:100%}.layout-xl-column>.flex-xl-50,.layout-xl-row>.flex-xl-50{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-50{max-width:100%;max-height:50%}.flex-xl-55,.layout-row>.flex-xl-55{max-width:55%;max-height:100%}.flex-xl-55,.layout-column>.flex-xl-55,.layout-row>.flex-xl-55{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-55{max-width:100%;max-height:55%}.layout-xl-row>.flex-xl-55{max-width:55%;max-height:100%}.layout-xl-column>.flex-xl-55,.layout-xl-row>.flex-xl-55{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-55{max-width:100%;max-height:55%}.flex-xl-60,.layout-row>.flex-xl-60{max-width:60%;max-height:100%}.flex-xl-60,.layout-column>.flex-xl-60,.layout-row>.flex-xl-60{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-60{max-width:100%;max-height:60%}.layout-xl-row>.flex-xl-60{max-width:60%;max-height:100%}.layout-xl-column>.flex-xl-60,.layout-xl-row>.flex-xl-60{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-60{max-width:100%;max-height:60%}.flex-xl-65,.layout-row>.flex-xl-65{max-width:65%;max-height:100%}.flex-xl-65,.layout-column>.flex-xl-65,.layout-row>.flex-xl-65{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-65{max-width:100%;max-height:65%}.layout-xl-row>.flex-xl-65{max-width:65%;max-height:100%}.layout-xl-column>.flex-xl-65,.layout-xl-row>.flex-xl-65{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-65{max-width:100%;max-height:65%}.flex-xl-70,.layout-row>.flex-xl-70{max-width:70%;max-height:100%}.flex-xl-70,.layout-column>.flex-xl-70,.layout-row>.flex-xl-70{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-70{max-width:100%;max-height:70%}.layout-xl-row>.flex-xl-70{max-width:70%;max-height:100%}.layout-xl-column>.flex-xl-70,.layout-xl-row>.flex-xl-70{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-70{max-width:100%;max-height:70%}.flex-xl-75,.layout-row>.flex-xl-75{max-width:75%;max-height:100%}.flex-xl-75,.layout-column>.flex-xl-75,.layout-row>.flex-xl-75{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-75{max-width:100%;max-height:75%}.layout-xl-row>.flex-xl-75{max-width:75%;max-height:100%}.layout-xl-column>.flex-xl-75,.layout-xl-row>.flex-xl-75{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-75{max-width:100%;max-height:75%}.flex-xl-80,.layout-row>.flex-xl-80{max-width:80%;max-height:100%}.flex-xl-80,.layout-column>.flex-xl-80,.layout-row>.flex-xl-80{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-80{max-width:100%;max-height:80%}.layout-xl-row>.flex-xl-80{max-width:80%;max-height:100%}.layout-xl-column>.flex-xl-80,.layout-xl-row>.flex-xl-80{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-80{max-width:100%;max-height:80%}.flex-xl-85,.layout-row>.flex-xl-85{max-width:85%;max-height:100%}.flex-xl-85,.layout-column>.flex-xl-85,.layout-row>.flex-xl-85{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-85{max-width:100%;max-height:85%}.layout-xl-row>.flex-xl-85{max-width:85%;max-height:100%}.layout-xl-column>.flex-xl-85,.layout-xl-row>.flex-xl-85{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-85{max-width:100%;max-height:85%}.flex-xl-90,.layout-row>.flex-xl-90{max-width:90%;max-height:100%}.flex-xl-90,.layout-column>.flex-xl-90,.layout-row>.flex-xl-90{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-90{max-width:100%;max-height:90%}.layout-xl-row>.flex-xl-90{max-width:90%;max-height:100%}.layout-xl-column>.flex-xl-90,.layout-xl-row>.flex-xl-90{flex:1 1 100%;box-sizing:border-box}.layout-xl-column>.flex-xl-90{max-width:100%;max-height:90%}.flex-xl-95,.layout-row>.flex-xl-95{max-width:95%;max-height:100%}.flex-xl-95,.layout-column>.flex-xl-95,.layout-row>.flex-xl-95{flex:1 1 100%;box-sizing:border-box}.layout-column>.flex-xl-95{max-width:100%;max-height:95%}.layout-xl-row>.flex-xl-95{flex:1 1 100%;max-width:95%;max-height:100%;box-sizing:border-box}.layout-xl-column>.flex-xl-95{max-height:95%}.flex-xl-100,.layout-xl-column>.flex-xl-95{flex:1 1 100%;max-width:100%;box-sizing:border-box}.flex-xl-100{max-height:100%}.layout-column>.flex-xl-100,.layout-row>.flex-xl-100,.layout-xl-column>.flex-xl-100,.layout-xl-row>.flex-xl-100{flex:1 1 100%;max-width:100%;max-height:100%;box-sizing:border-box}.layout-row>.flex-xl-33{flex:1 1 33.33%;max-width:33.33%}.layout-row>.flex-xl-33,.layout-row>.flex-xl-66{-webkit-box-flex:1;max-height:100%;box-sizing:border-box}.layout-row>.flex-xl-66{flex:1 1 66.66%;max-width:66.66%}.layout-column>.flex-xl-33{flex:1 1 33.33%;max-height:33.33%}.layout-column>.flex-xl-33,.layout-column>.flex-xl-66{-webkit-box-flex:1;max-width:100%;box-sizing:border-box}.layout-column>.flex-xl-66{flex:1 1 66.66%;max-height:66.66%}.layout-xl-row>.flex-xl-33{max-width:33.33%}.layout-xl-row>.flex-xl-33,.layout-xl-row>.flex-xl-66{flex:1 1 100%;max-height:100%;box-sizing:border-box}.layout-xl-row>.flex-xl-66{max-width:66.66%}.layout-xl-row>.flex{min-width:0}.layout-xl-column>.flex-xl-33{max-height:33.33%}.layout-xl-column>.flex-xl-33,.layout-xl-column>.flex-xl-66{flex:1 1 100%;max-width:100%;box-sizing:border-box}.layout-xl-column>.flex-xl-66{max-height:66.66%}.layout-xl-column>.flex{min-height:0}.layout-xl,.layout-xl-column,.layout-xl-row{box-sizing:border-box;display:flex}.layout-xl-column{flex-direction:column}.layout-xl-row{flex-direction:row}.hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),.hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),.hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),.hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show),.hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show),.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show){display:none}}@media print{.hide-print:not(.show-print):not(.show){display:none!important}}
/*!******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/animate.css/animate.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@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)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.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)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:translateZ(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.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)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.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)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@keyframes flipOutX{0%{transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.delay-1s{animation-delay:1s}.animated.delay-2s{animation-delay:2s}.animated.delay-3s{animation-delay:3s}.animated.delay-4s{animation-delay:4s}.animated.delay-5s{animation-delay:5s}.animated.fast{animation-duration:.8s}.animated.faster{animation-duration:.5s}.animated.slow{animation-duration:2s}.animated.slower{animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/flipclock/compiled/flipclock.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

/*.flip-clock-wrapper.clearfix {*/
/*  *zoom: 1; }*/

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  animation: turn 0.5s 0.5s linear both; }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  animation: turn2 0.5s linear both; }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  animation: hide 0.5s 0.2s linear both; }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/justifiedGallery/dist/css/justifiedGallery.min.css?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Justified Gallery - v3.6.3
 * http://miromannino.github.io/Justified-Gallery/
 * Copyright (c) 2016 Miro Mannino
 * Licensed under the MIT license.
 */
.justified-gallery{width:100%;position:relative;overflow:hidden}.justified-gallery>a,.justified-gallery>div{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img{position:absolute;top:50%;left:50%;margin:0;padding:0;border:0;filter:"alpha(opacity=0)";opacity:0}.justified-gallery>a>.caption,.justified-gallery>div>.caption{display:none;position:absolute;bottom:0;padding:5px;background-color:#000;left:0;right:0;margin:0;color:#fff;font-size:12px;font-weight:300;font-family:sans-serif}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;transition:opacity 500ms ease-in}.justified-gallery>.entry-visible{filter:"alpha(opacity=100)";opacity:1;background:0 0}.justified-gallery>.entry-visible>img,.justified-gallery>.entry-visible>a>img{filter:"alpha(opacity=100)";opacity:1;transition:opacity 500ms ease-in}.justified-gallery>.jg-filtered{display:none}.justified-gallery>.spinner{position:absolute;bottom:0;margin-left:-24px;padding:10px 0;left:50%;filter:"alpha(opacity=100)";opacity:1;overflow:initial}.justified-gallery>.spinner>span{display:inline-block;filter:"alpha(opacity=0)";opacity:0;width:8px;height:8px;margin:0 4px;background-color:#000;border-radius:6px}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/medium-editor/dist/css/medium-editor.min.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************/
.medium-editor-anchor-preview,.medium-editor-toolbar{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;z-index:2000}@keyframes medium-editor-image-loading{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes medium-editor-pop-upwards{0%{opacity:0;transform:matrix(.97,0,0,1,0,12)}20%{opacity:.7;transform:matrix(.99,0,0,1,0,2)}40%{opacity:1;transform:matrix(1,0,0,1,0,-1)}100%{transform:matrix(1,0,0,1,0,0)}}.medium-editor-anchor-preview{left:0;line-height:1.4;max-width:280px;position:absolute;text-align:center;top:0;word-break:break-all;word-wrap:break-word;visibility:hidden}.medium-editor-anchor-preview a{color:#fff;display:inline-block;margin:5px 5px 10px}.medium-editor-placeholder-relative:after,.medium-editor-placeholder:after{content:attr(data-placeholder)!important;white-space:pre;padding:inherit;margin:inherit;font-style:italic}.medium-editor-anchor-preview-active{visibility:visible}.medium-editor-dragover{background:#ddd}.medium-editor-image-loading{animation:medium-editor-image-loading 1s infinite ease-in-out;background-color:#333;border-radius:100%;display:inline-block;height:40px;width:40px}.medium-editor-placeholder{position:relative}.medium-editor-placeholder:after{position:absolute;left:0;top:0}.medium-editor-placeholder-relative,.medium-editor-placeholder-relative:after{position:relative}.medium-toolbar-arrow-over:before,.medium-toolbar-arrow-under:after{border-style:solid;content:'';display:block;height:0;left:50%;margin-left:-8px;position:absolute;width:0}.medium-toolbar-arrow-under:after{border-width:8px 8px 0}.medium-toolbar-arrow-over:before{border-width:0 8px 8px;top:-8px}.medium-editor-toolbar{left:0;position:absolute;top:0;visibility:hidden}.medium-editor-toolbar ul{margin:0;padding:0}.medium-editor-toolbar li{float:left;list-style:none;margin:0;padding:0}.medium-editor-toolbar li button{box-sizing:border-box;cursor:pointer;display:block;font-size:14px;line-height:1.33;margin:0;padding:15px;text-decoration:none}.medium-editor-toolbar li button:focus{outline:0}.medium-editor-toolbar li .medium-editor-action-underline{text-decoration:underline}.medium-editor-toolbar li .medium-editor-action-pre{font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;font-weight:100;padding:15px 0}.medium-editor-toolbar-active{visibility:visible}.medium-editor-sticky-toolbar{position:fixed;top:1px}.medium-editor-relative-toolbar{position:relative}.medium-editor-toolbar-active.medium-editor-stalker-toolbar{animation:medium-editor-pop-upwards 160ms forwards linear}.medium-editor-action-bold{font-weight:bolder}.medium-editor-action-italic{font-style:italic}.medium-editor-toolbar-form{display:none}.medium-editor-toolbar-form a,.medium-editor-toolbar-form input{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}.medium-editor-toolbar-form .medium-editor-toolbar-form-row{line-height:14px;margin-left:5px;padding-bottom:5px}.medium-editor-toolbar-form .medium-editor-toolbar-input,.medium-editor-toolbar-form label{border:none;box-sizing:border-box;font-size:14px;margin:0;padding:6px;width:316px;display:inline-block}.medium-editor-toolbar-form .medium-editor-toolbar-input:focus,.medium-editor-toolbar-form label:focus{appearance:none;border:none;box-shadow:none;outline:0}.medium-editor-toolbar-form a{display:inline-block;font-size:24px;font-weight:bolder;margin:0 10px;text-decoration:none}.medium-editor-toolbar-form-active{display:block}.medium-editor-toolbar-actions:after{clear:both;content:"";display:table}.medium-editor-element{word-wrap:break-word;min-height:30px}.medium-editor-element img{max-width:100%}.medium-editor-element sub{vertical-align:sub}.medium-editor-element sup{vertical-align:super}.medium-editor-hidden{display:none}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/medium-editor/dist/css/themes/default.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************/
.medium-toolbar-arrow-under:after {
  border-color: #242424 transparent transparent transparent;
  top: 50px; }

.medium-toolbar-arrow-over:before {
  border-color: transparent transparent #242424 transparent;
  top: -8px; }

.medium-editor-toolbar {
  background-color: #242424;
  background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.75));
  border: 1px solid #000;
  border-radius: 5px;
  box-shadow: 0 0 3px #000; }
  .medium-editor-toolbar li button {
    background-color: #242424;
    background: linear-gradient(to bottom, #242424, rgba(36, 36, 36, 0.89));
    border: 0;
    border-right: 1px solid #000;
    border-left: 1px solid #333;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    color: #fff;
    height: 50px;
    min-width: 50px;
    transition: background-color .2s ease-in; }
    .medium-editor-toolbar li button:hover {
      background-color: #000;
      color: yellow; }
  .medium-editor-toolbar li .medium-editor-button-first {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px; }
  .medium-editor-toolbar li .medium-editor-button-last {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px; }
  .medium-editor-toolbar li .medium-editor-button-active {
    background-color: #000;
    background: linear-gradient(to bottom, #242424, rgba(0, 0, 0, 0.89));
    color: #fff; }

.medium-editor-toolbar-form {
  background: #242424;
  border-radius: 5px;
  color: #999; }
  .medium-editor-toolbar-form .medium-editor-toolbar-input {
    background: #242424;
    box-sizing: border-box;
    color: #ccc;
    height: 50px; }
  .medium-editor-toolbar-form a {
    color: #fff; }

.medium-editor-toolbar-anchor-preview {
  background: #242424;
  border-radius: 5px;
  color: #fff; }

.medium-editor-placeholder:after {
  color: #b3b3b1; }

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/photoswipe/dist/photoswipe.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*!************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/photoswipe/dist/default-skin/default-skin.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url('../png/default-skin.5c7414a45c56a803.png') 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url('../svg/default-skin.5da9b21d629d48f2.svg'); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url('../gif/preloader.32a736a5d1cc5360.gif') 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@keyframes clockwise {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes donut-rotate {
  0% {
    transform: rotate(0); }
  50% {
    transform: rotate(-140deg); }
  100% {
    transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./projects/gurushots-game/src/app/gsApp/bower_components/slick-carousel/slick/slick.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
.mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0)}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-ripple-element{background-color:rgba(0,0,0,.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081}.mat-warn{--mat-option-selected-state-label-text-color:#f44336}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}.mat-mdc-card{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}.mat-mdc-card{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:rgba(63, 81, 181, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(63, 81, 181, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(63, 81, 181, 0.25))}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:rgba(255, 64, 129, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 64, 129, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(255, 64, 129, 0.25))}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}@keyframes mdc-linear-progress-buffering{}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:rgba(244, 67, 54, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))}@media(forced-colors: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:ButtonBorder}}@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-color:rgba(0,0,0,0);background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25);background-color:var(--mdc-linear-progress-track-color, rgba(244, 67, 54, 0.25))}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}.mat-mdc-tooltip{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38)}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font);line-height:var(--mat-form-field-subscript-text-line-height);font-size:var(--mat-form-field-subscript-text-size);letter-spacing:var(--mat-form-field-subscript-text-tracking);font-weight:var(--mat-form-field-subscript-text-weight)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(63,81,181,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,64,129,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-background-color:white}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}.mat-mdc-slide-toggle{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-handle-shadow-color:black;--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}.mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mat-mdc-slide-toggle{--mat-slide-toggle-label-text-font:Roboto, sans-serif;--mat-slide-toggle-label-text-size:14px;--mat-slide-toggle-label-text-tracking:0.0178571429em;--mat-slide-toggle-label-text-line-height:20px;--mat-slide-toggle-label-text-weight:400}.mat-mdc-slide-toggle .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:#000;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38)}.mat-mdc-radio-button .mdc-radio{--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2)}.mat-mdc-slider.mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2)}.mat-mdc-slider.mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}.mat-mdc-list-base{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}.mat-mdc-list-base{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mat-mdc-list-base{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:#000;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}html{--mdc-checkbox-state-layer-size:40px}.mat-mdc-checkbox .mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);--mdc-icon-button-icon-color:inherit;--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #6200ee;--mat-mdc-button-ripple-color: rgba(98, 0, 238, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #018786;--mat-mdc-button-ripple-color: rgba(1, 135, 134, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #b00020;--mat-mdc-button-ripple-color: rgba(176, 0, 32, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:white;--mdc-fab-icon-color:black;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mdc-fab-icon-color:white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mdc-fab-icon-color:white;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:white;--mat-mdc-fab-color: #fff}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-extended-fab{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}.mat-mdc-snack-bar-container{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}.mat-mdc-snack-bar-container{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background-color:var(--mat-badge-background-color);color:var(--mat-badge-text-color);font-family:Roboto, sans-serif;font-family:var(--mat-badge-text-font, Roboto, sans-serif);font-size:12px;font-size:var(--mat-badge-text-size, 12px);font-weight:600;font-weight:var(--mat-badge-text-weight, 600)}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-disabled .mat-badge-content{background-color:var(--mat-badge-disabled-state-background-color);color:var(--mat-badge-disabled-state-text-color)}.mat-badge-hidden .mat-badge-content{display:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px;font-size:9px;font-size:var(--mat-badge-small-size-text-size, 9px)}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px;font-size:24px;font-size:var(--mat-badge-large-size-text-size, 24px)}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-text-font:Roboto, sans-serif;--mat-standard-button-toggle-text-font:Roboto, sans-serif}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size:40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}.mat-sort-header-arrow{color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/gurushots-game/src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
html {
  min-width: 320px;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  position: relative;
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  padding: 0;
  color: #313030;
  font-weight: 400;
  font-size: 14px;
  font-family: "Open Sans", "Arial", sans-serif;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
}
body #gs-app-main {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  body #gs-app-main:not(.loggedIn) {
    padding-top: 52px;
  }
  body #gs-app-main:not(.loggedIn) mobile-header {
    display: none;
  }
}

img {
  background-repeat: no-repeat;
}

#page {
  min-height: 100vh;
  position: relative;
  margin: auto 0;
  background-color: #fff;
  padding-top: 68px;
  display: flex;
  flex-direction: column;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  #page {
    padding-top: 0;
  }
}

.hidden, input[hidden] {
  display: none !important;
}

.unselectable {
  -webkit-user-select: none;
          user-select: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 700;
  margin: unset;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.3em;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #3397d2;
}
a:hover {
  text-decoration: underline;
}

button, label {
  cursor: pointer;
  font-family: "Open Sans", "Arial", sans-serif;
}

.welcome-message_styles-reset p {
  padding: 0;
}

.container {
  box-sizing: content-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 480px) {
  .container {
    padding: 0 30px/2;
  }
}

/* Fix for Edge 'X' in input */
input::-ms-clear {
  display: none;
}

body > .ab-feed {
  display: none;
} /* Hide default Braze side panel */
.btn {
  position: relative;
  display: inline-block;
  padding: 0.4em 0.8em;
  cursor: pointer;
  transition: background-color 0.1s;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 3px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.btn:hover:not([disabled]) {
  text-decoration: none;
}
.btn.large {
  padding: 0.7em 1.5em;
  font-size: 1.1rem;
}
.btn.type2 {
  background: #2C7FA6;
}
.btn.type2:not([disabled]):hover {
  background: #318eba;
}
.btn.type3 {
  color: #555;
  background: #eee;
}
.btn.type3:hover {
  background: #f1f1f1;
}
.btn.type4 {
  color: #eee;
  background: #444;
}
.btn.type4:hover {
  background: #585858;
}
.btn.type5 {
  transition: 0.2s;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: none;
}
.btn.type5:hover {
  border-color: #fff;
  background: none;
}
.btn.type6 {
  transition: 0.2s;
  color: #fff;
  background: rgba(255, 255, 255, 0.22);
}
.btn.type6:hover {
  background: rgba(255, 255, 255, 0.33);
}
.btn.cancel {
  color: #777;
  background: none;
}
.btn.cancel:hover {
  color: #E54B4B;
  background: none;
  box-shadow: none;
}
.btn[disabled] {
  cursor: default;
  opacity: 0.8;
}
.btn[disabled]:hover {
  box-shadow: none;
}
.btn .icon {
  margin-right: 0.3em;
}
.btn.free:after {
  position: absolute;
  right: 0;
  bottom: -1.6em;
  left: 0;
  content: "It's free";
  transition: 0.5s;
  opacity: 0.7;
  color: #000;
  font-size: 0.8em;
}
.btn.free:hover:after {
  opacity: 1;
}
.btn:before {
  position: absolute;
  right: 0;
  left: 0;
  margin: -1.5em auto 0;
  content: "";
  color: #fff;
  font: 1.6em/0.7 "icomoon";
}
.btn.fw600 {
  font-weight: 600;
}
.btn.done {
  transition: 0.2s;
  color: transparent;
}
.btn.done:before {
  margin-top: 0;
  content: "\e620";
  transition: 0.3s cubic-bezier(0.55, 0, 0.45, 1.3);
}
.btn.failed {
  transition: 0.2s;
  color: transparent;
  background: #E54B4B !important;
}
.btn.failed:before {
  margin-top: 0;
  content: "✖";
  transition: 0.3s cubic-bezier(0.55, 0, 0.45, 1.3);
}
.desktop .btn.flipIcon {
  overflow: hidden;
}
.desktop .btn.flipIcon > i {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-indent: -500px;
  color: #fff;
  text-shadow: 500px 0, 500px -35px 5px;
}
.desktop .btn.flipIcon:hover > i {
  text-shadow: 500px 35px 5px, 500px 0;
}
.btn.photosIcon::before {
  position: static;
  display: inline-block;
  margin: -5px 0.2em 0 -0.1em;
  content: "\e61d";
  transition: 0.13s ease-out;
  vertical-align: middle;
  opacity: 0.5;
  font-size: 1.6em;
  line-height: 0;
}
.btn.photosIcon:hover::before {
  opacity: 0.9;
}
.btn.follow {
  width: 70px;
  padding: 3px;
  transition: 0.1s ease-in;
  white-space: nowrap;
  color: #218ccc;
  border: 1px solid #90c6e6;
  border-radius: 3px;
  background: none;
}
.btn.follow:not(.following):hover {
  transition-timing-function: ease-out;
  border-color: #218ccc;
  background: none;
}
.btn.follow:not(.following):active {
  transition: 0s;
}
.btn.follow.following {
  color: #218ccc;
  background: #e9f4fa;
}
.btn.follow.following::before, .btn.follow.following::after {
  display: inline-block;
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.13s ease-out;
  vertical-align: bottom;
  color: inherit;
  font: inherit;
}
.btn.follow.following::before {
  position: static;
  margin: 0;
  content: "un";
  font: inherit;
}
.btn.follow.following::after {
  max-width: 20px;
  content: "ing";
}
.btn.follow.following:hover {
  background: #e4f1f9;
  box-shadow: none;
}
.btn.follow.following:hover::before {
  max-width: 20px;
}
.btn.follow.following:hover::after {
  max-width: 0;
}
.btn.follow.loading {
  position: relative;
  background: url("../gif/loader_bg_white.gif") 50% 50% no-repeat;
}
.btn.follow.error {
  position: relative;
  color: transparent;
  border-color: #f3adad;
  background: #fceded !important;
}
.btn.follow.error::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none !important;
  content: "Error";
  color: #E54B4B;
  font: inherit;
  line-height: 1.7;
}
@media screen and (max-width: 800px) {
  .btn.large.resp {
    padding: 0.5em 1em;
    font-size: 1rem;
  }
}

* {
  text-rendering: optimizeLegibility;
}

.h-img-filter:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.icomoon {
  display: inline-block;
  text-transform: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.md-autocomplete-suggestions-container {
  z-index: 100000 !important; /* any number of choice > 1050*/
  min-height: 0;
}

.md-open-menu-container {
  z-index: 999999;
}

md-backdrop.md-opaque {
  opacity: 0.8 !important;
  z-index: 10000 !important;
}

.md-dialog-container {
  position: fixed !important;
  z-index: 100000 !important;
  top: 0 !important;
  height: 100% !important;
}

.gs-image {
  transition: opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  opacity: 0;
}
.gs-image.loaded {
  opacity: 1;
}

.gs-inline-block {
  display: inline-block;
}

.gs-display-inherit {
  display: inherit;
}

ui-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.clearfix {
  overflow: auto;
}

.gs-views-indicator {
  width: 10px;
  height: 10px;
  border: solid 1px rgb(255, 255, 255);
  background-color: #0080ff;
  border-radius: 10px;
}

.button-glow, .gs-views-indicator {
  animation: glowing 2500ms infinite;
}

.grecaptcha-badge {
  visibility: hidden;
}

.gs-scroll::-webkit-scrollbar, .mat-mdc-dialog-surface::-webkit-scrollbar, .mdc-dialog__surface::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
}
.gs-scroll::-webkit-scrollbar-track, .mat-mdc-dialog-surface::-webkit-scrollbar-track, .mdc-dialog__surface::-webkit-scrollbar-track, .gs-scroll::-webkit-scrollbar-thumb, .mat-mdc-dialog-surface::-webkit-scrollbar-thumb, .mdc-dialog__surface::-webkit-scrollbar-thumb {
  border-radius: 14px !important;
}
.gs-scroll::-webkit-scrollbar-track, .mat-mdc-dialog-surface::-webkit-scrollbar-track, .mdc-dialog__surface::-webkit-scrollbar-track {
  background: transparent !important;
}
.gs-scroll::-webkit-scrollbar-thumb, .mat-mdc-dialog-surface::-webkit-scrollbar-thumb, .mdc-dialog__surface::-webkit-scrollbar-thumb {
  background: #dbd5d5 !important;
}

.gs-braze-scroll {
  overflow: unset !important;
}

.gs-braze-web-modal, .gs-braze-sticky {
  height: 463px !important;
  position: fixed !important;
  width: 383px !important;
  bottom: 60px !important;
  left: 60px !important;
  box-shadow: unset !important;
  pointer-events: all;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-braze-web-modal, .gs-braze-sticky {
    top: unset !important;
    left: unset !important;
    right: 0 !important;
    width: 140px !important;
    height: 120px !important;
    bottom: 50px !important;
  }
}

.gs-braze-sticky {
  width: 200px !important;
  height: 200px !important;
  bottom: unset !important;
  top: 70px !important;
}

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

.gs-text-dots {
  width: 100%;
}

.gs-loader-small {
  border: 4px solid #3397d2;
  border-radius: 50%;
  border-top-color: transparent;
  width: 25px;
  height: 25px;
  animation: spin 2s linear infinite;
}

.gs-border-bottom-divider {
  border-bottom: 1px solid #CDD8E2;
  width: 100%;
}

.gs-border-top-divider {
  border-top: 1px solid #CDD8E2;
  width: 100%;
}

.gs-divider {
  background-color: #CDD8E2;
  width: 100%;
  height: 1px;
}

.gs-link {
  color: #3397d2;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
}
.gs-link:hover {
  text-decoration: none;
}

md-checkbox .md-label {
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
md-checkbox .md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #3397d2;
}

.gs-red-dot {
  position: relative;
}
.gs-red-dot:before {
  position: absolute;
  right: -13px;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background-color: #e82b41;
  top: 50%;
  transform: translateY(-50%);
}

.text-ellipsis,
.gs-text-ellipsis,
.gs-text-dots {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#gsBrazeContentCards .ab-feed,
#gsBrazeModalContent .ab-feed {
  width: 100%;
  margin: 0 auto;
  max-width: 400px;
}
#gsBrazeContentCards .ab-feed.ab-effect-slide,
#gsBrazeModalContent .ab-feed.ab-effect-slide {
  /* To avoid braze default animation */
  transform: translateX(0);
}
#gsBrazeContentCards .ab-feed-body,
#gsBrazeModalContent .ab-feed-body {
  padding: 0;
  border: 0 none;
}
#gsBrazeContentCards .ab-feed-body .ab-card,
#gsBrazeModalContent .ab-feed-body .ab-card {
  margin: 0;
  border: 0 none;
}
#gsBrazeContentCards .ab-feed-buttons-wrapper,
#gsBrazeModalContent .ab-feed-buttons-wrapper {
  display: none;
}

.gs-new-indicator {
  background-color: #FF6B6B;
  border-radius: 16px;
  padding: 1px 5px;
  color: white;
  font-weight: 600;
  line-height: 18px;
}

.mat-mdc-dialog-surface {
  border-radius: 20px !important;
}

/* styles.css */
.highlighted {
  z-index: 9999 !important;
}

.dark-overlay {
  position: fixed;
  top: 0;
  left: 0;
  background-color: black;
  height: 100%;
  width: 100%;
  z-index: 9998;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.dark-overlay.cursor-pointer {
  cursor: pointer;
}

.shown {
  opacity: 0.8;
  display: block;
}

.tooltip-top {
  bottom: calc(100% + 20px + 5px);
  left: 50%;
  transform: translateX(-50%);
}

.tooltip-bottom {
  top: calc(100% + 20px + 5px);
  left: 50%;
  transform: translateX(-50%);
}

.white-snackbar {
  --mdc-snackbar-container-color: white;
  --mdc-snackbar-supporting-text-color: black;
}
.white-snackbar .mat-mdc-snack-bar-label {
  text-align: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./projects/gurushots-game/src/sass/styles.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}
.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}
.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}
.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}
.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}
.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}
.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}
.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}
.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}
.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}
.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}
.gs-theme-button-error {
  background-color: #FF6B6B;
}
.gs-theme-button-confirmation {
  background-color: #00F5C2;
}
.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-button-gold_icon {
  background-color: #FFC422;
}
.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}
.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}
.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}
.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}
.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}
.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}
.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}
.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}
.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}
.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}
.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}
.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}
.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}
.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}
.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}
.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}
.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}
.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}
.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}
.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}
.gs-theme-color-error {
  color: #FF6B6B;
}
.gs-theme-color-black_100 {
  color: #000000;
}
.gs-theme-color-blue_05 {
  color: #F2FAFE;
}
.gs-theme-color-blue_100 {
  color: #218CCC;
}
.gs-theme-color-blue_10 {
  color: #E8F3F9;
}
.gs-theme-color-blue_20 {
  color: #D3E8F5;
}
.gs-theme-color-blue_30 {
  color: #BCDCEF;
}
.gs-theme-color-blue_40 {
  color: #A6D1EB;
}
.gs-theme-color-blue_50 {
  color: #90C5E5;
}
.gs-theme-color-blue_60 {
  color: #7ABAE0;
}
.gs-theme-color-blue_70 {
  color: #63AEDB;
}
.gs-theme-color-blue_80 {
  color: #4DA3D6;
}
.gs-theme-color-blue_90 {
  color: #3797D1;
}
.gs-theme-color-blue_solid {
  color: #578CFF;
}
.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}
.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}
.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}
.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}
.gs-theme-color-cool_05 {
  color: #F6F8FA;
}
.gs-theme-color-cool_100 {
  color: #597DA1;
}
.gs-theme-color-cool_10 {
  color: #EEF2F5;
}
.gs-theme-color-cool_20 {
  color: #DEE5EC;
}
.gs-theme-color-cool_30 {
  color: #CDD8E2;
}
.gs-theme-color-cool_40 {
  color: #BDCBD9;
}
.gs-theme-color-cool_50 {
  color: #ACBED0;
}
.gs-theme-color-cool_60 {
  color: #9CB1C7;
}
.gs-theme-color-cool_70 {
  color: #8BA4BD;
}
.gs-theme-color-cool_80 {
  color: #7B97B4;
}
.gs-theme-color-cool_90 {
  color: #6A8AAA;
}
.gs-theme-color-dark_green {
  color: #4F806B;
}
.gs-theme-color-dark_orange {
  color: #E08B0A;
}
.gs-theme-color-dark_purple {
  color: #57369C;
}
.gs-theme-color-gray_05 {
  color: #F5F5F5;
}
.gs-theme-color-gray_10 {
  color: #EAEAEA;
}
.gs-theme-color-gray_20 {
  color: #D7D7D7;
}
.gs-theme-color-gray_30 {
  color: #C2C2C2;
}
.gs-theme-color-gray_40 {
  color: #AFAFAF;
}
.gs-theme-color-gray_50 {
  color: #9A9A9A;
}
.gs-theme-color-gray_60 {
  color: #868686;
}
.gs-theme-color-gray_70 {
  color: #727272;
}
.gs-theme-color-gray_80 {
  color: #5E5E5E;
}
.gs-theme-color-gray_90 {
  color: #4A4A4A;
}
.gs-theme-color-gray_100 {
  color: #363636;
}
.gs-theme-color-green_highlight {
  color: #0F8730;
}
.gs-theme-color-light_green {
  color: #E6FEF1;
}
.gs-theme-color-light_orange {
  color: #FFF0E8;
}
.gs-theme-color-light_purple {
  color: #E4E6FF;
}
.gs-theme-color-light_red {
  color: #FFE7E7;
}
.gs-theme-color-white_100 {
  color: #FFFFFF;
}
.gs-theme-color-gold_key {
  color: #FFBA00;
}
.gs-theme-color-light-gold {
  color: #FFF7D8;
}
.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}
.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}
.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}
.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}
.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}
.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}
.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}
.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}
.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}
.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}
.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}
.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}
.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}
.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}
.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}
.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}
.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}
.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}
.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}
.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}
.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}
.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}
.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}
.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}
.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}
.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}
.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}
.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}
.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}
.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}
.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}
.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}
.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}
.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}
.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}
.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}
.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}
.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}
.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}
.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}
.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}
.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}
.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}
.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}
.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}
.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}
.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}
.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}
.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}
.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}
.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}
.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}
.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}
.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com
Twitter:@rich_clark
*/
html, body, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin-block-start: unset;
  margin-block-end: unset;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

*, *:before, *:after {
  outline: none;
  box-sizing: border-box;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}
.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}
.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}
.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}
.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}
.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}
.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}
.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}
.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}
.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}
.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}
.gs-theme-button-error {
  background-color: #FF6B6B;
}
.gs-theme-button-confirmation {
  background-color: #00F5C2;
}
.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-button-gold_icon {
  background-color: #FFC422;
}
.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}
.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}
.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}
.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}
.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}
.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}
.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}
.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}
.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}
.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}
.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}
.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}
.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}
.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}
.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}
.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}
.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}
.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}
.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}
.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}
.gs-theme-color-error {
  color: #FF6B6B;
}
.gs-theme-color-black_100 {
  color: #000000;
}
.gs-theme-color-blue_05 {
  color: #F2FAFE;
}
.gs-theme-color-blue_100 {
  color: #218CCC;
}
.gs-theme-color-blue_10 {
  color: #E8F3F9;
}
.gs-theme-color-blue_20 {
  color: #D3E8F5;
}
.gs-theme-color-blue_30 {
  color: #BCDCEF;
}
.gs-theme-color-blue_40 {
  color: #A6D1EB;
}
.gs-theme-color-blue_50 {
  color: #90C5E5;
}
.gs-theme-color-blue_60 {
  color: #7ABAE0;
}
.gs-theme-color-blue_70 {
  color: #63AEDB;
}
.gs-theme-color-blue_80 {
  color: #4DA3D6;
}
.gs-theme-color-blue_90 {
  color: #3797D1;
}
.gs-theme-color-blue_solid {
  color: #578CFF;
}
.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}
.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}
.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}
.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}
.gs-theme-color-cool_05 {
  color: #F6F8FA;
}
.gs-theme-color-cool_100 {
  color: #597DA1;
}
.gs-theme-color-cool_10 {
  color: #EEF2F5;
}
.gs-theme-color-cool_20 {
  color: #DEE5EC;
}
.gs-theme-color-cool_30 {
  color: #CDD8E2;
}
.gs-theme-color-cool_40 {
  color: #BDCBD9;
}
.gs-theme-color-cool_50 {
  color: #ACBED0;
}
.gs-theme-color-cool_60 {
  color: #9CB1C7;
}
.gs-theme-color-cool_70 {
  color: #8BA4BD;
}
.gs-theme-color-cool_80 {
  color: #7B97B4;
}
.gs-theme-color-cool_90 {
  color: #6A8AAA;
}
.gs-theme-color-dark_green {
  color: #4F806B;
}
.gs-theme-color-dark_orange {
  color: #E08B0A;
}
.gs-theme-color-dark_purple {
  color: #57369C;
}
.gs-theme-color-gray_05 {
  color: #F5F5F5;
}
.gs-theme-color-gray_10 {
  color: #EAEAEA;
}
.gs-theme-color-gray_20 {
  color: #D7D7D7;
}
.gs-theme-color-gray_30 {
  color: #C2C2C2;
}
.gs-theme-color-gray_40 {
  color: #AFAFAF;
}
.gs-theme-color-gray_50 {
  color: #9A9A9A;
}
.gs-theme-color-gray_60 {
  color: #868686;
}
.gs-theme-color-gray_70 {
  color: #727272;
}
.gs-theme-color-gray_80 {
  color: #5E5E5E;
}
.gs-theme-color-gray_90 {
  color: #4A4A4A;
}
.gs-theme-color-gray_100 {
  color: #363636;
}
.gs-theme-color-green_highlight {
  color: #0F8730;
}
.gs-theme-color-light_green {
  color: #E6FEF1;
}
.gs-theme-color-light_orange {
  color: #FFF0E8;
}
.gs-theme-color-light_purple {
  color: #E4E6FF;
}
.gs-theme-color-light_red {
  color: #FFE7E7;
}
.gs-theme-color-white_100 {
  color: #FFFFFF;
}
.gs-theme-color-gold_key {
  color: #FFBA00;
}
.gs-theme-color-light-gold {
  color: #FFF7D8;
}
.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}
.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}
.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}
.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}
.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}
.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}
.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}
.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}
.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}
.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}
.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}
.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}
.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}
.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}
.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}
.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}
.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}
.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}
.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}
.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}
.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}
.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}
.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}
.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}
.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}
.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}
.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}
.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}
.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}
.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}
.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}
.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}
.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}
.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}
.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}
.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}
.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}
.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}
.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}
.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}
.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}
.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}
.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}
.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}
.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}
.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}
.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}
.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}
.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}
.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}
.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}
.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}
.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}
.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

@font-face {
  font-family: "bebas-neue";
  src: local("bebas-neue"), url('../ttf/bebas-neue.81115261fd23a9bb.ttf') format("truetype"), url('../woff2/bebas-neue.3f7e38a3a6052ea2.woff2') format("woff2");
}
@font-face {
  font-family: "changa";
  src: local("changa"), url('../ttf/changa.9a22a6b74032402a.ttf') format("truetype");
}
@font-face {
  font-family: "icomoon";
  src: url('../eot/icomoon.6a18bd65a6d6dafc1c34.eot');
  src: url('../eot/icomoon.6a18bd65a6d6dafc1c34.eot#iefix') format("embedded-opentype"), url('../woff2/icomoon.05a81bca0d91f9371c34.woff2') format("woff2"), url('../ttf/icomoon.03903cfb410b6bca1c34.ttf') format("truetype"), url('../woff/icomoon.661c718380f60d381c34.woff') format("woff"), url('../svg/icomoon.5b9d775713dcc1c61c34.svg#icomoon') format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
i {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-google-play1:before {
  content: "\ea3d";
}

.icon-app-store1:before {
  content: "\ea3e";
}

.icon-google-play:before {
  content: "\e93c";
}

.icon-app-store:before {
  content: "\e93d";
}

.icon-info-sign:before {
  content: "\ea9a";
}

.icon-my-position:before {
  content: "\ea99";
}

.icon-flash-challenge:before {
  content: "\ea98";
}

.icon-no-guru-pick:before {
  content: "\ea97";
}

.icon-challenge-turbo:before {
  content: "\ea95";
}

.icon-mute:before {
  content: "\ea96";
}

.icon-vote:before {
  content: "\ea91";
}

.icon-turbo:before {
  content: "\ea92";
}

.icon-target2:before {
  content: "\ea90";
}

.icon-first-place:before {
  content: "\ea8d";
}

.icon-successful-swap-round1:before {
  content: "\ea1c";
}

.icon-trophy-empty:before {
  content: "\ea84";
}

.icon-link:before {
  content: "\ea83";
}

.icon-v-circle:before {
  content: "\ea82";
}

.icon-exclamation-point:before {
  content: "\ea81";
}

.icon-lock-open:before {
  content: "\ea80";
}

.icon-key-2:before {
  content: "\ea7f";
}

.icon-adult:before {
  content: "\ea7e";
}

.icon-photo-share:before {
  content: "\ea7d";
}

.icon-2:before {
  content: "\ea7a";
}

.icon-3:before {
  content: "\ea7b";
}

.icon-4:before {
  content: "\ea7c";
}

.icon-team-type:before {
  content: "\e9e3";
}

.icon-error:before {
  content: "\e9e1";
}

.icon-filters:before {
  content: "\e9e0";
}

.icon-team-status:before {
  content: "\e9db";
}

.icon-team-name:before {
  content: "\e9dc";
}

.icon-team-language:before {
  content: "\e9dd";
}

.icon-team-country:before {
  content: "\e9df";
}

.icon-chat-text:before {
  content: "\e9d8";
}

.icon-date:before {
  content: "\e9d9";
}

.icon-info-full:before {
  content: "\e9da";
}

.icon-warning-2:before {
  content: "\e9d7";
}

.icon-match-stars:before {
  content: "\e9d6";
}

.icon-league:before {
  content: "\e9d2";
}

.icon-lb-global:before {
  content: "\e9d3";
}

.icon-emoji-picker:before {
  content: "\e9d0";
}

.icon-match-history-looser:before {
  content: "\e9cc";
}

.icon-match-history-winner:before {
  content: "\e9cd";
}

.icon-leave-team:before {
  content: "\e9cb";
}

.icon-chat:before {
  content: "\e9c2";
}

.icon-v-thin:before {
  content: "\e9c9";
}

.icon-question-mark:before {
  content: "\e9c8";
}

.icon-pencil-teams:before {
  content: "\e9c7";
}

.icon-leaderboard:before {
  content: "\e9c3";
}

.icon-match:before {
  content: "\e9c4";
}

.icon-send:before {
  content: "\e9c1";
}

.icon-off-topic:before {
  content: "\e9bc";
}

.icon-moderation-thank-you:before {
  content: "\e9bd";
}

.icon-v-wide:before {
  content: "\e9be";
}

.icon-c:before {
  content: "\e9bf";
}

.icon-pencil-new:before {
  content: "\e9ba";
}

.icon-teams-points:before {
  content: "\e9bb";
}

.icon-points:before {
  content: "\e9b9";
}

.icon-lock-teams:before {
  content: "\e9b8";
}

.icon-lb:before {
  content: "\e9af";
}

.icon-4-old:before {
  content: "\e998";
}

.icon-x:before {
  content: "\e989";
}

.icon-v:before {
  content: "\e98a";
}

.icon-plus-thin:before {
  content: "\e984";
}

.icon-partners:before {
  content: "\e985";
}

.icon-mobile-menu-deactivate:before {
  content: "\e980";
}

.icon-mobile-menu-search:before {
  content: "\e966";
}

.icon-mobile-menu-settings:before {
  content: "\e967";
}

.icon-mobile-menu-store:before {
  content: "\e968";
}

.icon-mobile-menu-terms:before {
  content: "\e969";
}

.icon-mobile-menu-trending:before {
  content: "\e96a";
}

.icon-mobile-menu-activity:before {
  content: "\e96b";
}

.icon-mobile-menu-articles:before {
  content: "\e96c";
}

.icon-mobile-menu-challenge:before {
  content: "\e96d";
}

.icon-mobile-menu-contact:before {
  content: "\e96e";
}

.icon-mobile-menu-exhibitions:before {
  content: "\e96f";
}

.icon-mobile-menu-follow-socials:before {
  content: "\e971";
}

.icon-mobile-menu-help:before {
  content: "\e972";
}

.icon-mobile-menu-more:before {
  content: "\e974";
}

.icon-cart:before {
  content: "\e987";
}

.icon-filter:before {
  content: "\e981";
}

.icon-guru-stars:before {
  content: "\e97f";
}

.icon-auto-selected:before {
  content: "\e97a";
}

.icon-five-stars:before {
  content: "\e979";
}

.icon-laurels-double:before {
  content: "\e978";
}

.icon-achievement-ribbon-1:before {
  content: "\e976";
}

.icon-achievement-ribbon-2:before {
  content: "\e977";
}

.icon-dollar:before {
  content: "\e975";
}

.icon-gs-like-hover:before {
  content: "\e95c";
}

.icon-gs-like:before {
  content: "\e95d";
}

.icon-gs-report-hover:before {
  content: "\e95e";
}

.icon-gs-report:before {
  content: "\e95f";
}

.icon-gs-zoom-in-hover:before {
  content: "\e960";
}

.icon-gs-zoom-in:before {
  content: "\e961";
}

.icon-gs-zoom-out-hover:before {
  content: "\e962";
}

.icon-gs-zoom-out:before {
  content: "\e963";
}

.icon-cancel:before {
  content: "\eb30";
}

.icon-like:before {
  content: "\eb2f";
}

.icon-notification-voting-power-1:before {
  content: "\eb1a";
}

.icon-notification-voting-power-2:before {
  content: "\eb1b";
}

.icon-notification-voting-power-3:before {
  content: "\eb1c";
}

.icon-notification-voting-power-4:before {
  content: "\eb1d";
}

.icon-notification-voting-power-5:before {
  content: "\eb1e";
}

.icon-notification-voting-power-6:before {
  content: "\eb1f";
}

.icon-notification-voting-power-7:before {
  content: "\eb20";
}

.icon-notification-voting-power-8:before {
  content: "\eb21";
}

.icon-notification-voting-power-9:before {
  content: "\eb22";
}

.icon-close:before {
  content: "\e95a";
}

.icon-slideshow:before {
  content: "\e957";
}

.icon-printer:before {
  content: "\e958";
}

.icon-minus:before {
  content: "\e945";
}

.icon-plus:before {
  content: "\e946";
}

.icon-successful-swap-round:before {
  content: "\e948";
}

.icon-crown:before {
  content: "\e947";
}

.icon-achievement-challenge-winner:before {
  content: "\e951";
}

.icon-reply-cloud:before {
  content: "\eb36";
}

.icon-reply-delete:before {
  content: "\eb37";
}

.icon-reply-edit:before {
  content: "\eb38";
}

.icon-menu-achievements:before {
  content: "\eb0c";
}

.icon-menu-likes:before {
  content: "\eb0f";
}

.icon-menu-photos:before {
  content: "\eb10";
}

.icon-menu-mobile-dots:before {
  content: "\e903";
}

.icon-quote-open:before {
  content: "\e905";
}

.icon-quote-close:before {
  content: "\e906";
}

.icon-spread-the-love:before {
  content: "\e93a";
}

.icon-chain:before {
  content: "\e93b";
}

.icon-email:before {
  content: "\e939";
}

.icon-twitter:before {
  content: "\e602";
}

.icon-suggest:before {
  content: "\e988";
}

.icon-play-btn:before {
  content: "\eb34";
}

.icon-upload:before {
  content: "\eb31";
}

.icon-book-small:before {
  content: "\eb2d";
}

.icon-book:before {
  content: "\eb2e";
}

.icon-missle-fire:before {
  content: "\e94e";
}

.icon-missle:before {
  content: "\e956";
}

.icon-lock-arm:before {
  content: "\e94c";
}

.icon-lock-body:before {
  content: "\e94d";
}

.icon-key:before {
  content: "\e94b";
}

.icon-butterfly-1:before {
  content: "\e943";
}

.icon-butterfly-2:before {
  content: "\e942";
}

.icon-car:before {
  content: "\e944";
}

.icon-challenge-h-flag:before {
  content: "\e941";
}

.icon-gift-2:before {
  content: "\e93e";
}

.icon-new-lock-open:before {
  content: "\e922";
}

.icon-new-lock-closed:before {
  content: "\e923";
}

.icon-finish-flag:before {
  content: "\e627";
}

.icon-gurus-tip:before {
  content: "\e91f";
}

.icon-limb-left:before {
  content: "\e91d";
}

.icon-limb-right:before {
  content: "\e91e";
}

.icon-meter:before {
  content: "\e91c";
}

.icon-level-badge:before {
  content: "\e91b";
}

.icon-flash-empty:before {
  content: "\e996";
}

.icon-flash:before {
  content: "\e918";
}

.icon-report:before {
  content: "\e916";
}

.icon-hands-heart:before {
  content: "\e915";
}

.icon-discount-round:before {
  content: "\e913";
}

.icon-notice:before {
  content: "\e912";
}

.icon-plus-invert:before {
  content: "\e911";
}

.icon-swap-invert:before {
  content: "\e910";
}

.icon-similar-uploads:before {
  content: "\e90d";
}

.icon-equals:before {
  content: "\e90c";
}

.icon-copyright:before {
  content: "\e907";
}

.icon-submit-limit-4:before {
  content: "\e908";
}

.icon-submit-limit-3:before {
  content: "\e909";
}

.icon-submit-limit-2:before {
  content: "\e90a";
}

.icon-document-done:before {
  content: "\e90b";
}

.icon-diamond:before {
  content: "\e914";
}

.icon-dollar-badge:before {
  content: "\e95b";
}

.icon-photos:before {
  content: "\e660";
}

.icon-views:before {
  content: "\e653";
}

.icon-swap:before {
  content: "\e651";
}

.icon-submit:before {
  content: "\e650";
}

.icon-boost:before {
  content: "\e654";
}

.icon-lock:before {
  content: "\e9e4";
}

.icon-needle:before {
  content: "\e664";
}

.icon-badge-side:before {
  content: "\e663";
}

.icon-camera-loader:before {
  content: "\e661";
}

.icon-exclamation:before {
  content: "\e65d";
}

.icon-terms:before {
  content: "\e65c";
}

.icon-menu:before {
  content: "\e631";
}

.icon-document-add:before {
  content: "\e61c";
}

.icon-dashboard:before {
  content: "\e63e";
}

.icon-heart_thin_empty:before {
  content: "\e649";
}

.icon-heart_thin:before {
  content: "\e64a";
}

.icon-ISO:before {
  content: "\e648";
}

.icon-iris:before {
  content: "\e645";
}

.icon-camera2:before {
  content: "\e646";
}

.icon-lens:before {
  content: "\e647";
}

.icon-votemark:before {
  content: "\e641";
}

.icon-comment:before {
  content: "\e60b";
}

.icon-comment2:before {
  content: "\e613";
}

.icon-wraithLeft:before {
  content: "\e622";
}

.icon-wraithRight:before {
  content: "\e63a";
}

.icon-trophy:before {
  content: "\e604";
}

.icon-finish_flag:before {
  content: "\e627";
}

.icon-tapx2:before {
  content: "\e623";
}

.icon-tapx1:before {
  content: "\e624";
}

.icon-signout:before {
  content: "\e625";
}

.icon-scroll:before {
  content: "\e626";
}

.icon-expand:before {
  content: "\e629";
}

.icon-contract:before {
  content: "\e62a";
}

.icon-prize:before {
  content: "\e615";
}

.icon-learn:before {
  content: "\e616";
}

.icon-ranking:before {
  content: "\e617";
}

.icon-V:before {
  content: "\e612";
}

.icon-magnify:before {
  content: "\e611";
}

.icon-magnify-out:before {
  content: "\e9e5";
}

.icon-leader:before {
  content: "\e60f";
}

.icon-pulse:before {
  content: "\e606";
}

.icon-link-external:before {
  content: "\e64b";
}

.icon-checkmark:before {
  content: "\e620";
}

.icon-check-alt:before {
  content: "\e61f";
}

.icon-plus-alt:before {
  content: "\e61a";
}

.icon-lightbulb:before {
  content: "\e61b";
}

.icon-warning:before {
  content: "\e61e";
}

.icon-pointer:before {
  content: "\e60e";
}

.icon-thumbsup:before {
  content: "\e637";
}

.icon-pencil:before {
  content: "\e630";
}

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

.icon-gift:before {
  content: "\e609";
}

.icon-star:before {
  content: "\e634";
}

.icon-info2:before {
  content: "\e63f";
}

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

.icon-trashcan:before {
  content: "\e632";
}

.icon-mouse:before {
  content: "\e64c";
}

.icon-add:before {
  content: "\e61d";
}

.icon-pictures:before {
  content: "\e60a";
}

.icon-target:before {
  content: "\e63c";
}

.icon-camera:before {
  content: "\e633";
}

.icon-search:before {
  content: "\e62e";
}

.icon-picture:before {
  content: "\e60c";
}

.icon-question-sign:before {
  content: "\e605";
}

.icon-badge-exhibition:before {
  content: "\ea77";
}

.icon-badge-magazine-exhibition:before {
  content: "\ea78";
}

.icon-badge-premium-exhibition:before {
  content: "\ea79";
}

.icon-plus-thin1:before {
  content: "\e9e6";
}

.icon-partners1:before {
  content: "\e9e7";
}

.icon-mobile-menu-deactivate1:before {
  content: "\e9e9";
}

.icon-mobile-menu-notification1:before {
  content: "\e9ea";
}

.icon-mobile-menu-search1:before {
  content: "\e9eb";
}

.icon-mobile-menu-settings1:before {
  content: "\e9ec";
}

.icon-mobile-menu-store1:before {
  content: "\e9ed";
}

.icon-mobile-menu-terms1:before {
  content: "\e9ee";
}

.icon-mobile-menu-trending1:before {
  content: "\e9ef";
}

.icon-mobile-menu-activity1:before {
  content: "\e9f0";
}

.icon-mobile-menu-articles1:before {
  content: "\e9f1";
}

.icon-mobile-menu-challenge1:before {
  content: "\e9f2";
}

.icon-mobile-menu-contact1:before {
  content: "\e9f4";
}

.icon-mobile-menu-exhibitions1:before {
  content: "\e9f5";
}

.icon-mobile-menu-follow-socials1:before {
  content: "\e9f6";
}

.icon-mobile-menu-help1:before {
  content: "\e9f7";
}

.icon-mobile-menu-more1:before {
  content: "\e9f8";
}

.icon-cart1:before {
  content: "\e9f9";
}

.icon-filter1:before {
  content: "\e9fc";
}

.icon-guru-stars1:before {
  content: "\e9fd";
}

.icon-auto-selected1:before {
  content: "\e9fe";
}

.icon-five-stars1:before {
  content: "\e9ff";
}

.icon-laurels-double1:before {
  content: "\ea00";
}

.icon-achievement-ribbon-11:before {
  content: "\ea01";
}

.icon-achievement-ribbon-21:before {
  content: "\ea02";
}

.icon-dollar1:before {
  content: "\ea03";
}

.icon-gs-like-hover1:before {
  content: "\ea04";
}

.icon-gs-like1:before {
  content: "\ea05";
}

.icon-gs-report-hover1:before {
  content: "\ea06";
}

.icon-gs-report1:before {
  content: "\ea07";
}

.icon-gs-zoom-in-hover1:before {
  content: "\ea08";
}

.icon-gs-zoom-in1:before {
  content: "\ea09";
}

.icon-gs-zoom-out-hover1:before {
  content: "\ea0a";
}

.icon-gs-zoom-out1:before {
  content: "\ea0f";
}

.icon-cancel1:before {
  content: "\eb39";
}

.icon-like1:before {
  content: "\eb3a";
}

.icon-notification-voting-power-11:before {
  content: "\eb3b";
}

.icon-notification-voting-power-21:before {
  content: "\eb3c";
}

.icon-notification-voting-power-31:before {
  content: "\eb3d";
}

.icon-notification-voting-power-41:before {
  content: "\eb3e";
}

.icon-notification-voting-power-51:before {
  content: "\eb3f";
}

.icon-notification-voting-power-61:before {
  content: "\eb40";
}

.icon-notification-voting-power-71:before {
  content: "\eb41";
}

.icon-notification-voting-power-81:before {
  content: "\eb42";
}

.icon-notification-voting-power-91:before {
  content: "\eb43";
}

.icon-close1:before {
  content: "\ea12";
}

.icon-slideshow1:before {
  content: "\ea13";
}

.icon-printer1:before {
  content: "\ea14";
}

.icon-minus1:before {
  content: "\ea15";
}

.icon-plus1:before {
  content: "\ea1d";
}

.icon-crown1:before {
  content: "\ea3a";
}

.icon-reply-cloud1:before {
  content: "\eb60";
}

.icon-reply-delete1:before {
  content: "\eb61";
}

.icon-reply-edit1:before {
  content: "\eb62";
}

.icon-menu-achievements1:before {
  content: "\eb63";
}

.icon-menu-likes1:before {
  content: "\eb66";
}

.icon-menu-photos1:before {
  content: "\eb67";
}

.icon-menu-mobile-dots1:before {
  content: "\ea3b";
}

.icon-quote-open1:before {
  content: "\ea3c";
}

.icon-quote-close1:before {
  content: "\ea42";
}

.icon-chain1:before {
  content: "\ea43";
}

.icon-email1:before {
  content: "\ea46";
}

.icon-suggest1:before {
  content: "\ea47";
}

.icon-play-btn1:before {
  content: "\eb6a";
}

.icon-upload1:before {
  content: "\eb6b";
}

.icon-book-small1:before {
  content: "\eb6d";
}

.icon-book1:before {
  content: "\eb6e";
}

.icon-missle-fire1:before {
  content: "\ea49";
}

.icon-missle1:before {
  content: "\ea4a";
}

.icon-lock-arm1:before {
  content: "\ea4b";
}

.icon-lock-body1:before {
  content: "\ea4c";
}

.icon-key1:before {
  content: "\ea4d";
}

.icon-butterfly-11:before {
  content: "\ea4e";
}

.icon-butterfly-21:before {
  content: "\ea4f";
}

.icon-car1:before {
  content: "\ea50";
}

.icon-challenge-h-flag1:before {
  content: "\ea52";
}

.icon-gift-21:before {
  content: "\ea53";
}

.icon-new-lock-open1:before {
  content: "\ea54";
}

.icon-new-lock-closed1:before {
  content: "\ea56";
}

.icon-finish-flag1:before {
  content: "\e699";
}

.icon-gurus-tip1:before {
  content: "\ea58";
}

.icon-limb-left1:before {
  content: "\ea59";
}

.icon-limb-right1:before {
  content: "\ea5a";
}

.icon-meter1:before {
  content: "\ea5b";
}

.icon-level-badge1:before {
  content: "\ea5c";
}

.icon-flash-empty1:before {
  content: "\ea5d";
}

.icon-flash1:before {
  content: "\ea5e";
}

.icon-upload-up1:before {
  content: "\ea5f";
}

.icon-report1:before {
  content: "\ea60";
}

.icon-hands-heart1:before {
  content: "\ea61";
}

.icon-discount-round1:before {
  content: "\ea62";
}

.icon-notice1:before {
  content: "\ea63";
}

.icon-plus-invert1:before {
  content: "\ea64";
}

.icon-swap-invert1:before {
  content: "\ea67";
}

.icon-similar-uploads1:before {
  content: "\ea68";
}

.icon-equals1:before {
  content: "\ea69";
}

.icon-copyright1:before {
  content: "\ea6a";
}

.icon-submit-limit-41:before {
  content: "\ea6b";
}

.icon-submit-limit-31:before {
  content: "\ea6c";
}

.icon-submit-limit-21:before {
  content: "\ea6d";
}

.icon-document-done1:before {
  content: "\ea6e";
}

.icon-diamond1:before {
  content: "\ea6f";
}

.icon-dollar-badge1:before {
  content: "\ea73";
}

.icon-photos1:before {
  content: "\e672";
}

.icon-views1:before {
  content: "\e673";
}

.icon-swap1:before {
  content: "\e674";
}

.icon-submit1:before {
  content: "\e675";
}

.icon-boost1:before {
  content: "\e676";
}

.icon-lock1:before {
  content: "\ea74";
}

.icon-needle1:before {
  content: "\e679";
}

.icon-badge-side1:before {
  content: "\e67a";
}

.icon-camera-loader1:before {
  content: "\e67c";
}

.icon-exclamation1:before {
  content: "\e67f";
}

.icon-terms1:before {
  content: "\e680";
}

.icon-info1:before {
  content: "\e682";
}

.icon-menu1:before {
  content: "\e683";
}

.icon-document-add1:before {
  content: "\e684";
}

.icon-dashboard1:before {
  content: "\e685";
}

.icon-heart_thin_empty1:before {
  content: "\e686";
}

.icon-heart_thin1:before {
  content: "\e687";
}

.icon-ISO1:before {
  content: "\e688";
}

.icon-iris1:before {
  content: "\e68b";
}

.icon-camera21:before {
  content: "\e68c";
}

.icon-lens1:before {
  content: "\e68d";
}

.icon-votemark1:before {
  content: "\e68f";
}

.icon-comment1:before {
  content: "\e691";
}

.icon-comment21:before {
  content: "\e692";
}

.icon-wraithLeft1:before {
  content: "\e693";
}

.icon-wraithRight1:before {
  content: "\e694";
}

.icon-trophy1:before {
  content: "\e697";
}

.icon-finish_flag1:before {
  content: "\e699";
}

.icon-tapx21:before {
  content: "\e69b";
}

.icon-tapx11:before {
  content: "\e69c";
}

.icon-signout1:before {
  content: "\e69d";
}

.icon-scroll1:before {
  content: "\e69e";
}

.icon-expand1:before {
  content: "\e69f";
}

.icon-contract1:before {
  content: "\e6a0";
}

.icon-prize1:before {
  content: "\e6a4";
}

.icon-learn1:before {
  content: "\e6a5";
}

.icon-ranking1:before {
  content: "\e6a6";
}

.icon-V1:before {
  content: "\e6a8";
}

.icon-magnify1:before {
  content: "\e6a9";
}

.icon-magnify-out1:before {
  content: "\ea8b";
}

.icon-leader1:before {
  content: "\e6ab";
}

.icon-pulse1:before {
  content: "\e6ac";
}

.icon-link-external1:before {
  content: "\e6af";
}

.icon-checkmark1:before {
  content: "\e6b0";
}

.icon-check-alt1:before {
  content: "\e6b1";
}

.icon-plus-alt1:before {
  content: "\e6b2";
}

.icon-lightbulb1:before {
  content: "\e6b3";
}

.icon-warning1:before {
  content: "\e6b4";
}

.icon-pointer1:before {
  content: "\e6b5";
}

.icon-thumbsup1:before {
  content: "\e6b6";
}

.icon-pencil1:before {
  content: "\e6b7";
}

.icon-cog1:before {
  content: "\e6b8";
}

.icon-gift1:before {
  content: "\e6ba";
}

.icon-star1:before {
  content: "\e6bb";
}

.icon-info21:before {
  content: "\e6bc";
}

.icon-share1:before {
  content: "\e6bd";
}

.icon-trashcan1:before {
  content: "\e6be";
}

.icon-mouse1:before {
  content: "\e6bf";
}

.icon-add1:before {
  content: "\e6c0";
}

.icon-pictures1:before {
  content: "\e6c1";
}

.icon-target1:before {
  content: "\e6c2";
}

.icon-camera1:before {
  content: "\e6c4";
}

.icon-search1:before {
  content: "\e6c6";
}

.icon-picture1:before {
  content: "\e6c8";
}

.icon-question-sign1:before {
  content: "\e6c9";
}

.icon-timer-clock:before {
  content: "\e9d1";
}

.icon-mobile-menu-notification:before {
  content: "\e964";
}

.icon-hourglass-start:before {
  content: "\e97d";
}

.icon-hourglass-end:before {
  content: "\e97e";
}

.icon-speed-challenge:before {
  content: "\eb35";
}

.icon-dark-bell:before {
  content: "\eb32";
}

.icon-bell:before {
  content: "\e662";
}

.icon-hourglass:before {
  content: "\e652";
}

.icon-watch:before {
  content: "\e644";
}

.icon-clock:before {
  content: "\e640";
}

.icon-hourglass-start1:before {
  content: "\e9fa";
}

.icon-hourglass-end1:before {
  content: "\e9fb";
}

.icon-speed-challenge1:before {
  content: "\eb69";
}

.icon-dark-bell1:before {
  content: "\eb6c";
}

.icon-bell1:before {
  content: "\e67b";
}

.icon-hourglass1:before {
  content: "\e681";
}

.icon-watch1:before {
  content: "\e68a";
}

.icon-clock1:before {
  content: "\e6c7";
}

.icon-vote-full:before {
  content: "\e9cf";
}

.icon-vote-new:before {
  content: "\e9ca";
}

.icon-vote-negative:before {
  content: "\e93f";
}

.icon-voting:before {
  content: "\e904";
}

.icon-Voted:before {
  content: "\e621";
}

.icon-vote-menu:before {
  content: "\e610";
}

.icon-vote-negative1:before {
  content: "\ea51";
}

.icon-voting1:before {
  content: "\ea72";
}

.icon-Voted1:before {
  content: "\e69a";
}

.icon-vote-menu1:before {
  content: "\e6aa";
}

.icon-users:before {
  content: "\e607";
}

.icon-mobile-menu-invite1:before {
  content: "\ea8c";
}

.icon-refresh1:before {
  content: "\ea48";
}

.icon-upload-up:before {
  content: "\e917";
}

.icon-switch:before {
  content: "\ea93";
}

.icon-round-arrow-up:before {
  content: "\ea8e";
}

.icon-round-arrow-down:before {
  content: "\ea8f";
}

.icon-wide-right-arrow:before {
  content: "\ea94";
}

.icon-left-arrow-thin1:before {
  content: "\e677";
}

.icon-right-arrow-thin1:before {
  content: "\e678";
}

.icon-chat-reply:before {
  content: "\e9e2";
}

.icon-direction-up:before {
  content: "\e9d4";
}

.icon-direction-down:before {
  content: "\e9d5";
}

.icon-refresh:before {
  content: "\e983";
}

.icon-downFatArrow:before {
  content: "\e63b";
}

.icon-downFatArrow1:before {
  content: "\e6c3";
}

.icon-left-arrow:before {
  content: "\ea86";
}

.icon-right-arrow:before {
  content: "\e65e";
}

.icon-left-new:before {
  content: "\e9c0";
}

.icon-left-arrow-thin:before {
  content: "\e665";
}

.icon-right-arrow-thin:before {
  content: "\e666";
}

.icon-swap-arrows:before {
  content: "\e65f";
}

.icon-down2:before {
  content: "\e60d";
}

.icon-arrow-up:before {
  content: "\e62b";
}

.icon-arrow-down:before {
  content: "\e62c";
}

.icon-arrow:before {
  content: "\e62d";
}

.icon-arrow2:before {
  content: "\e603";
}

.icon-swap-arrows1:before {
  content: "\e67d";
}

.icon-right-arrow1:before {
  content: "\e67e";
}

.icon-down21:before {
  content: "\e690";
}

.icon-arrow-up1:before {
  content: "\e6a1";
}

.icon-arrow-down1:before {
  content: "\e6a2";
}

.icon-arrow1:before {
  content: "\e6a3";
}

.icon-arrow21:before {
  content: "\e6ad";
}

.icon-angle:before {
  content: "\e643";
}

.icon-angle-right:before {
  content: "\e639";
}

.icon-angle-down:before {
  content: "\e619";
}

.icon-angle1:before {
  content: "\e689";
}

.icon-angle-left1:before {
  content: "\e6ca";
}

.icon-angle-right1:before {
  content: "\e6cb";
}

.icon-angle-down1:before {
  content: "\e6cc";
}

.icon-gurushots:before {
  content: "\e636";
}

.icon-gurushots1:before {
  content: "\e695";
}

.icon-gurushots-logo-text:before {
  content: "\e986";
}

.icon-logo-text:before {
  content: "\e94a";
}

.icon-gurushots-full-logo:before {
  content: "\e940";
}

.icon-gurushots-logo-text1:before {
  content: "\ea16";
}

.icon-logo-text1:before {
  content: "\ea17";
}

.icon-gurushots-full-logo1:before {
  content: "\ea18";
}

.icon-flickr1:before {
  content: "\e6ae";
}

.icon-mobile-menu-facebook:before {
  content: "\e970";
}

.icon-new-instagram:before {
  content: "\eb2c";
}

.icon-tumblr:before {
  content: "\eb33";
}

.icon-facebook:before {
  content: "\e600";
}

.icon-googleplus:before {
  content: "\e601";
}

.icon-pinterest:before {
  content: "\e614";
}

.icon-share-twitter:before {
  content: "\e655";
}

.icon-share-pinterest:before {
  content: "\e656";
}

.icon-share-google:before {
  content: "\e657";
}

.icon-share-facebook:before {
  content: "\e658";
}

.icon-instagram:before {
  content: "\e902";
}

.icon-flickr:before {
  content: "\e64e";
}

.icon-youtube:before {
  content: "\e64d";
}

.icon-mobile-menu-facebook1:before {
  content: "\e9f3";
}

.icon-new-instagram1:before {
  content: "\eb5f";
}

.icon-tumblr1:before {
  content: "\eb68";
}

.icon-twitter1:before {
  content: "\e66a";
}

.icon-facebook1:before {
  content: "\e66b";
}

.icon-googleplus1:before {
  content: "\e66c";
}

.icon-pinterest1:before {
  content: "\e66d";
}

.icon-share-twitter1:before {
  content: "\e66e";
}

.icon-share-pinterest1:before {
  content: "\e66f";
}

.icon-share-google1:before {
  content: "\e670";
}

.icon-share-facebook1:before {
  content: "\e671";
}

.icon-instagram1:before {
  content: "\ea45";
}

.icon-youtube1:before {
  content: "\e6cd";
}

.icon-guru-pro:before {
  content: "\e921";
}

.icon-guru-pro1:before {
  content: "\ea55";
}

.icon-status-up-14:before {
  content: "\e9b0";
}

.icon-status-up-17:before {
  content: "\e9b1";
}

.icon-status-up-16:before {
  content: "\e9b2";
}

.icon-status-up-15:before {
  content: "\e9b3";
}

.icon-status-up-13:before {
  content: "\e9b4";
}

.icon-status-up-12:before {
  content: "\e9b5";
}

.icon-status-up-11:before {
  content: "\e9b6";
}

.icon-status-up-10:before {
  content: "\e9b7";
}

.icon-achievement-lb-premier-2:before {
  content: "\e999";
}

.icon-achievement-lb-vote-3:before {
  content: "\e99a";
}

.icon-achievement-lb-vote-2:before {
  content: "\e99b";
}

.icon-achievement-lb-vote-1:before {
  content: "\e99c";
}

.icon-achievement-lb-swap-3:before {
  content: "\e99d";
}

.icon-achievement-lb-swap-2:before {
  content: "\e99e";
}

.icon-achievement-lb-swap-1:before {
  content: "\e99f";
}

.icon-achievement-lb-premier-3:before {
  content: "\e9a0";
}

.icon-achievement-lb-premier-1:before {
  content: "\e9a1";
}

.icon-achievement-lb-points-3:before {
  content: "\e9a2";
}

.icon-achievement-lb-points-2:before {
  content: "\e9a3";
}

.icon-achievement-lb-points-1:before {
  content: "\e9a4";
}

.icon-achievement-lb-levelup-3:before {
  content: "\e9a5";
}

.icon-achievement-lb-levelup-2:before {
  content: "\e9a6";
}

.icon-achievement-lb-levelup-1:before {
  content: "\e9a7";
}

.icon-achievement-lb-elite-3:before {
  content: "\e9a8";
}

.icon-achievement-lb-elite-2:before {
  content: "\e9a9";
}

.icon-achievement-lb-elite-1:before {
  content: "\e9aa";
}

.icon-achievement-lb-allstar-3:before {
  content: "\e9ab";
}

.icon-achievement-lb-allstar-2:before {
  content: "\e9ac";
}

.icon-achievement-lb-allstar-1:before {
  content: "\e9ae";
}

.icon-achievement-exhibition-print:before {
  content: "\e993";
}

.icon-achievement-exhibition-digital:before {
  content: "\e995";
}

.icon-exhibition-chosen:before {
  content: "\e919";
}

.icon-achievement-tv-print:before {
  content: "\e930";
}

.icon-achievement-tv-member:before {
  content: "\e98b";
}

.icon-achievement-tv-digital:before {
  content: "\e98c";
}

.icon-achievement-newspaper-print:before {
  content: "\e98d";
}

.icon-achievement-newspaper-member:before {
  content: "\e98e";
}

.icon-achievement-newspaper-digital:before {
  content: "\e98f";
}

.icon-achievement-magazine-print:before {
  content: "\e990";
}

.icon-achievement-magazine-member:before {
  content: "\e991";
}

.icon-achievement-magazine-digital:before {
  content: "\e992";
}

.icon-achievement-exhibition-member:before {
  content: "\e994";
}

.icon-voting-power-1:before {
  content: "\eb11";
}

.icon-voting-power-2:before {
  content: "\eb12";
}

.icon-voting-power-3:before {
  content: "\eb13";
}

.icon-voting-power-4:before {
  content: "\eb14";
}

.icon-voting-power-5:before {
  content: "\eb15";
}

.icon-voting-power-6:before {
  content: "\eb16";
}

.icon-voting-power-7:before {
  content: "\eb17";
}

.icon-voting-power-8:before {
  content: "\eb18";
}

.icon-voting-power-9:before {
  content: "\eb19";
}

.icon-status-up-1:before {
  content: "\eb23";
}

.icon-status-up-2:before {
  content: "\eb24";
}

.icon-status-up-3:before {
  content: "\eb25";
}

.icon-status-up-4:before {
  content: "\eb26";
}

.icon-status-up-5:before {
  content: "\eb27";
}

.icon-status-up-6:before {
  content: "\eb28";
}

.icon-status-up-7:before {
  content: "\eb29";
}

.icon-status-up-8:before {
  content: "\eb2a";
}

.icon-status-up-9:before {
  content: "\eb2b";
}

.icon-member-status-1:before {
  content: "\eb03";
}

.icon-member-status-2:before {
  content: "\eb04";
}

.icon-member-status-3:before {
  content: "\eb05";
}

.icon-member-status-4:before {
  content: "\eb06";
}

.icon-member-status-5:before {
  content: "\eb07";
}

.icon-member-status-6:before {
  content: "\eb08";
}

.icon-member-status-7:before {
  content: "\eb09";
}

.icon-member-status-8:before {
  content: "\eb0a";
}

.icon-member-status-9:before {
  content: "\eb0b";
}

.icon-reached-status-1:before {
  content: "\e959";
}

.icon-reached-status-2:before {
  content: "\e982";
}

.icon-reached-status-3:before {
  content: "\e9ad";
}

.icon-reached-status-4:before {
  content: "\e9de";
}

.icon-reached-status-5:before {
  content: "\ea10";
}

.icon-reached-status-6:before {
  content: "\ea40";
}

.icon-reached-status-7:before {
  content: "\ea70";
}

.icon-reached-status-8:before {
  content: "\eaa1";
}

.icon-reached-status-9:before {
  content: "\ead2";
}

.icon-featured-in-article:before {
  content: "\e97c";
}

.icon-featured-in-exhibition:before {
  content: "\e97b";
}

.icon-achievement-successful-swap:before {
  content: "\e949";
}

.icon-achievement-top-photo-rank-10:before {
  content: "\e952";
}

.icon-achievement-top-photographer-rank-10:before {
  content: "\e953";
}

.icon-achievement-top-photo-rank-100:before {
  content: "\e954";
}

.icon-achievement-top-photographer-rank-100:before {
  content: "\e955";
}

.icon-achievement-photo-top-5:before {
  content: "\e924";
}

.icon-achievement-photographer-top-5:before {
  content: "\e925";
}

.icon-achievement-top-5:before {
  content: "\e926";
}

.icon-achievement-photo-top-10:before {
  content: "\e927";
}

.icon-achievement-photographer-top-10:before {
  content: "\e928";
}

.icon-achievement-top-10:before {
  content: "\e929";
}

.icon-achievement-photo-top-20:before {
  content: "\e92a";
}

.icon-achievement-photographer-top-20:before {
  content: "\e92b";
}

.icon-achievement-top-20:before {
  content: "\e92c";
}

.icon-achievement-photo-top-30:before {
  content: "\e92d";
}

.icon-achievement-photographer-top-30:before {
  content: "\e92e";
}

.icon-achievement-top-30:before {
  content: "\e92f";
}

.icon-achievement-badge-0:before {
  content: "\e997";
}

.icon-achievement-badge-1:before {
  content: "\e931";
}

.icon-achievement-badge-2:before {
  content: "\e932";
}

.icon-achievement-badge-3:before {
  content: "\e934";
}

.icon-achievement-badge-4:before {
  content: "\e933";
}

.icon-achievement-badge-5:before {
  content: "\e935";
}

.icon-achievement-first-challenge:before {
  content: "\e936";
}

.icon-achievement-gurus-pick:before {
  content: "\e937";
}

.icon-achievement-pioneer:before {
  content: "\e938";
}

.icon-achievement-top-rank-10:before {
  content: "\e94f";
}

.icon-achievement-top-rank-100:before {
  content: "\e950";
}

.icon-gurus-top-pick:before {
  content: "\e659";
}

.icon-top-photo:before {
  content: "\e65a";
}

.icon-top-photographer:before {
  content: "\e65b";
}

.icon-voting-power-11:before {
  content: "\eb44";
}

.icon-voting-power-21:before {
  content: "\eb45";
}

.icon-voting-power-31:before {
  content: "\eb46";
}

.icon-voting-power-41:before {
  content: "\eb47";
}

.icon-voting-power-51:before {
  content: "\eb48";
}

.icon-voting-power-61:before {
  content: "\eb49";
}

.icon-voting-power-71:before {
  content: "\eb4a";
}

.icon-voting-power-81:before {
  content: "\eb4b";
}

.icon-voting-power-91:before {
  content: "\eb4c";
}

.icon-status-up-18:before {
  content: "\eb4d";
}

.icon-status-up-21:before {
  content: "\eb4e";
}

.icon-status-up-31:before {
  content: "\eb4f";
}

.icon-status-up-41:before {
  content: "\eb50";
}

.icon-status-up-51:before {
  content: "\eb51";
}

.icon-status-up-61:before {
  content: "\eb52";
}

.icon-status-up-71:before {
  content: "\eb53";
}

.icon-status-up-81:before {
  content: "\eb54";
}

.icon-status-up-91:before {
  content: "\eb55";
}

.icon-member-status-11:before {
  content: "\eb56";
}

.icon-member-status-21:before {
  content: "\eb57";
}

.icon-member-status-31:before {
  content: "\eb58";
}

.icon-member-status-41:before {
  content: "\eb59";
}

.icon-member-status-51:before {
  content: "\eb5a";
}

.icon-member-status-61:before {
  content: "\eb5b";
}

.icon-member-status-71:before {
  content: "\eb5c";
}

.icon-member-status-81:before {
  content: "\eb5d";
}

.icon-member-status-91:before {
  content: "\eb5e";
}

.icon-reached-status-11:before {
  content: "\ea0b";
}

.icon-reached-status-21:before {
  content: "\ea0c";
}

.icon-reached-status-31:before {
  content: "\ea0d";
}

.icon-reached-status-41:before {
  content: "\ea0e";
}

.icon-reached-status-51:before {
  content: "\ea11";
}

.icon-reached-status-61:before {
  content: "\ea41";
}

.icon-reached-status-71:before {
  content: "\ea71";
}

.icon-reached-status-81:before {
  content: "\eaa2";
}

.icon-reached-status-91:before {
  content: "\ead3";
}

.icon-exhibition-chosen1:before {
  content: "\ea19";
}

.icon-achievement-exhibition-print1:before {
  content: "\ea1a";
}

.icon-achievement-exhibition-member1:before {
  content: "\ea75";
}

.icon-achievement-exhibition-digital1:before {
  content: "\ea76";
}

.icon-achievement-successful-swap1:before {
  content: "\ea1b";
}

.icon-achievement-top-photo-rank-101:before {
  content: "\ea1e";
}

.icon-achievement-top-photographer-rank-101:before {
  content: "\ea1f";
}

.icon-achievement-top-photo-rank-1001:before {
  content: "\ea20";
}

.icon-achievement-top-photographer-rank-1001:before {
  content: "\ea21";
}

.icon-achievement-photo-top-51:before {
  content: "\ea22";
}

.icon-achievement-photographer-top-51:before {
  content: "\ea23";
}

.icon-achievement-top-51:before {
  content: "\ea24";
}

.icon-achievement-photo-top-101:before {
  content: "\ea25";
}

.icon-achievement-photographer-top-101:before {
  content: "\ea26";
}

.icon-achievement-top-101:before {
  content: "\ea27";
}

.icon-achievement-photo-top-201:before {
  content: "\ea28";
}

.icon-achievement-photographer-top-201:before {
  content: "\ea29";
}

.icon-achievement-top-201:before {
  content: "\ea2a";
}

.icon-achievement-photo-top-301:before {
  content: "\ea2b";
}

.icon-achievement-photographer-top-301:before {
  content: "\ea2c";
}

.icon-achievement-top-301:before {
  content: "\ea2d";
}

.icon-achievement-badge-01:before {
  content: "\ea2e";
}

.icon-achievement-badge-11:before {
  content: "\ea2f";
}

.icon-achievement-badge-21:before {
  content: "\ea30";
}

.icon-achievement-badge-31:before {
  content: "\ea31";
}

.icon-achievement-badge-41:before {
  content: "\ea32";
}

.icon-achievement-badge-51:before {
  content: "\ea33";
}

.icon-achievement-first-challenge1:before {
  content: "\ea34";
}

.icon-achievement-gurus-pick1:before {
  content: "\ea35";
}

.icon-achievement-pioneer1:before {
  content: "\ea36";
}

.icon-achievement-top-rank-101:before {
  content: "\ea37";
}

.icon-achievement-top-rank-1001:before {
  content: "\ea38";
}

.icon-achievement-challenge-winner1:before {
  content: "\ea39";
}

.icon-gurus-top-pick1:before {
  content: "\e667";
}

.icon-top-photo1:before {
  content: "\e668";
}

.icon-top-photographer1:before {
  content: "\e669";
}

.icon-spread-the-love1:before {
  content: "\ea3f";
}

.icon-bars2:before {
  content: "\e608";
}

.icon-bars1:before {
  content: "\e68e";
}

.icon-low-performance:before {
  content: "\e90e";
}

.icon-high-performance:before {
  content: "\e90f";
}

.icon-bars:before {
  content: "\e642";
}

.icon-low-performance1:before {
  content: "\ea65";
}

.icon-high-performance1:before {
  content: "\ea66";
}

.icon-bars21:before {
  content: "\e6b9";
}

.icon-ranking-stars:before {
  content: "\e900";
}

.icon-info:before {
  content: "\e64f";
}

.icon-clock-quarter-to:before {
  content: "\ea8a";
}

.icon-check-to-slot:before {
  content: "\ea89";
}

.icon-friends_1:before {
  content: "\e901";
}

.icon-friends:before {
  content: "\e91a";
}

.icon-follow1:before {
  content: "\e801";
}

.icon-winner1:before {
  content: "\e696";
}

.icon-users1:before {
  content: "\e698";
}

.icon-socialize1:before {
  content: "\e6a7";
}

.icon-my-team:before {
  content: "\e9ce";
}

.icon-invite:before {
  content: "\e9c6";
}

.icon-mobile-menu-invite:before {
  content: "\e973";
}

.icon-menu-followers:before {
  content: "\eb0d";
}

.icon-menu-following:before {
  content: "\eb0e";
}

.icon-follow:before {
  content: "\e800";
}

.icon-winner:before {
  content: "\e635";
}

.icon-socialize:before {
  content: "\e618";
}

.icon-menu-followers1:before {
  content: "\eb64";
}

.icon-menu-following1:before {
  content: "\eb65";
}

.icon-friends11:before {
  content: "\ea44";
}

.icon-user-group-3:before {
  content: "\e965";
}

.icon-user-blocked:before {
  content: "\ea85";
}

.icon-members:before {
  content: "\e9c5";
}

.icon-mobile-menu-profile:before {
  content: "\e9e8";
}

.icon-user:before {
  content: "\e628";
}

.icon-mobile-menu-profile1:before {
  content: "\ea87";
}

.icon-user1:before {
  content: "\e6c5";
}

.icon-angle-left:before {
  content: "\e638";
}

.icon-chart-vertical-simple:before {
  content: "\ea88";
}

i {
  display: inline-block;
}

.icomoon, modal-report-similar .c-modal-report-similar__photo.selected:after, .gs-uploader-photos__selected__item:not(.empty):after, .gs-uploader-photos__photo-social.selected:after, .gs-uploader-photos__photo.selected:after, .selected.gs-uploader-photos__photo--loader:after, .challenge-achievements__slider .slick-prev:before,
.challenge-achievements__slider .slick-next:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-coin:before {
  content: "";
  display: block;
  background-image: url('../png/coin.00d564ac9b9398bd.png');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-coin-start:before {
  content: "";
  display: block;
  background-image: url('../svg/coin-star.09b669b904a8212c.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-coin-plus:before {
  content: "";
  display: block;
  background-image: url('../svg/coin-plus.09fb7bc6d6cc548e.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-gallery-star:before {
  content: "";
  display: block;
  background-image: url('../svg/star.0bca6c2432d4e8cb.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-photo_swap:before {
  content: "";
  display: block;
  background-image: url('../svg/photo_swap.3566e75bf5bb1503.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-key:before {
  content: "";
  display: block;
  background-image: url('../svg/key.7b4c8ecde88098fe.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-exposure_autofill:before {
  content: "";
  display: block;
  background-image: url('../svg/fill.6af68d0129e1591f.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.icon-coins:before {
  content: "";
  display: block;
  background-image: url('../svg/coin.bc870c261b8d1aa8.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

.icon-tooltip-prizes-info:before {
  content: "";
  display: block;
  background-image: url('../svg/info-icon.a2cbc50e053ccdf1.svg');
  background-size: cover;
  background-repeat: no-repeat;
}

@keyframes pulsate {
  50% {
    opacity: 0.5;
  }
}
@keyframes bounceIn {
  30% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
  75% {
    transform: scale(0.8);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 1;
  }
}
@keyframes bounceOut {
  30% {
    transform: scale(1.2);
    opacity: 1;
  }
  50% {
    transform: scale(0.8);
    opacity: 1;
  }
  75% {
    transform: scale(1.1);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes barberpole {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 0 -120px;
  }
}
@keyframes repaint {
  from {
    width: 99.999%;
  }
  to {
    width: 100%;
  }
}
@keyframes rankingIcon {
  50% {
    width: 20%;
  }
}
@keyframes btnBlink {
  50% {
    box-shadow: 0 0 0 1px #218ccc;
  }
}
@keyframes colorBlueBlink {
  50% {
    transform: translate(-45%, -55%);
    color: #666;
  }
}
@keyframes menu-drop-animation {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes daily-button-show {
  0% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  30% {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes daily-button-hide {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0);
    opacity: 0;
  }
}
@keyframes daily-rewards-show {
  from {
    transform: scale(0);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes daily-rewards-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes menu-drop-animation-mobile {
  from {
    transform: translate3d(0, -100%, 0) scale(0);
  }
  to {
    transform: translate3d(0, -100%, 0) scale(1);
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulsePlaceholder {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.1;
  }
}
@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@keyframes expandWidth {
  0% {
    width: 0;
  }
  100% {
    width: inherit;
  }
}
@keyframes expandHeight {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 100px;
  }
}
@keyframes fadeUp {
  0% {
    transform: translate3D(0, 100%, 0);
    opacity: 0;
  }
  100% {
    transform: translate3D(0, 0, 0);
    opacity: 1;
  }
}
@keyframes scaleUp {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes opacityUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glowing {
  0% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.5);
  }
  50% {
    box-shadow: 0px 0px 0px 1.5px rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.5);
  }
}
@keyframes glowingOrange {
  0% {
    box-shadow: 0px 0px 0px 0px #ff4949;
  }
  50% {
    box-shadow: 0px 0px 0px 4.5px #ff4949;
  }
  100% {
    box-shadow: 0px 0px 0px 0px #ff4949;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes highlight {
  50% {
    background-color: #bcdcef;
  }
}
.animationIf.ng-enter,
.animationIf.ng-leave {
  transition: opacity ease-in-out 1s;
}

.animationIf.ng-enter,
.animationIf.ng-leave.ng-leave-active {
  opacity: 0;
}

.animationIf.ng-leave,
.animationIf.ng-enter.ng-enter-active {
  opacity: 1;
}

@keyframes border-pulsate {
  0% {
    border-color: rgb(255, 255, 255);
  }
  50% {
    border-color: rgba(255, 255, 255, 0);
  }
  100% {
    border-color: rgb(255, 255, 255);
  }
}
@keyframes scale-in-scale-out {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-in-display-scale-out {
  0% {
    transform: scale(0);
  }
  20% {
    transform: scale(1.2);
  }
  30% {
    transform: scale(1);
  }
  66% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes scale-in-out {
  0% {
    transform: scale(0);
  }
  75% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
html {
  min-width: 320px;
  height: 100%;
  -webkit-font-smoothing: antialiased;
}

body {
  position: relative;
  min-width: 320px;
  min-height: 100%;
  margin: 0;
  padding: 0;
  color: #313030;
  font-weight: 400;
  font-size: 14px;
  font-family: "Open Sans", "Arial", sans-serif;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
}
body #gs-app-main {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  body #gs-app-main:not(.loggedIn) {
    padding-top: 52px;
  }
  body #gs-app-main:not(.loggedIn) mobile-header {
    display: none;
  }
}

img {
  background-repeat: no-repeat;
}

#page {
  min-height: 100vh;
  position: relative;
  margin: auto 0;
  background-color: #fff;
  padding-top: 68px;
  display: flex;
  flex-direction: column;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  #page {
    padding-top: 0;
  }
}

.hidden, input[hidden] {
  display: none !important;
}

.unselectable {
  -webkit-user-select: none;
          user-select: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", "Arial", sans-serif;
  font-weight: 700;
  margin: unset;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.7em;
}

h4 {
  font-size: 1.3em;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #3397d2;
}
a:hover {
  text-decoration: underline;
}

button, label {
  cursor: pointer;
  font-family: "Open Sans", "Arial", sans-serif;
}

.welcome-message_styles-reset p {
  padding: 0;
}

.container {
  box-sizing: content-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 480px) {
  .container {
    padding: 0 30px/2;
  }
}

/* Fix for Edge 'X' in input */
input::-ms-clear {
  display: none;
}

body > .ab-feed {
  display: none;
} /* Hide default Braze side panel */
.btn {
  position: relative;
  display: inline-block;
  padding: 0.4em 0.8em;
  cursor: pointer;
  transition: background-color 0.1s;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 3px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.btn:hover:not([disabled]) {
  text-decoration: none;
}
.btn.large {
  padding: 0.7em 1.5em;
  font-size: 1.1rem;
}
.btn.type2 {
  background: #2C7FA6;
}
.btn.type2:not([disabled]):hover {
  background: #318eba;
}
.btn.type3 {
  color: #555;
  background: #eee;
}
.btn.type3:hover {
  background: #f1f1f1;
}
.btn.type4 {
  color: #eee;
  background: #444;
}
.btn.type4:hover {
  background: #585858;
}
.btn.type5 {
  transition: 0.2s;
  color: #fff;
  border: 2px solid rgba(255, 255, 255, 0.5);
  background: none;
}
.btn.type5:hover {
  border-color: #fff;
  background: none;
}
.btn.type6 {
  transition: 0.2s;
  color: #fff;
  background: rgba(255, 255, 255, 0.22);
}
.btn.type6:hover {
  background: rgba(255, 255, 255, 0.33);
}
.btn.cancel {
  color: #777;
  background: none;
}
.btn.cancel:hover {
  color: #E54B4B;
  background: none;
  box-shadow: none;
}
.btn[disabled] {
  cursor: default;
  opacity: 0.8;
}
.btn[disabled]:hover {
  box-shadow: none;
}
.btn .icon {
  margin-right: 0.3em;
}
.btn.free:after {
  position: absolute;
  right: 0;
  bottom: -1.6em;
  left: 0;
  content: "It's free";
  transition: 0.5s;
  opacity: 0.7;
  color: #000;
  font-size: 0.8em;
}
.btn.free:hover:after {
  opacity: 1;
}
.btn:before {
  position: absolute;
  right: 0;
  left: 0;
  margin: -1.5em auto 0;
  content: "";
  color: #fff;
  font: 1.6em/0.7 "icomoon";
}
.btn.fw600 {
  font-weight: 600;
}
.btn.done {
  transition: 0.2s;
  color: transparent;
}
.btn.done:before {
  margin-top: 0;
  content: "\e620";
  transition: 0.3s cubic-bezier(0.55, 0, 0.45, 1.3);
}
.btn.failed {
  transition: 0.2s;
  color: transparent;
  background: #E54B4B !important;
}
.btn.failed:before {
  margin-top: 0;
  content: "✖";
  transition: 0.3s cubic-bezier(0.55, 0, 0.45, 1.3);
}
.desktop .btn.flipIcon {
  overflow: hidden;
}
.desktop .btn.flipIcon > i {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-indent: -500px;
  color: #fff;
  text-shadow: 500px 0, 500px -35px 5px;
}
.desktop .btn.flipIcon:hover > i {
  text-shadow: 500px 35px 5px, 500px 0;
}
.btn.photosIcon::before {
  position: static;
  display: inline-block;
  margin: -5px 0.2em 0 -0.1em;
  content: "\e61d";
  transition: 0.13s ease-out;
  vertical-align: middle;
  opacity: 0.5;
  font-size: 1.6em;
  line-height: 0;
}
.btn.photosIcon:hover::before {
  opacity: 0.9;
}
.btn.follow {
  width: 70px;
  padding: 3px;
  transition: 0.1s ease-in;
  white-space: nowrap;
  color: #218ccc;
  border: 1px solid #90c6e6;
  border-radius: 3px;
  background: none;
}
.btn.follow:not(.following):hover {
  transition-timing-function: ease-out;
  border-color: #218ccc;
  background: none;
}
.btn.follow:not(.following):active {
  transition: 0s;
}
.btn.follow.following {
  color: #218ccc;
  background: #e9f4fa;
}
.btn.follow.following::before, .btn.follow.following::after {
  display: inline-block;
  overflow: hidden;
  max-width: 0;
  transition: max-width 0.13s ease-out;
  vertical-align: bottom;
  color: inherit;
  font: inherit;
}
.btn.follow.following::before {
  position: static;
  margin: 0;
  content: "un";
  font: inherit;
}
.btn.follow.following::after {
  max-width: 20px;
  content: "ing";
}
.btn.follow.following:hover {
  background: #e4f1f9;
  box-shadow: none;
}
.btn.follow.following:hover::before {
  max-width: 20px;
}
.btn.follow.following:hover::after {
  max-width: 0;
}
.btn.follow.loading {
  position: relative;
  background: url("../gif/loader_bg_white.gif") 50% 50% no-repeat;
}
.btn.follow.error {
  position: relative;
  color: transparent;
  border-color: #f3adad;
  background: #fceded !important;
}
.btn.follow.error::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none !important;
  content: "Error";
  color: #E54B4B;
  font: inherit;
  line-height: 1.7;
}
@media screen and (max-width: 800px) {
  .btn.large.resp {
    padding: 0.5em 1em;
    font-size: 1rem;
  }
}

* {
  text-rendering: optimizeLegibility;
}

.h-img-filter:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.icomoon, modal-report-similar .c-modal-report-similar__photo.selected:after, .gs-uploader-photos__selected__item:not(.empty):after, .gs-uploader-photos__photo-social.selected:after, .gs-uploader-photos__photo.selected:after, .selected.gs-uploader-photos__photo--loader:after, .challenge-achievements__slider .slick-prev:before,
.challenge-achievements__slider .slick-next:before {
  display: inline-block;
  text-transform: none;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  speak: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.md-autocomplete-suggestions-container {
  z-index: 100000 !important; /* any number of choice > 1050*/
  min-height: 0;
}

.md-open-menu-container {
  z-index: 999999;
}

md-backdrop.md-opaque {
  opacity: 0.8 !important;
  z-index: 10000 !important;
}

.md-dialog-container {
  position: fixed !important;
  z-index: 100000 !important;
  top: 0 !important;
  height: 100% !important;
}

.gs-image, .my-challenges-manage-item__cover > img, .my-rank__photo img, .my-rank__photo--empty img {
  transition: opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  opacity: 0;
}
.gs-image.loaded, .my-challenges-manage-item__cover > img.loaded, .my-rank__photo img.loaded, .my-rank__photo--empty img.loaded {
  opacity: 1;
}

.gs-inline-block {
  display: inline-block;
}

.gs-display-inherit {
  display: inherit;
}

ui-view {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.clearfix {
  overflow: auto;
}

.gs-views-indicator {
  width: 10px;
  height: 10px;
  border: solid 1px rgb(255, 255, 255);
  background-color: #0080ff;
  border-radius: 10px;
}

.button-glow, .gs-views-indicator {
  animation: glowing 2500ms infinite;
}

.grecaptcha-badge {
  visibility: hidden;
}

.gs-scroll::-webkit-scrollbar, .teams-suggestion ul::-webkit-scrollbar, .leaderboard-page__active__content::-webkit-scrollbar, .teams-manager__section__content::-webkit-scrollbar, .match-container::-webkit-scrollbar, match-history::-webkit-scrollbar, teams-create .teams-create__description textarea::-webkit-scrollbar, team-members::-webkit-scrollbar, .team-leaderboard__league-info::-webkit-scrollbar, .team-leaderboard__main::-webkit-scrollbar, .emoji-popover .emoji-container::-webkit-scrollbar, .chat-textarea textarea::-webkit-scrollbar, .my-team-chat__chat__bottom__send-message textarea::-webkit-scrollbar, .my-team-chat-member-list::-webkit-scrollbar, .my-team__content::-webkit-scrollbar, team-suggested-members .team-suggested-members__list::-webkit-scrollbar, .achievement-challenges::-webkit-scrollbar, .modal-deactivate-delete-account::-webkit-scrollbar, md-dialog-content::-webkit-scrollbar, modal-deactivate-delete-account textarea::-webkit-scrollbar {
  width: 5px !important;
  height: 5px;
}
.gs-scroll::-webkit-scrollbar-track, .teams-suggestion ul::-webkit-scrollbar-track, .leaderboard-page__active__content::-webkit-scrollbar-track, .teams-manager__section__content::-webkit-scrollbar-track, .match-container::-webkit-scrollbar-track, match-history::-webkit-scrollbar-track, teams-create .teams-create__description textarea::-webkit-scrollbar-track, team-members::-webkit-scrollbar-track, .team-leaderboard__league-info::-webkit-scrollbar-track, .team-leaderboard__main::-webkit-scrollbar-track, .emoji-popover .emoji-container::-webkit-scrollbar-track, .chat-textarea textarea::-webkit-scrollbar-track, .my-team-chat__chat__bottom__send-message textarea::-webkit-scrollbar-track, .my-team-chat-member-list::-webkit-scrollbar-track, .my-team__content::-webkit-scrollbar-track, team-suggested-members .team-suggested-members__list::-webkit-scrollbar-track, .achievement-challenges::-webkit-scrollbar-track, .modal-deactivate-delete-account::-webkit-scrollbar-track, md-dialog-content::-webkit-scrollbar-track, modal-deactivate-delete-account textarea::-webkit-scrollbar-track, .gs-scroll::-webkit-scrollbar-thumb, .teams-suggestion ul::-webkit-scrollbar-thumb, .leaderboard-page__active__content::-webkit-scrollbar-thumb, .teams-manager__section__content::-webkit-scrollbar-thumb, .match-container::-webkit-scrollbar-thumb, match-history::-webkit-scrollbar-thumb, teams-create .teams-create__description textarea::-webkit-scrollbar-thumb, team-members::-webkit-scrollbar-thumb, .team-leaderboard__league-info::-webkit-scrollbar-thumb, .team-leaderboard__main::-webkit-scrollbar-thumb, .emoji-popover .emoji-container::-webkit-scrollbar-thumb, .chat-textarea textarea::-webkit-scrollbar-thumb, .my-team-chat__chat__bottom__send-message textarea::-webkit-scrollbar-thumb, .my-team-chat-member-list::-webkit-scrollbar-thumb, .my-team__content::-webkit-scrollbar-thumb, team-suggested-members .team-suggested-members__list::-webkit-scrollbar-thumb, .achievement-challenges::-webkit-scrollbar-thumb, .modal-deactivate-delete-account::-webkit-scrollbar-thumb, md-dialog-content::-webkit-scrollbar-thumb, modal-deactivate-delete-account textarea::-webkit-scrollbar-thumb {
  border-radius: 14px !important;
}
.gs-scroll::-webkit-scrollbar-track, .teams-suggestion ul::-webkit-scrollbar-track, .leaderboard-page__active__content::-webkit-scrollbar-track, .teams-manager__section__content::-webkit-scrollbar-track, .match-container::-webkit-scrollbar-track, match-history::-webkit-scrollbar-track, teams-create .teams-create__description textarea::-webkit-scrollbar-track, team-members::-webkit-scrollbar-track, .team-leaderboard__league-info::-webkit-scrollbar-track, .team-leaderboard__main::-webkit-scrollbar-track, .emoji-popover .emoji-container::-webkit-scrollbar-track, .chat-textarea textarea::-webkit-scrollbar-track, .my-team-chat__chat__bottom__send-message textarea::-webkit-scrollbar-track, .my-team-chat-member-list::-webkit-scrollbar-track, .my-team__content::-webkit-scrollbar-track, team-suggested-members .team-suggested-members__list::-webkit-scrollbar-track, .achievement-challenges::-webkit-scrollbar-track, .modal-deactivate-delete-account::-webkit-scrollbar-track, md-dialog-content::-webkit-scrollbar-track, modal-deactivate-delete-account textarea::-webkit-scrollbar-track {
  background: transparent !important;
}
.gs-scroll::-webkit-scrollbar-thumb, .teams-suggestion ul::-webkit-scrollbar-thumb, .leaderboard-page__active__content::-webkit-scrollbar-thumb, .teams-manager__section__content::-webkit-scrollbar-thumb, .match-container::-webkit-scrollbar-thumb, match-history::-webkit-scrollbar-thumb, teams-create .teams-create__description textarea::-webkit-scrollbar-thumb, team-members::-webkit-scrollbar-thumb, .team-leaderboard__league-info::-webkit-scrollbar-thumb, .team-leaderboard__main::-webkit-scrollbar-thumb, .emoji-popover .emoji-container::-webkit-scrollbar-thumb, .chat-textarea textarea::-webkit-scrollbar-thumb, .my-team-chat__chat__bottom__send-message textarea::-webkit-scrollbar-thumb, .my-team-chat-member-list::-webkit-scrollbar-thumb, .my-team__content::-webkit-scrollbar-thumb, team-suggested-members .team-suggested-members__list::-webkit-scrollbar-thumb, .achievement-challenges::-webkit-scrollbar-thumb, .modal-deactivate-delete-account::-webkit-scrollbar-thumb, md-dialog-content::-webkit-scrollbar-thumb, modal-deactivate-delete-account textarea::-webkit-scrollbar-thumb {
  background: #dbd5d5 !important;
}

.gs-braze-scroll {
  overflow: unset !important;
}

.gs-braze-web-modal, .gs-braze-sticky {
  height: 463px !important;
  position: fixed !important;
  width: 383px !important;
  bottom: 60px !important;
  left: 60px !important;
  box-shadow: unset !important;
  pointer-events: all;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-braze-web-modal, .gs-braze-sticky {
    top: unset !important;
    left: unset !important;
    right: 0 !important;
    width: 140px !important;
    height: 120px !important;
    bottom: 50px !important;
  }
}

.gs-braze-sticky {
  width: 200px !important;
  height: 200px !important;
  bottom: unset !important;
  top: 70px !important;
}

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

.gs-text-dots {
  width: 100%;
}

.gs-loader-small {
  border: 4px solid #3397d2;
  border-radius: 50%;
  border-top-color: transparent;
  width: 25px;
  height: 25px;
  animation: spin 2s linear infinite;
}

.gs-border-bottom-divider {
  border-bottom: 1px solid #CDD8E2;
  width: 100%;
}

.gs-border-top-divider {
  border-top: 1px solid #CDD8E2;
  width: 100%;
}

.gs-divider {
  background-color: #CDD8E2;
  width: 100%;
  height: 1px;
}

.gs-link {
  color: #3397d2;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-decoration: none;
}
.gs-link:hover {
  text-decoration: none;
}

md-checkbox .md-label {
  -webkit-user-select: none;
          user-select: none;
  display: block;
}
md-checkbox .md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #3397d2;
}

.gs-red-dot {
  position: relative;
}
.gs-red-dot:before {
  position: absolute;
  right: -13px;
  width: 8px;
  height: 8px;
  content: "";
  border-radius: 50%;
  background-color: #e82b41;
  top: 50%;
  transform: translateY(-50%);
}

.text-ellipsis, .my-team-chat__chat__photo-share member-name span, .my-team-chat__chat-message-container .my-team-chat__chat-message__default__photo__footer member-name span, .reply-message__text > span,
.gs-text-ellipsis,
.team-item__name,
team-name > span,
.photo-data__header .name a span,
.teams-manager__content__team-members member-name span,
.teams-manager__content__team-left-members member-name span,
.teams-manager__content__match-members member-name span,
.match-close__top span,
.match-history__list-item__teams > div > span,
.my-team-chat__chat-message__match__teams > div > span,
.team-suggested-member-item__invited > div,
.team-suggested-member-item__name > div,
.p-profile-menu__team span,
.gs-text-dots {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#gsBrazeContentCards .ab-feed,
#gsBrazeModalContent .ab-feed {
  width: 100%;
  margin: 0 auto;
  max-width: 400px;
}
#gsBrazeContentCards .ab-feed.ab-effect-slide,
#gsBrazeModalContent .ab-feed.ab-effect-slide {
  /* To avoid braze default animation */
  transform: translateX(0);
}
#gsBrazeContentCards .ab-feed-body,
#gsBrazeModalContent .ab-feed-body {
  padding: 0;
  border: 0 none;
}
#gsBrazeContentCards .ab-feed-body .ab-card,
#gsBrazeModalContent .ab-feed-body .ab-card {
  margin: 0;
  border: 0 none;
}
#gsBrazeContentCards .ab-feed-buttons-wrapper,
#gsBrazeModalContent .ab-feed-buttons-wrapper {
  display: none;
}

.gs-new-indicator {
  background-color: #FF6B6B;
  border-radius: 16px;
  padding: 1px 5px;
  color: white;
  font-weight: 600;
  line-height: 18px;
}

.gs-btn--type2, .gs-btn--type2-white, .gs-btn--type2-blue {
  display: inline-block;
  cursor: pointer;
  width: 229px;
  height: 55px;
  padding: 15px 0;
  vertical-align: middle;
  font-size: 18px;
  border-radius: 10px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  font-family: "open sans", sans-serif;
  color: white;
}
.gs-btn--type2.loading, .loading.gs-btn--type2-white, .loading.gs-btn--type2-blue {
  cursor: wait;
  color: transparent;
  background-image: url("../gif/btn-loader.gif");
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
}

.gs-btn--type2-blue {
  background-color: #218ccc;
}

.gs-btn--type2-white {
  background-color: white;
  border: 1px solid #979797;
  color: #8b8b8b;
}

.gs-btn--type1 {
  position: relative;
  display: inline-block;
  width: 90px;
  margin: 10px auto;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  color: #218ccc;
  border: 1px solid #218ccc;
  border-radius: 5px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.gs-btn--type1:hover {
  color: #fff;
  background-color: #218ccc;
}
.gs-btn--type1 i {
  vertical-align: middle;
}
.gs-btn--type1 span {
  vertical-align: middle;
}

.gs-btn--blue--s--, fixed-footer .fix-footer__btn--s--, .gs-btn--instagram, .gs-btn--grey, .gs-btn--red, .gs-btn--white {
  display: inline-block;
  min-width: 90px;
  margin: 0;
  padding: 10px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border: none;
  border-radius: 5px;
  background-color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.gs-btn--blue--s--:hover, fixed-footer .fix-footer__btn--s--:hover, .gs-btn--instagram:hover, .gs-btn--grey:hover, .gs-btn--red:hover, .gs-btn--white:hover {
  text-decoration: none;
  background-color: #106cc8;
}
.gs-btn--blue--s--:disabled, fixed-footer .fix-footer__btn--s--:disabled, .gs-btn--instagram:disabled, .gs-btn--grey:disabled, .gs-btn--red:disabled, .gs-btn--white:disabled {
  cursor: default;
  background-color: #777;
}
.gs-btn--blue--s--:disabled:hover, fixed-footer .fix-footer__btn--s--:disabled:hover, .gs-btn--instagram:disabled:hover, .gs-btn--grey:disabled:hover, .gs-btn--red:disabled:hover, .gs-btn--white:disabled:hover {
  background-color: #777;
}
.gs-btn--blue--s--.loading, fixed-footer .loading.fix-footer__btn--s--, .loading.gs-btn--instagram, .loading.gs-btn--grey, .loading.gs-btn--red, .loading.gs-btn--white {
  height: 34px;
  cursor: wait;
  transition: none;
  color: transparent;
  background-image: url("../gif/btn-loader.gif");
  background-repeat: no-repeat;
  background-position: 50%;
  font-size: 0;
}

.gs-btn--white {
  color: #218ccc;
  background-color: white;
  border: solid 1.5px rgba(0, 0, 0, 0.1);
}
.gs-btn--white:hover {
  color: #218ccc;
  background-color: white;
}

.gs-btn--red {
  opacity: 0.8;
  background-color: #d9346e;
}
.gs-btn--red:hover {
  opacity: 1;
  background-color: #d9346e;
}

.gs-btn--grey {
  background-color: #666;
}
.gs-btn--grey:hover {
  background-color: #3e3c3c;
}

.gs-text-btn {
  display: inline-block;
  margin: 5px auto;
  cursor: pointer;
  color: #666;
}
.gs-text-btn:hover {
  text-decoration: underline;
}

.gs-btn--instagram {
  border-radius: 3px;
  background-image: linear-gradient(to top, #d9346e, #8646b0);
}

.gs-btn-shop {
  position: relative;
  overflow: inherit;
  padding-left: 40px;
  border: 1px solid #d6d6d6;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-btn-shop:hover {
  background-color: #e1e1e1 !important;
}
.gs-btn-shop > i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -30px;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  padding: 12px;
  text-align: center;
  color: #fff;
  border: 4px solid #e1e1e1;
  border-radius: 50%;
  background-color: #7e7e7e;
  font-size: 26px;
  line-height: 30px;
}
.gs-btn-shop .number {
  vertical-align: middle;
  font-size: 19px;
  font-weight: 600;
}
.gs-btn-shop .name {
  margin: 0 5px;
  vertical-align: middle;
  color: #666;
  font-size: 15px;
  font-weight: 600;
}
.gs-btn-shop .plus {
  margin: 0;
  text-align: center;
  vertical-align: middle;
  color: #218ccc;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.gs-btn-shop .plus i {
  position: relative;
}
.gs-btn-shop .plus i:before {
  position: relative;
  z-index: 1;
}
.gs-btn-shop .plus i:after {
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 70%;
  content: "";
  vertical-align: middle;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .gs-btn-shop {
    padding-left: 18px;
  }
  .gs-btn-shop > i {
    width: 55px;
    height: 55px;
    padding: 9px;
    font-size: 28px;
  }
  .gs-btn-shop .number {
    font-size: 18px;
  }
  .gs-btn-shop .name {
    display: none;
  }
  .gs-btn-shop .plus {
    font-size: 18px;
  }
}

.c-btn-facebook-invite {
  display: inline-block;
  padding: 3px 5px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  color: #3b5999;
  border: 1px #222;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.c-btn-facebook-invite:hover {
  color: #fff;
  background-color: #3b5999;
}
.c-btn-facebook-invite:hover span:before {
  border-color: #fff;
}
.c-btn-facebook-invite i {
  vertical-align: middle;
  font-size: 18px;
}
.c-btn-facebook-invite span {
  position: relative;
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
}
.c-btn-facebook-invite span:before {
  display: inline-block;
  width: 0;
  height: 18px;
  margin: 0 8px 0 0;
  content: "";
  vertical-align: middle;
  border-left: 1px solid #3b5999;
}

.gs-btn-blue--type-2--s-- {
  display: inline-block;
  padding: 6px 10px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-radius: 3px;
  background-color: #318ebf;
  box-shadow: 0 5px 26px 0 rgba(25, 24, 25, 0.3);
}
.gs-btn-blue--type-2--s-- i, .gs-btn-blue--type-2--s-- span {
  display: inline-block;
  vertical-align: middle;
}
.gs-btn-blue--type-2--s-- i {
  margin-right: 5px;
  font-size: 1.1em;
}

.teams-btn-gen, .teams-btn-text, .teams-btn-tex-center, .teams-btn-secondary-red, .teams-btn-secondary-red-center, .teams-btn-secondary, .help-button, team-details .team-details__help-btn, .team-home .team-home-page__header-help-btn, team-suggested-members .team-suggested-members__help-btn, .gs-teams-help-btn, .match-header__help-btn, .my-team__header__help-btn, .teams-btn-secondary-center, .teams-btn-primary, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area, .teams-btn-primary-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 100px;
  height: 29px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
          user-select: none;
}
.teams-btn-gen span, .teams-btn-text span, .teams-btn-tex-center span, .teams-btn-secondary-red span, .teams-btn-secondary-red-center span, .teams-btn-secondary span, .help-button span, team-details .team-details__help-btn span, .team-home .team-home-page__header-help-btn span, team-suggested-members .team-suggested-members__help-btn span, .gs-teams-help-btn span, .match-header__help-btn span, .my-team__header__help-btn span, .teams-btn-secondary-center span, .teams-btn-primary span, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area span, .teams-btn-primary-center span {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: 10px;
}
.teams-btn-gen:disabled, .teams-btn-text:disabled, .teams-btn-tex-center:disabled, .teams-btn-secondary-red:disabled, .teams-btn-secondary-red-center:disabled, .teams-btn-secondary:disabled, .help-button:disabled, team-details .team-details__help-btn:disabled, .team-home .team-home-page__header-help-btn:disabled, team-suggested-members .team-suggested-members__help-btn:disabled, .gs-teams-help-btn:disabled, .match-header__help-btn:disabled, .my-team__header__help-btn:disabled, .teams-btn-secondary-center:disabled, .teams-btn-primary:disabled, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area:disabled, .teams-btn-primary-center:disabled {
  cursor: unset;
}

button.teams-btn-primary, modal-content-cards md-dialog .ab-feed .ab-card .ab-description button.ab-url-area, button.teams-btn-primary-center, button.teams-btn-secondary, button.help-button, team-details button.team-details__help-btn, .team-home button.team-home-page__header-help-btn, team-suggested-members button.team-suggested-members__help-btn, button.gs-teams-help-btn, button.match-header__help-btn, button.my-team__header__help-btn, button.teams-btn-secondary-center {
  border: unset !important;
}

.teams-btn-primary, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area, .teams-btn-primary-center {
  padding: 0 16px;
  box-shadow: -2px 2px 5px 3px rgba(175, 207, 226, 0.3);
  background-image: linear-gradient(74deg, #0064a1 0%, #0c9ed3);
  color: white;
  font-weight: bold;
}
.teams-btn-primary span, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area span, .teams-btn-primary-center span {
  color: white;
  font-weight: bold;
}
.teams-btn-primary i, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area i, .teams-btn-primary-center i {
  font-size: 19px;
}
.teams-btn-primary:hover, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area:hover, .teams-btn-primary-center:hover {
  background-image: radial-gradient(circle at 1% 99%, #0179c2 0%, #04bdff);
}
.teams-btn-primary:active, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area:active, .teams-btn-primary-center:active {
  box-shadow: inset 0 2px 9px 1px #567d94;
  background-image: radial-gradient(circle at 1% 99%, #0179c2 0%, #04bdff);
}
.teams-btn-primary:disabled, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area:disabled, .teams-btn-primary-center:disabled {
  box-shadow: unset;
  background-color: #acbed0;
  background-image: unset;
}

.teams-btn-primary-center {
  justify-content: center;
}

.teams-btn-secondary, .help-button, team-details .team-details__help-btn, .team-home .team-home-page__header-help-btn, team-suggested-members .team-suggested-members__help-btn, .gs-teams-help-btn, .match-header__help-btn, .my-team__header__help-btn, .teams-btn-secondary-center {
  font-weight: 600;
  color: #3397d2;
  padding: 0 16px;
  box-shadow: -2px 2px 5px 3px rgba(175, 207, 226, 0.3);
  background-color: #ffffff;
}
.teams-btn-secondary span, .help-button span, team-details .team-details__help-btn span, .team-home .team-home-page__header-help-btn span, team-suggested-members .team-suggested-members__help-btn span, .gs-teams-help-btn span, .match-header__help-btn span, .my-team__header__help-btn span, .teams-btn-secondary-center span {
  font-weight: 600;
  color: #3397d2;
}
.teams-btn-secondary i, .help-button i, team-details .team-details__help-btn i, .team-home .team-home-page__header-help-btn i, team-suggested-members .team-suggested-members__help-btn i, .gs-teams-help-btn i, .match-header__help-btn i, .my-team__header__help-btn i, .teams-btn-secondary-center i {
  font-size: 19px;
}
.teams-btn-secondary:hover, .help-button:hover, team-details .team-details__help-btn:hover, .team-home .team-home-page__header-help-btn:hover, team-suggested-members .team-suggested-members__help-btn:hover, .gs-teams-help-btn:hover, .match-header__help-btn:hover, .my-team__header__help-btn:hover, .teams-btn-secondary-center:hover {
  box-shadow: -2px 2px 5px 3px rgba(159, 201, 227, 0.56);
  background-image: linear-gradient(253deg, #f6fcff 97%, #e1f3ff 0%);
}
.teams-btn-secondary:active, .help-button:active, team-details .team-details__help-btn:active, .team-home .team-home-page__header-help-btn:active, team-suggested-members .team-suggested-members__help-btn:active, .gs-teams-help-btn:active, .match-header__help-btn:active, .my-team__header__help-btn:active, .teams-btn-secondary-center:active {
  box-shadow: inset 0 1px 7px 0 #a2becf;
  background-image: linear-gradient(253deg, #f6fcff 97%, #e1f3ff 0%);
}
.teams-btn-secondary:disabled, .help-button:disabled, team-details .team-details__help-btn:disabled, .team-home .team-home-page__header-help-btn:disabled, team-suggested-members .team-suggested-members__help-btn:disabled, .gs-teams-help-btn:disabled, .match-header__help-btn:disabled, .my-team__header__help-btn:disabled, .teams-btn-secondary-center:disabled {
  color: white;
  box-shadow: unset;
  background-color: #acbed0;
  background-image: unset;
}

.teams-btn-secondary-center {
  justify-content: center;
}

.teams-btn-secondary-red, .teams-btn-secondary-red-center {
  box-shadow: 0 1px 3px 0 #ffaeae;
  border: solid 2px #ffffff;
  font-weight: 600;
  color: #ff6b6b;
  padding: 0 16px;
  background-color: #ffffff;
}
.teams-btn-secondary-red:hover, .teams-btn-secondary-red-center:hover {
  box-shadow: 0 1px 3px 0 #ffaeae;
  border: solid 2px #ffe9e9;
  background-color: #ffe9e9;
}
.teams-btn-secondary-red:active, .teams-btn-secondary-red-center:active {
  box-shadow: inset 0 1px 7px 0 #ffa1a1;
  background-color: #ffe9e9;
  border: unset;
}
.teams-btn-secondary-red:disabled, .teams-btn-secondary-red-center:disabled {
  color: #848484;
  box-shadow: unset;
  border: unset;
  background-color: #dee5ec;
}

.teams-btn-secondary-red-center {
  justify-content: center;
}

.teams-btn-text, .teams-btn-tex-center {
  color: #3397d2;
  padding: 0 10px;
}
.teams-btn-text i, .teams-btn-tex-center i {
  font-size: 16px;
}
.teams-btn-text:hover, .teams-btn-tex-center:hover {
  background-color: #e8f3f9;
}
.teams-btn-text:disabled, .teams-btn-tex-center:disabled {
  background-color: #f6f8fa;
  color: #9cb1c7;
}
.teams-btn-text:disabled i, .teams-btn-tex-center:disabled i {
  color: #9cb1c7;
}

.teams-btn-tex-center {
  justify-content: center;
}

.gs-close-btn, .modal-close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 10px;
  right: 10px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: 13px;
  color: white;
  font-weight: bold;
}

.gs-teams-help-btn, .match-header__help-btn, .my-team__header__help-btn {
  z-index: 10;
  width: 34px;
  height: 34px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}

.gs-img, .c-toast-suspended-images .c-toast-suspended-images__img-block__img, modal-successful-swap .c-modal-successful-swap__discover__photo, modal-successful-swap .c-modal-successful-swap__photo, modal-successful-swap .c-modal-successful-swap__photo--2, modal-successful-swap .c-modal-successful-swap__photo--1, modal-challenge-action-activate .c-modal-challenge-action-activate__photo, unlock-state-card .c-unlock-state-card__image, suspended-images-card .c-suspended-images-card__image, similar-card .c-similar-card__image, off-topic-card .c-off-topic-card__image, camera-slider-edit .c-camera-slider-edit__img__photo, camera-slider .c-camera-slider__image, .article-edit__img__photo, article-block-image .article-block-image__photo, .article__recommended__item__img, .gs-img--block {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.gs-img--block {
  position: absolute;
  top: 0;
  left: 0;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

.material-dialog > * {
  flex: 1;
}

.gs-modal-store .mat-mdc-tab-label-container {
  display: none;
}
.gs-modal-store a:hover {
  text-decoration: none;
}
.gs-modal-store a .mdc-tab__ripple:before {
  background: unset;
}
.gs-modal-store .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .gs-modal-store .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  color: #589BFF;
  border: 3px solid;
}
.gs-modal-store .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .gs-modal-store .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #578CFF;
}
.gs-modal-store .mat-mdc-tab-link.mdc-tab {
  height: 67px;
}
.gs-modal-store .mat-mdc-dialog-surface.mdc-dialog__surface {
  overflow: unset;
}

.gs-modal .mat-mdc-dialog-surface {
  position: relative;
  padding: 16px;
  border-radius: 12px !important;
}
.gs-modal .mat-dialog-actions {
  margin-bottom: 0;
  padding: 0;
  min-height: auto;
}

.gs-modal-battle-vote-one-vs-one .mat-mdc-dialog-surface.mdc-dialog__surface {
  background: none;
  box-shadow: none;
}

.welcome-to-battle-modal {
  max-width: 100vw !important;
}
.welcome-to-battle-modal .mat-mdc-dialog-surface.mdc-dialog__surface {
  border-radius: 30px !important;
}

.battle-first-coins-modal .mat-mdc-dialog-surface.mdc-dialog__surface {
  border-radius: 0 !important;
  background: transparent;
}

.gs-modal-out-of-resource .mat-mdc-dialog-surface.mdc-dialog__surface {
  border-radius: 20px;
}

.gs-modal-backdrop {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-modal-full-challenge .material-dialog {
  flex-direction: column;
  padding: 12px;
}

.gs-drop-down-menu {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  overflow: hidden;
  max-height: 0;
  text-transform: none;
  opacity: 0;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  line-height: 1;
}
.gs-drop-down-menu:hover {
  box-shadow: 0 0 6px -2px #000;
}
.gs-drop-down-menu.navRight {
  right: 0;
  left: auto;
}
.gs-drop-down-menu.up {
  top: auto;
  bottom: 100%;
}
.gs-drop-down-menu > a {
  display: block;
  margin-top: -60px;
  padding: 0 1.5em;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  color: rgba(255, 255, 255, 0.7);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  line-height: 3.5;
}
.gs-drop-down-menu > a:first-child {
  border-top: 0;
}
.gs-drop-down-menu > a:hover {
  transition: 0s !important;
  color: #fff;
  border-top-color: transparent;
  background: rgba(255, 255, 255, 0.15);
}
.gs-drop-down-menu > a:hover > i {
  transition: 0s;
  opacity: 0.8;
}
.gs-drop-down-menu i {
  display: inline-block;
  margin-right: 0.6em;
  transition: 0.15s;
  vertical-align: middle;
  opacity: 0.3;
  font-size: 1.5em;
}
.gs-drop-down-menu span {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 480px) {
  .gs-drop-down-menu {
    font-size: 1.1em;
  }
}

.gs-drop-down-menu-chevron {
  float: right;
  min-height: 68px;
  transition: 0.3s all;
}
.gs-drop-down-menu-chevron::after {
  display: block;
  margin-left: 8px;
  content: "\e619";
  transition: 0.18s;
  vertical-align: middle;
  opacity: 0.6;
  color: #fff;
  font-family: icomoon;
  font-size: 1.4em;
}
.gs-drop-down-menu-chevron + .gs-drop-down-menu {
  font-size: 14px;
  top: 100%;
  max-height: none;
  opacity: 1;
  right: 0;
  left: auto;
}

.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a,
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a,
.gs-drop-down-menu:hover > a {
  margin-top: 0;
  transition: 0.2s cubic-bezier(0, 0.8, 0.5, 1.35);
  transition-property: margin, opacity;
  opacity: 1;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(2),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(2),
.gs-drop-down-menu:hover > a:nth-child(2) {
  transition-delay: 60ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(3),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(3),
.gs-drop-down-menu:hover > a:nth-child(3) {
  transition-delay: 120ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(4),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(4),
.gs-drop-down-menu:hover > a:nth-child(4) {
  transition-delay: 180ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(5),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(5),
.gs-drop-down-menu:hover > a:nth-child(5) {
  transition-delay: 240ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(6),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(6),
.gs-drop-down-menu:hover > a:nth-child(6) {
  transition-delay: 300ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(7),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(7),
.gs-drop-down-menu:hover > a:nth-child(7) {
  transition-delay: 360ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(8),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(8),
.gs-drop-down-menu:hover > a:nth-child(8) {
  transition-delay: 420ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(9),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(9),
.gs-drop-down-menu:hover > a:nth-child(9) {
  transition-delay: 480ms;
}
.gs-header__avatar:hover + .gs-drop-down-menu-chevron + .gs-drop-down-menu > a:nth-child(10),
.gs-drop-down-menu-chevron:hover + .gs-drop-down-menu > a:nth-child(10),
.gs-drop-down-menu:hover > a:nth-child(10) {
  transition-delay: 540ms;
}

/*
Example:
<input type="checkbox" id="c-modal-pre-submit__actions__checkbox" ng-model="$ctrl.checked">
<label for="c-modal-pre-submit__actions__checkbox" class="gs-animated-checkbox"></label>
Custom label
<label for="c-modal-pre-submit__actions__checkbox" class="gs-animated-checkbox">
<span>[Label text]</span>
</label>

Label example:
Custom label
.gs-animated-checkbox {
    margin-right: 110px; //Text width
    span {
      position: absolute;
      top: 50%;
      left: calc(100% + 20px);
      color: #444;
      text-align: left;
      font-weight: 600;
      font-size: 16px;
      line-height: 1.1;
      transform: translateY(-50%);
      user-select: none;
    }
  }
*/
@keyframes gsAnimatedCheckboxBottomCheck {
  0% {
    height: 0;
  }
  100% {
    height: 20px;
  }
}
@keyframes gsAnimatedCheckboxTopCheck {
  0% {
    height: 0;
  }
  50% {
    height: 0;
  }
  100% {
    height: 45px;
  }
}
.gs-animated-checkbox {
  height: 40px;
  width: 40px;
  background-color: transparent;
  border: 5px solid #666;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  transition: border-color ease 0.2s;
  cursor: pointer;
}
.gs-animated-checkbox:before, .gs-animated-checkbox:after {
  position: absolute;
  height: 0;
  width: 8px;
  background-color: #218ccc;
  display: inline-block;
  transform-origin: left top;
  border-radius: 5px;
  content: " ";
  transition: opacity ease 0.5s;
}
.gs-animated-checkbox:before {
  top: 27px;
  left: 16px;
  transform: rotate(-135deg);
  box-shadow: 0 0 0 1px #fff;
}
.gs-animated-checkbox:after {
  top: 12px;
  left: 1px;
  transform: rotate(-45deg);
}
input[type=checkbox]:checked + .gs-animated-checkbox, .gs-animated-checkbox.checked {
  border-color: #218ccc;
}
input[type=checkbox]:checked + .gs-animated-checkbox:before, .gs-animated-checkbox.checked:before {
  height: 45px;
  animation: gsAnimatedCheckboxTopCheck 0.3s ease 0s forwards;
}
input[type=checkbox]:checked + .gs-animated-checkbox:after, .gs-animated-checkbox.checked:after {
  height: 20px;
  animation: gsAnimatedCheckboxBottomCheck 0.1s ease 0s forwards;
}

/* ========================================================================
 * gsCameraLoader
 *
 * HTML: <div class="gs-camera-loader [active]"><div class="loader"></div></div>
 * ======================================================================== */
.gs-loader {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.gs-loader.active {
  display: block;
}
.gs-loader .loader {
  position: relative;
  top: 49%;
  left: 50%;
  display: block;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  border: 3px solid transparent;
  border-top-color: #3D81BF;
  border-radius: 50%;
  animation: gs-camera-loader-animation 2s linear infinite;
}
.gs-loader .loader:before {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  border: 3px solid transparent;
  border-top-color: #8AB3DA;
  border-radius: 50%;
  content: "";
  animation: gs-camera-loader-animation 3s linear infinite;
}
.gs-loader .loader:after {
  position: absolute;
  top: 15px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  border: 3px solid transparent;
  border-top-color: #C4D9EB;
  border-radius: 50%;
  content: "";
  animation: gs-camera-loader-animation 1.5s linear infinite;
}

@keyframes gs-camera-loader-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.gs-round-loader {
  position: relative;
}
.gs-round-loader:before {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -11px;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  border-left-color: transparent;
  border-radius: 50%;
  content: "";
  opacity: 0;
  transition-duration: 0.5s;
  transition-property: opacity;
  animation-name: rotate;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.gs-round-loader:after {
  display: inline-block;
  width: 0px;
  height: 100%;
  content: "";
  transition-delay: 0.5s;
  transition-duration: 0.75s;
  transition-property: width;
}
.gs-round-loader.run {
  cursor: wait;
  pointer-events: none;
}
.gs-round-loader.run:not(.expand) {
  text-align: left;
}
.gs-round-loader.run:before {
  opacity: 1;
  transition-delay: 0.5s;
  transition-duration: 1s;
}
.gs-round-loader.run:after {
  width: 20px;
  transition-delay: 0s;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.c-challenge-type-badge, .c-challenge-newbie-badge, .c-challenge-book-badge, .c-challenge-expo-badge, .c-challenge-premium-badge {
  position: absolute;
  z-index: 2;
  top: 15px;
  right: -109px;
  left: auto;
  width: 300px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
}
.c-challenge-type-badge:after, .c-challenge-newbie-badge:after, .c-challenge-book-badge:after, .c-challenge-expo-badge:after, .c-challenge-premium-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}

.c-challenge-premium-badge {
  color: #f0f0f0;
  background-color: #000;
  line-height: 50px;
}
.c-challenge-premium-badge i {
  vertical-align: middle;
  font-size: 14px;
}
.c-challenge-premium-badge span {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
}

.c-challenge-newbie-badge, .c-challenge-book-badge, .c-challenge-expo-badge {
  padding: 10px 0;
  color: #000;
  background-color: #fff;
  font-weight: 600;
  line-height: 1;
}
.c-challenge-newbie-badge:after, .c-challenge-book-badge:after, .c-challenge-expo-badge:after {
  border-color: #000;
}
.c-challenge-newbie-badge span, .c-challenge-book-badge span, .c-challenge-expo-badge span {
  display: block;
  font-weight: 400;
}

.c-challenge-expo-badge {
  text-align: center;
  letter-spacing: -0.2px;
  color: #fff;
  background-color: #005c83;
  font-size: 13px;
  line-height: 2.3;
}
.c-challenge-expo-badge:after {
  border-color: #fff;
}

.c-challenge-book-badge {
  text-align: center;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #fff;
  background-color: #cc6238;
  font-size: 12px;
  line-height: 2.3;
}
.c-challenge-book-badge:after {
  border-color: #fff;
}
.c-challenge-book-badge i {
  margin-right: 3px;
}
.c-challenge-book-badge span {
  display: inline-block;
  vertical-align: middle;
}

.c-challenge-speed-badge, .c-challenge-default-badge {
  position: absolute;
  top: -18px;
  right: -46px;
  width: 130px;
  padding: 25px 0 5px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  background-color: #222;
  font-size: 14.1px;
  font-weight: 300;
  line-height: 1.2;
}
.c-challenge-speed-badge i, .c-challenge-default-badge i {
  color: #ff9600;
  font-size: 24px;
}

.c-challenge-default-badge i {
  font-size: 20px;
}

/* New challenge badges */
.badge__exhibition {
  position: absolute;
  top: 18px;
  right: -42px;
  left: auto;
  width: 160px;
  transform: rotate(45deg) translateZ(0);
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #005c83;
  font-size: 12px;
  font-weight: 600;
  line-height: 43px;
}
.badge__exhibition:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.badge__exhibition i {
  vertical-align: middle;
  line-height: 1.1;
}
.badge__exhibition span {
  vertical-align: middle;
  line-height: 1;
}

a.social_icon {
  opacity: 0.75;
  display: inline-block;
  vertical-align: middle;
  color: transparent !important;
  line-height: 1px;
  text-align: center;
  overflow: hidden;
  text-shadow: 0 -20px #FFF, 0 12px #FFF;
  text-decoration: none;
  background: #CCC;
  font-size: 1em;
  margin: 0 0.12em;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  box-sizing: content-box;
  transition: 0.15s ease-out;
}
a.social_icon.icon-facebook {
  background: #5f7ec1;
}
a.social_icon.icon-twitter {
  background: #3bc9ff;
}
a.social_icon.icon-googleplus {
  background: #e8867a;
}
a.social_icon.icon-pinterest {
  background: #e45459;
}
a.social_icon.icon-youtube {
  background: #e9272d;
}
a.social_icon.icon-instagram {
  background: #9b6954;
}
a.social_icon.icon-tumblr {
  background-color: #35465c;
}
a.social_icon:hover {
  opacity: 1;
  line-height: 66px;
}

.responsive-sprites {
  height: auto;
  overflow: hidden;
}
.responsive-sprites > img {
  display: block;
}

img.sprite-game-banner-boost {
  width: calc(100% * 170 / 84);
  margin-top: 0%;
  margin-bottom: calc(-100% * (170 - 0 - 84) / 84);
  margin-left: 0%;
}

img.sprite-game-banner-ranking {
  width: calc(100% * 170 / 84);
  margin-top: 0%;
  margin-bottom: calc(-100% * (170 - 0 - 84) / 84);
  margin-left: -102.380952381%;
}

img.sprite-game-banner-swap {
  width: calc(100% * 170 / 84);
  margin-top: -102.380952381%;
  margin-bottom: calc(-100% * (170 - 86 - 84) / 84);
  margin-left: 0%;
}

img.sprite-game-banner-vote {
  width: calc(100% * 170 / 84);
  margin-top: -102.380952381%;
  margin-bottom: calc(-100% * (170 - 86 - 84) / 84);
  margin-left: -102.380952381%;
}

#gs-app-main {
  display: block;
  max-width: 100%;
}
.downloadApps #gs-app-main {
  padding-top: 114px;
}

/*body.about {*/
.about {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about gs-footer {
  display: block;
  padding-bottom: 105px;
}
@media screen and (max-width: 1000px) {
  .about gs-footer {
    padding-bottom: 10px;
  }
  .about:not(.loggedIn) {
    padding-top: 56px;
  }
  .about:not(.loggedIn) mobile-header {
    display: none;
  }
}

about-page {
  display: block;
  overflow-x: hidden;
  min-height: 100vh;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  about-page .fix-footer {
    bottom: 44px;
  }
}

.about-page__cover {
  background-image: url("../jpg/cover.jpg");
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__cover:before {
  display: inline-block;
  width: 0;
  padding-bottom: 38.125%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 580px) {
  .about-page__cover {
    background-image: url("../jpg/cover-mobile.jpg");
  }
  .about-page__cover:before {
    padding-bottom: 162.8%;
  }
}

.about-page__cover__text {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__cover__text h1 {
  text-align: center;
  letter-spacing: -0.9px;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.13;
}
.about-page__cover__text p {
  margin-top: 20px;
  padding: 0;
  text-align: center;
  letter-spacing: -0.9px;
  color: #fff;
  font-size: 24px;
}
@media screen and (max-width: 999px) {
  .about-page__cover__text h1 {
    font-size: 32px;
  }
  .about-page__cover__text p {
    font-size: 24px;
  }
}
@media screen and (max-width: 580px) {
  .about-page__cover__text {
    max-width: 230px;
  }
  .about-page__cover__text h1 {
    text-align: center;
    letter-spacing: -0.2px;
    color: #fff;
    font-size: 24px;
    line-height: 1.29;
  }
  .about-page__cover__text p {
    display: none;
  }
}

.about-page__our {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 999px) {
  .about-page__our {
    padding: 20px 10px;
  }
}

.about-page__our__item {
  display: inline-block;
  width: 50%;
  padding: 20px 10px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__our__item + .about-page__our__item {
  border-left: 1px solid rgba(0, 0, 0, 0.8);
}
.about-page__our__item h2 {
  letter-spacing: -0.6px;
  font-size: 36px;
  font-weight: 600;
}
.about-page__our__item h2 span {
  letter-spacing: -0.5px;
  color: #218ccc;
}
.about-page__our__item p {
  color: #000;
  font-size: 18px;
  line-height: 1.73;
}
@media screen and (max-width: 999px) {
  .about-page__our__item {
    display: block;
    width: 100%;
  }
  .about-page__our__item + .about-page__our__item {
    border-top: 1px solid rgba(0, 0, 0, 0.8);
    border-left: none;
  }
}

.about-page__numbers {
  padding: 60px 20px;
  text-align: center;
  background-color: #444;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 999px) {
  .about-page__numbers {
    padding: 10px;
  }
}

.about-page__numbers-item {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__numbers-item h2 {
  letter-spacing: -1.4px;
  color: #fff;
  font-size: 70px;
  font-weight: 300;
  line-height: 1;
}
.about-page__numbers-item h2 span {
  color: #218ccc;
}
.about-page__numbers-item p {
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
}
.about-page__numbers-item + .about-page__numbers-item {
  margin-left: 100px;
}
@media screen and (max-width: 999px) {
  .about-page__numbers-item {
    display: block;
    margin: 40px 0;
  }
  .about-page__numbers-item + .about-page__numbers-item {
    margin-left: 0;
  }
}

.about-page__core {
  padding: 40px 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__core h2 {
  margin-bottom: 40px;
  text-align: center;
  letter-spacing: -0.6px;
  font-size: 40px;
  font-weight: 600;
}
.about-page__core h2 span {
  letter-spacing: -0.5px;
  color: #218ccc;
}
@media screen and (max-width: 999px) {
  .about-page__core {
    padding: 20px 10px 0;
  }
  .about-page__core h2 {
    margin-bottom: 20px;
    font-size: 32px;
  }
}

.about-page__card {
  display: inline-block;
  width: 300px;
  height: 410px;
  padding: 30px 20px;
  vertical-align: top;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.about-page__card + .about-page__card {
  margin-left: 30px;
}
.about-page__card img {
  height: 100px;
}
.about-page__card h3 {
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.13;
}
.about-page__card h3 span {
  color: #218ccc;
  font-weight: 600;
}
.about-page__card p {
  padding: 0;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.75;
}
@media screen and (max-width: 999px) {
  .about-page__card {
    display: block;
    margin: 20px auto;
  }
  .about-page__card + .about-page__card {
    margin-left: auto;
  }
}

.about-page__share {
  padding: 20px 20px 40px;
}
.about-page__share h2 {
  margin-bottom: 10px;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.54;
}

.about-page__share__item {
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #ccc;
  font-size: 20px;
  line-height: 40px;
}
.about-page__share__item + .about-page__share__item {
  margin-left: 10px;
}
.about-page__share__item.icon-facebook {
  background-color: #3b5999;
}
.about-page__share__item.icon-twitter {
  background-color: #47B7FF;
}
.about-page__share__item.icon-tumblr {
  background-color: #35465c;
}

.about-page__partners {
  padding: 40px 20px;
  background-color: #fff;
}
.about-page__partners h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: -0.9px;
  color: #218ccc;
  font-size: 28px;
  font-weight: bold;
}
.about-page__partners h2:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 1px);
  left: 50%;
  width: 100%;
  max-width: 1300px;
  content: "";
  transform: translate3d(-50%, 0, 0);
  border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.about-page__partners h2 span {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
}

.about-page__partners__item {
  display: inline-block;
  height: 30px;
  margin: 20px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 999px) {
  .about-page__partners__item {
    max-width: calc(50% - 40px);
    height: auto;
  }
}

.about-page__press {
  padding: 40px 20px;
  background-color: #fff;
}
.about-page__press h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
  text-align: center;
  letter-spacing: -0.9px;
  color: #218ccc;
  font-size: 28px;
  font-weight: bold;
}
.about-page__press h2:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 1px);
  left: 50%;
  width: 100%;
  max-width: 1300px;
  content: "";
  transform: translate3d(-50%, 0, 0);
  border-top: 1px solid rgba(0, 0, 0, 0.7);
}
.about-page__press h2 span {
  display: inline-block;
  padding: 0 20px;
  background-color: #fff;
}

.about-page__press__item {
  display: inline-block;
  height: 30px;
  margin: 20px 50px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 999px) {
  .about-page__press__item {
    max-width: calc(50% - 40px);
    height: auto;
    margin: 20px;
  }
}

challenge-achievements {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 68px;
  text-align: center;
  color: #fff;
  background-color: #000;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1099px) {
  challenge-achievements {
    display: block;
    padding-top: 78px;
  }
}
@media screen and (max-width: 1000px) {
  challenge-achievements {
    padding-top: 20px;
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 750px) {
  challenge-achievements {
    overflow-x: hidden;
    width: 100%;
  }
}

.challenge-achievements__avatar {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__avatar img {
  width: 100px;
  height: 100px;
  border: 4px solid #fff;
  border-radius: 50%;
}
.challenge-achievements__avatar i {
  position: absolute;
  top: 25px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  color: #fff;
  font-size: 100px;
}
@media screen and (max-width: 750px) {
  .challenge-achievements__avatar img {
    width: 70px;
    height: 70px;
  }
  .challenge-achievements__avatar i {
    top: 20px;
    font-size: 70px;
  }
}

.challenge-achievements__title {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__title h1 {
  text-align: center;
  letter-spacing: -0.3px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.81;
}
.challenge-achievements__title h1 a {
  text-decoration: none;
  letter-spacing: -0.4px;
  text-transform: uppercase;
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.36;
}
.challenge-achievements__title h1 a:hover {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .challenge-achievements__title h1 {
    font-size: 16px;
    line-height: 1.3;
  }
}

.challenge-achievements__data-wrap {
  position: relative;
  max-width: 100vw;
  margin: 30px auto 70px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1099px) {
  .challenge-achievements__data-wrap {
    margin: 20px auto 10px;
  }
}

.challenge-achievements__dots {
  display: inline-block;
  min-width: 118px;
  margin-right: 100px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__dots button {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 10px auto;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: #fff;
}
.challenge-achievements__dots .slick-active > button {
  background-color: #218ccc;
}
@media screen and (max-width: 1099px) {
  .challenge-achievements__dots {
    display: none;
  }
}

.challenge-achievements__slider {
  position: relative;
  display: inline-block;
  width: 600px;
  max-width: 100vw;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  border: none;
  background-color: transparent;
  font-size: 0;
}
.challenge-achievements__slider .slick-prev:before,
.challenge-achievements__slider .slick-next:before {
  color: rgba(255, 255, 255, 0.2);
  font-size: 80px;
}
.challenge-achievements__slider .slick-prev {
  right: calc(100% + 15px);
}
.challenge-achievements__slider .slick-prev:before {
  content: "\e665";
}
.challenge-achievements__slider .slick-next {
  left: calc(100% + 15px);
}
.challenge-achievements__slider .slick-next:before {
  content: "\e666";
}
@media screen and (max-width: 750px) {
  .challenge-achievements__slider .slick-next {
    right: 10px;
    left: inherit;
    color: #fff;
  }
  .challenge-achievements__slider .slick-next:before {
    color: rgba(255, 255, 255, 0.5);
  }
  .challenge-achievements__slider .slick-prev {
    z-index: 1;
    right: inherit;
    left: 10px;
  }
  .challenge-achievements__slider .slick-prev:before {
    color: rgba(255, 255, 255, 0.5);
  }
}

.challenge-achievements__slide {
  position: relative;
  width: 800px;
  height: 400px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__slide:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}
.challenge-achievements__slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  transform: translate3d(-50%, -50%, 0);
}
@media screen and (max-width: 750px) {
  .challenge-achievements__slide {
    width: auto;
    height: 215px;
  }
}

.challenge-achievements__info {
  display: inline-block;
  min-width: 118px;
  margin-left: 100px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1099px) {
  .challenge-achievements__info {
    display: block;
    margin-top: 30px;
    margin-left: 0;
  }
}

.challenge-achievements__info-item {
  position: relative;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__info-item + .challenge-achievements__info-item {
  margin-top: 40px;
}
.challenge-achievements__info-item .icon-achievement-ribbon-2 {
  font-size: 100px;
}
.challenge-achievements__info-item .votes {
  position: absolute;
  top: 20px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
}
.challenge-achievements__info-item .votes > div {
  font-size: 12px;
  font-weight: 400;
}
.challenge-achievements__info-item .rank {
  font-size: 40px;
  font-weight: 600;
  line-height: 1.3;
}
.challenge-achievements__info-item .rank span {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
}
.challenge-achievements__info-item .rank__label {
  font-size: 14px;
}
.challenge-achievements__info-item i.c-level-0 {
  color: #b3b3b3;
}
.challenge-achievements__info-item i.c-level-1 {
  color: #2c7fa6;
}
.challenge-achievements__info-item i.c-level-2 {
  color: #0a655c;
}
.challenge-achievements__info-item i.c-level-3 {
  color: #853445;
}
.challenge-achievements__info-item i.c-level-4 {
  color: #234f64;
}
.challenge-achievements__info-item i.c-level-5 {
  color: #1c1c1c;
}
.challenge-achievements__info-item .icon-level-badge {
  position: relative;
  z-index: 1;
  font-size: 75px;
}
.challenge-achievements__info-item .icon-level-badge:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  display: inline-block;
  width: 70px;
  height: 70px;
  content: "";
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: #fff;
}
.challenge-achievements__info-item .badge__label {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-transform: lowercase;
  font-size: 12px;
  line-height: 1.3;
}
.challenge-achievements__info-item .badge__label b {
  display: block;
  text-transform: uppercase;
}
@media screen and (max-width: 1099px) {
  .challenge-achievements__info-item {
    display: inline-block;
    vertical-align: middle;
  }
  .challenge-achievements__info-item + .challenge-achievements__info-item {
    margin-top: 0;
    margin-left: 50px;
  }
}
@media screen and (max-width: 750px) {
  .challenge-achievements__info-item {
    width: 33.3333333333%;
    text-align: center;
  }
  .challenge-achievements__info-item + .challenge-achievements__info-item {
    margin-top: 0;
    margin-left: 0;
  }
  .challenge-achievements__info-item .icon-level-badge:after {
    width: 70px;
    height: 70px;
  }
  .challenge-achievements__info-item .rank {
    font-size: 30px;
  }
  .challenge-achievements__info-item .rank__label {
    display: block;
    max-width: 62px;
    margin: 0 auto;
    font-size: 12px;
  }
}

.challenge-achievements__join {
  margin-top: 20px;
  letter-spacing: -0.4px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.35;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-achievements__join span {
  display: inline-block;
  vertical-align: middle;
}
.challenge-achievements__join .gs-btn--blue--s--, .challenge-achievements__join fixed-footer .fix-footer__btn--s--, fixed-footer .challenge-achievements__join .fix-footer__btn--s--, .challenge-achievements__join .gs-btn--white, .challenge-achievements__join .gs-btn--red, .challenge-achievements__join .gs-btn--grey, .challenge-achievements__join .gs-btn--instagram {
  margin-left: 10px;
}
@media screen and (max-width: 750px) {
  .challenge-achievements__join span {
    display: block;
    margin-bottom: 10px;
  }
}

activity-feed {
  display: inline-block;
  width: 100%;
  max-width: 780px;
  min-height: 700px;
  transform: translate3d(0, 0, 0);
  text-align: center;
  vertical-align: top;
  font-size: 0;
  line-height: 1;
}

.activityFeed__slide, .activityFeed__slide--loader {
  position: relative;
  max-width: 780px;
  min-height: 300px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.activityFeed__slide + .activityFeed__slide, .activityFeed__slide--loader + .activityFeed__slide, .activityFeed__slide + .activityFeed__slide--loader, .activityFeed__slide--loader + .activityFeed__slide--loader {
  margin-top: 15px;
}
@media screen and (max-width: 425px) {
  .activityFeed__slide, .activityFeed__slide--loader {
    padding: 10px;
    min-height: 150px;
  }
}

.activityFeed__slide--loader {
  margin-top: 15px;
}

.activityFeed__slide__info {
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  text-align: left;
}

.activityFeed__slide__info__avatar {
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.activityFeed__slide__info__avatar img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
@media screen and (max-width: 630px) {
  .activityFeed__slide__info__avatar img {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 435px) {
  .activityFeed__slide__info__avatar {
    margin-right: 5px;
  }
  .activityFeed__slide__info__avatar img {
    width: 30px;
    height: 30px;
  }
}

.activityFeed__slide__info__data {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 435px) {
  .activityFeed__slide__info__data {
    max-width: calc(100% - 35px);
  }
}

.activityFeed__slide__info__title {
  color: #000;
  font-size: 18px;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.activityFeed__slide__info__title a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.activityFeed__slide__info__title a:hover {
  text-decoration: none;
}
@media screen and (max-width: 630px) {
  .activityFeed__slide__info__title {
    font-size: 16px;
  }
}
@media screen and (max-width: 435px) {
  .activityFeed__slide__info__title {
    font-size: 12px;
    line-height: 1.1;
  }
}

.activityFeed__slide__info__details {
  margin-top: 5px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 375px) {
  .activityFeed__slide__info__details {
    margin-top: 0;
  }
}

.activityFeed__slide__info__details-item {
  display: inline-block;
  padding-right: 10px;
  vertical-align: middle;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.activityFeed__slide__info__details-item + .activityFeed__slide__info__details-item {
  padding-left: 10px;
  border-left: 1px solid #ccc;
}
.activityFeed__slide__info__details-item.country {
  color: #777;
  font-size: 16px;
  font-weight: 400;
}
.activityFeed__slide__info__details-item .status {
  display: inline-block;
  padding: 6px 10px;
  vertical-align: top;
  letter-spacing: -0.5px;
  text-transform: capitalize;
  color: #fff;
  border-radius: 5px;
  background-color: #444;
  font-size: 13px;
  font-weight: 700;
}
.activityFeed__slide__info__details-item follow-btn > div {
  height: 25px;
}
@media screen and (max-width: 375px) {
  .activityFeed__slide__info__details-item {
    margin-top: 5px;
    padding-right: 5px;
  }
  .activityFeed__slide__info__details-item + .activityFeed__slide__info__details-item {
    padding-left: 5px;
  }
  .activityFeed__slide__info__details-item.country {
    font-size: 12px;
  }
  .activityFeed__slide__info__details-item .status {
    padding: 2px 10px;
    font-size: 12px;
  }
  .activityFeed__slide__info__details-item follow-btn > div {
    height: 16px;
    font-size: 12px;
  }
}
@media screen and (max-width: 361px) {
  .activityFeed__slide__info__details-item {
    text-align: center;
    font-size: 12px;
  }
  .activityFeed__slide__info__details-item.country {
    font-size: 14px;
  }
}

.activityFeed__slide__images {
  margin-top: 15px;
}
.activityFeed__slide__images:after {
  display: table;
  clear: both;
  content: "";
}

.activityFeed__slide__image {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50%;
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  background-color: #ededed;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.activityFeed__slide__image like-btn {
  top: 10px;
  right: 10px;
}
.activityFeed__slide__image:hover .activityFeed__slide__image__data {
  transform: translate3d(0, 0, 0);
}
.activityFeed__slide__image:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.horizontal.count-1 .activityFeed__slide__image:first-child {
  width: 100%;
}
.horizontal.count-1 .activityFeed__slide__image:first-child:before {
  padding-bottom: 50%;
}
.vertical.count-1 .activityFeed__slide__image:first-child {
  width: 100%;
}
.vertical.count-1 .activityFeed__slide__image:first-child:before {
  padding-bottom: 100%;
}
.horizontal.count-2 .activityFeed__slide__image, .vertical.count-2 .activityFeed__slide__image {
  width: calc(50% - 8px);
}
.horizontal.count-2 .activityFeed__slide__image:first-child, .vertical.count-2 .activityFeed__slide__image:first-child {
  margin-right: 16px;
}
.horizontal.count-3 .activityFeed__slide__image:first-child {
  float: left;
  width: 66%;
  margin-top: 0;
  margin-right: 16px;
  padding-bottom: calc(68% - 16px);
}
.horizontal.count-3 .activityFeed__slide__image:first-child:before {
  display: none;
}
.horizontal.count-3 .activityFeed__slide__image:nth-child(3) {
  margin-top: 16px;
}
.horizontal.count-3 .activityFeed__slide__image {
  width: calc(34% - 16px);
}
.horizontal.count-3 .activityFeed__slide__image:before {
  padding-bottom: 100%;
}
.vertical.count-3 .activityFeed__slide__image:first-child {
  float: left;
  width: 60%;
  margin-top: 0;
  margin-right: 16px;
  padding-bottom: calc(80% - 16px);
}
.vertical.count-3 .activityFeed__slide__image:first-child:before {
  display: none;
}
.vertical.count-3 .activityFeed__slide__image:nth-child(3) {
  margin-top: 16px;
}
.vertical.count-3 .activityFeed__slide__image {
  width: calc(40% - 16px);
}
.vertical.count-3 .activityFeed__slide__image:before {
  padding-bottom: 100%;
}
@media screen and (max-width: 425px) {
  .horizontal.count-2 .activityFeed__slide__image, .vertical.count-2 .activityFeed__slide__image {
    width: calc(50% - 5px);
  }
  .horizontal.count-2 .activityFeed__slide__image:first-child, .vertical.count-2 .activityFeed__slide__image:first-child {
    margin-right: 10px;
  }
  .horizontal.count-3 .activityFeed__slide__image:first-child {
    margin-right: 10px;
    padding-bottom: calc(68% - 10px);
  }
  .horizontal.count-3 .activityFeed__slide__image:nth-child(3) {
    margin-top: 10px;
  }
  .horizontal.count-3 .activityFeed__slide__image {
    width: calc(34% - 10px);
  }
  .horizontal.count-3 .activityFeed__slide__image:before {
    padding-bottom: 100%;
  }
  .vertical.count-3 .activityFeed__slide__image:first-child {
    margin-right: 10px;
    padding-bottom: calc(80% - 10px);
  }
  .vertical.count-3 .activityFeed__slide__image:nth-child(3) {
    margin-top: 10px;
  }
  .vertical.count-3 .activityFeed__slide__image {
    width: calc(40% - 10px);
  }
}

.activityFeed__slide__image__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 333ms linear;
  pointer-events: none;
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.activityFeed__slide__image__img.loaded {
  opacity: 1;
}

.activityFeed__slide__image__data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 40px 10px 15px;
  transition: transform 0.5s ease-in-out;
  transform: translate3d(0, 100%, 0);
  text-align: left;
  color: #fff;
  background: rgba(0, 0, 0, 0.1);
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 5%, transparent 100%);
}

.activityFeed__slide__image__data-item {
  display: inline-block;
  vertical-align: middle;
}
.activityFeed__slide__image__data-item + .activityFeed__slide__image__data-item {
  margin-left: 10px;
}
.activityFeed__slide__image__data-item i {
  vertical-align: middle;
  font-size: 16px;
}
.activityFeed__slide__image__data-item i.icon-vote-negative {
  margin-right: 5px;
}
.activityFeed__slide__image__data-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}

activity-side {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  min-height: 700px;
  padding-left: 0;
  transition: all 1s ease-in-out;
  transform: translate3d(0, 0, 0);
  text-align: left;
  vertical-align: top;
  opacity: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
activity-side.active {
  width: 420px;
  padding-left: 30px;
  opacity: 1;
}
@media screen and (max-width: 1265px) {
  activity-side {
    display: none;
  }
}

.activitySide__block {
  width: 390px;
  padding-bottom: 30px;
}
.activitySide__block + .activitySide__block {
  padding-top: 25px;
  border-top: 1px solid #ccc;
}

.activitySide__block__title {
  color: #000;
  font-size: 25px;
  line-height: 1.3;
}

.activitySide__block__photos {
  display: block;
}

.activitySide__block__photo {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.activitySide__block__photo:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.activitySide__block__photo:after {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  content: "";
  transition: opacity 0.5s ease-in-out;
  pointer-events: none;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.activitySide__block__photo:hover:after {
  opacity: 1;
}
.vertical .activitySide__block__photo:first-child {
  float: left;
  width: calc(50% - 10px);
  margin-right: 10px;
}
.vertical .activitySide__block__photo:first-child:before {
  padding-bottom: calc(200% + 30px);
}
.vertical .activitySide__block__photo {
  width: 50%;
}
.horizontal .activitySide__block__photo:first-child {
  float: left;
  width: calc(70% - 10px);
  margin-right: 10px;
}
.horizontal .activitySide__block__photo:first-child:before {
  padding-bottom: calc(100% - 20px);
}
.horizontal .activitySide__block__photo {
  width: 30%;
}

.activitySide__block__followers {
  margin-top: 15px;
}

/*body.activity{*/
.activity #page {
  background-color: #ededed;
}

activity {
  display: block;
  padding: 10px 0 50px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}

.activity-wrap {
  max-width: 1600px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 20px 2.5% 0;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1265px) {
  .activity-wrap {
    padding: 20px 10px;
  }
}

gs-article {
  position: relative;
  display: block;
  overflow: auto;
  min-height: 90vh;
  padding-bottom: 60px;
  text-align: left;
  background-color: #f1f1f1;
  line-height: 1.3;
}
gs-article .c-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
gs-article *[contenteditable] {
  position: relative;
  border: 1px dashed transparent;
}
gs-article *[contenteditable=true].ng-dirty:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  content: "Edited";
  color: red;
  font-size: 12px;
  font-weight: 300;
}
gs-article *[contenteditable=true]:hover, gs-article *[contenteditable=true]:focus {
  border: 1px dashed #ccc;
}

.article__header {
  position: relative;
  display: block;
  max-width: 945px;
  min-height: 300px;
  margin: 20px auto;
  padding: 40px 45px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .article__header {
    padding: 40px 10px;
  }
}

.article__fixed-btn, .article__edit, .article__new, .article__back {
  position: fixed;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.article__fixed-btn i, .article__edit i, .article__new i, .article__back i, .article__fixed-btn span, .article__edit span, .article__new span, .article__back span {
  vertical-align: middle;
}
.article__fixed-btn i, .article__edit i, .article__new i, .article__back i {
  margin-right: 10px;
  font-size: 24px;
}
.article__fixed-btn:hover, .article__edit:hover, .article__new:hover, .article__back:hover {
  box-shadow: none;
}

.article__actions {
  position: fixed;
  top: 68px;
  right: 20px;
  padding: 10px;
  transform: translate3d(0, 0, 0);
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #000;
  font-size: 0;
  line-height: 1;
}

.article__action {
  display: inline-block;
  padding: 0 10px;
  cursor: pointer;
  transition: color 333ms ease-in-out;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
}
.article__action + .article__action {
  border-left: 1px solid #fff;
}
.article__action:hover {
  color: #3397d2;
}
.article__action i {
  vertical-align: middle;
}
.article__action span {
  display: inline-block;
  margin-left: 1px;
  vertical-align: middle;
  text-transform: capitalize;
  font-weight: 600;
}

.article__back {
  top: 125px;
  left: calc(50% - 640px);
}

.article__title {
  font-size: 40px;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .article__title {
    font-size: 28px;
  }
}

.article__new {
  top: 125px;
  right: calc(50% - 640px);
}

.article__edit {
  top: 175px;
  right: calc(50% - 640px);
}

.article__info {
  display: block;
  overflow: auto;
  margin: 15px 0 0;
}

.article__views {
  float: left;
  cursor: default;
  color: #444;
  font-size: 14px;
  line-height: 20px;
}
.article__views i {
  vertical-align: middle;
}
.article__views b {
  vertical-align: middle;
}
.article__views span {
  vertical-align: middle;
  font-weight: 300;
}

.article__like {
  float: right;
}

.article__like__title {
  display: inline-block;
  vertical-align: middle;
  color: #444;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .article__like__title {
    display: none;
  }
}

.article__like__fb {
  display: inline-block;
  vertical-align: middle;
}

.article__text {
  margin: 25px 0;
  text-align: left;
  white-space: pre-wrap;
  letter-spacing: normal;
  word-wrap: break-word;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  overflow-wrap: break-word;
}
.article__text h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.article__text h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.article__text ul, .article__text ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.article__text ul li, .article__text ol li {
  font-size: 16px;
  line-height: 1.6;
}
.article__text ol li {
  margin-bottom: 10px;
}

.article__banner {
  width: 100%;
  cursor: pointer;
}

.article__share {
  display: block;
  margin: 15px;
  text-align: center;
  font-size: 0;
}

.article__share__item {
  display: inline-block;
  padding: 6px 8px;
  cursor: pointer;
  vertical-align: top;
  color: #fff;
  border-radius: 4px;
  line-height: 1;
}
.article__share__item:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.article__share__item + .article__share__item {
  margin-left: 5px;
}
.article__share__item.facebook {
  background-color: #3b5999;
}
.article__share__item.twitter {
  background-color: #47B7FF;
}
.article__share__item i, .article__share__item span {
  vertical-align: middle;
}
.article__share__item i {
  font-size: 24px;
}
.article__share__item span {
  font-size: 16px;
  font-weight: 600;
}

.article__recommended {
  position: relative;
  max-width: 945px;
  margin: 30px auto;
}

.article__recommended__title {
  margin: 10px;
  text-transform: capitalize;
  font-family: "Merriweather", sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.article__recommended__items {
  width: 100%;
  text-align: left;
  font-size: 0;
}

.article__recommended__item {
  display: inline-block;
  width: calc(33.3% - 10px);
  margin: 5px;
  cursor: pointer;
  vertical-align: top;
  text-decoration: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.article__recommended__item:hover {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .article__recommended__item {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 424px) {
  .article__recommended__item {
    width: calc(100% - 10px);
  }
}

.article__recommended__item__img {
  display: block;
  width: 100%;
  height: 200px;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .article__recommended__item__img {
    padding: calc(40% - 10px);
  }
}

.article__recommended__item__title {
  min-height: 90px;
  padding: 10px;
  text-align: left;
  color: #000;
  background-color: #fff;
  font-family: "Merriweather", sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.article__fb-comments {
  position: relative;
  display: block !important;
  max-width: 945px;
  margin: 30px auto;
}

.article__items {
  display: block;
  font-size: 0;
  line-height: 1;
}

.article__item {
  display: block;
  margin: 20px auto;
}

article-banner-fix {
  position: fixed;
  width: 296px;
  text-align: left;
  font-size: 0;
}
article-banner-fix.type-1 {
  top: 87px;
  right: calc(50% - 660px);
  transform: translateZ(0);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1337px) {
  article-banner-fix.type-1 {
    display: none;
  }
}
article-banner-fix.type-2 {
  top: 86px;
  right: calc(50% - 790px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1589px) {
  article-banner-fix.type-2 {
    display: none;
  }
}

.article-banner-fix__title {
  margin-bottom: 5px;
  color: #000;
  text-align: left;
  font-weight: 400;
  font-size: 24px;
  font-family: "Merriweather", sans-serif;
}

.article-banner-fix__block {
  padding: 15px;
  background-color: #fff;
}

.article-banner-fix__logo {
  margin-bottom: 10px;
  color: #444;
  font-size: 29px;
}

.article-banner-fix__desc {
  margin: 0 0 10px;
}
.article-banner-fix__desc .title, .article-banner-fix__desc .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .article-banner-fix__desc .title-mobile {
  margin: 0;
  padding: 0;
  color: #000;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.3;
}
.article-banner-fix__desc .desc {
  display: block;
  margin: 0;
  padding: 0;
  color: #218ccc;
  font-weight: 400;
  font-size: 24px;
  line-height: 1;
}

.article-banner-fix__btn {
  position: relative;
  margin: -19px 15px;
  width: 110px;
  white-space: nowrap;
  font-size: 18px;
  transition: 0.5s ease-in-out;
}
.article-banner-fix__btn:hover {
  width: calc(100% - 30px);
}
.article-banner-fix__btn i {
  margin-left: 15px;
}

.article-banner-fix__image {
  display: block;
  cursor: pointer;
}

.article-banner-fix__stat {
  overflow: hidden;
  padding: 10px;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: #e8e5e5;
  font-size: 0;
  cursor: pointer;
}

.article-banner-fix__stat-item {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1;
}
.article-banner-fix__stat-item + .article-banner-fix__stat-item {
  margin-left: 9px;
}
.article-banner-fix__stat-item .title, .article-banner-fix__stat-item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .article-banner-fix__stat-item .title-mobile {
  display: inline-block;
  color: #444;
  vertical-align: middle;
  font-weight: 700;
  font-size: 26px;
}
.article-banner-fix__stat-item .title span, .article-banner-fix__stat-item .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .article-banner-fix__stat-item .title-mobile span {
  color: #218ccc;
}
.article-banner-fix__stat-item .desc {
  display: inline-block;
  color: #444;
  vertical-align: middle;
  font-weight: 300;
}
.article-banner-fix__stat-item .desc span {
  display: block;
  font-weight: 600;
}

.article-banner-fix__link {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

article-block-action {
  display: block;
  margin: 40px auto 40px;
  padding: 0 0 40px;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
}
article-block-action a {
  display: inline-block;
  padding: 4px 7px;
  cursor: pointer;
  transition: 0.2s linear;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: -0.3px;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
}
article-block-action a:hover {
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  background-color: #3397d2;
}

article-block-banner {
  position: relative;
  display: block;
  margin: 25px auto;
}
article-block-banner a {
  display: block;
  width: 100%;
  text-align: center;
}
article-block-banner img {
  width: 100%;
  max-width: 855px;
  margin: 0 auto;
  cursor: pointer;
}

article-block-html {
  max-width: 750px;
  display: block;
  margin: 25px 0;
  text-align: left;
  white-space: pre-wrap;
  letter-spacing: normal;
  word-wrap: break-word;
  color: #6a6a6a;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  overflow-wrap: break-word;
}
article-block-html h2 {
  font-family: "Merriweather", sans-serif;
  line-height: 1.3;
  font-size: 26px;
  font-weight: 700;
  text-align: left;
}
article-block-html h3 {
  font-family: "Merriweather", sans-serif;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
article-block-html ul, article-block-html ol {
  display: block;
  height: auto;
  list-style-position: inside;
  margin-top: 20px;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
article-block-html ul li, article-block-html ol li {
  line-height: 1.6;
  font-size: 16px;
}
article-block-html ol li {
  margin-bottom: 10px;
}
article-block-html p {
  padding: 0;
}

article-block-image {
  position: relative;
  display: block;
  margin: 35px auto;
}
article-block-image .article-block-image__title {
  margin-bottom: 10px;
  font-family: "Merriweather", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
article-block-image .article-block-image__title a {
  cursor: pointer;
  color: #000;
}
article-block-image .article-block-image__title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  article-block-image .article-block-image__title {
    font-size: 16px;
  }
}
article-block-image .article-block-image__photo {
  position: relative;
  width: 100%;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
article-block-image .article-block-image__photo:hover .article-block-image__share-block {
  transform: translateX(0);
}
article-block-image .article-block-image__photo .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
article-block-image .article-block-image__photo img {
  position: relative;
  display: block;
  width: 100%;
  min-height: 240px;
  margin: 0 auto;
  background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
  article-block-image .article-block-image__photo img {
    min-height: 100px;
  }
}
article-block-image .article-block-image__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article-block-image .article-block-image__share-block {
  position: absolute;
  top: 0;
  right: 100%;
  overflow: hidden;
  width: 60px;
  transition: 0.5s ease-in-out;
  transform: translateX(100%);
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  article-block-image .article-block-image__share-block {
    display: none;
  }
}
article-block-image .article-block-image__share-item {
  width: 60px;
  height: 60px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
}
article-block-image .article-block-image__share-item:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
article-block-image .article-block-image__share-item.facebook {
  background-color: #3b5999;
}
article-block-image .article-block-image__share-item.twitter {
  background-color: #47B7FF;
}
article-block-image .article-block-image__share-item.pinterest {
  background-color: #bd081c;
}
article-block-image .article-block-image__share-item.tumblr {
  background-color: #35465c;
}
article-block-image .article-block-image__desc {
  padding: 30px;
  background-color: #fafafa;
  font-size: 15px;
  font-weight: 300;
  line-height: 1.8;
  text-align: left;
}

article-block-youtube {
  position: relative;
  display: block;
  margin: 25px auto;
}

.article-block-youtube {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  cursor: pointer;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.article-block-youtube i {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  font-size: 80px;
}

article-edit {
  position: relative;
  display: block;
  min-height: 90vh;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: left;
  background-color: #f1f1f1;
  line-height: 1.3;
}
article-edit .c-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
article-edit *[contenteditable] {
  position: relative;
  border: 1px dashed transparent;
}
article-edit *[contenteditable=true].ng-dirty:before {
  position: absolute;
  right: 0;
  bottom: 100%;
  content: "Edited";
  color: red;
  font-size: 12px;
  font-weight: 300;
}
article-edit *[contenteditable=true]:hover, article-edit *[contenteditable=true]:focus {
  border: 1px dashed #ccc;
}

.article-edit__actions {
  position: relative;
  margin: 20px auto;
  padding: 40px 20px;
  border: 1px dotted #666;
}

.article-edit__items-actions {
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  border: 1px dotted #666;
}

.article-edit__actions-title {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #3397d2;
  font-size: 16px;
  font-weight: 600;
}

.article-edit__actions-input, .article-edit__actions-input--uploader {
  width: 100%;
  color: #666;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.3;
}
.article-edit__actions-input label, .article-edit__actions-input--uploader label {
  color: #666 !important;
  font-size: 14px;
  font-weight: 600;
}
.article-edit__actions-input .md-errors-spacer, .article-edit__actions-input--uploader .md-errors-spacer {
  display: none;
}

.article-edit__actions-input--uploader {
  width: calc(100% - 173px);
}

.article-edit__or {
  margin: 0 auto 20px;
  text-align: center;
  color: #666;
  font-size: 24px;
}

.article-edit__challenges {
  position: relative;
  display: inline-block;
  overflow: visible;
  width: calc(100% - 220px);
  min-width: 190px;
  height: 40px;
  vertical-align: top;
}

.article-edit__loadPhotos {
  display: inline-block;
  margin-left: 8px;
  vertical-align: top;
}
.article-edit__loadPhotos input {
  display: inline-block;
  width: 50px;
  height: 38px;
  text-align: center;
  color: #444;
  font-size: 18px;
  font-weight: 600;
}

.article-edit__loadPhotos__btn, .article-edit__loadPhotos__btn--uploader {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 6px 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: box-shadow 0.3s ease-in;
  vertical-align: middle;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.article-edit__loadPhotos__btn i, .article-edit__loadPhotos__btn--uploader i, .article-edit__loadPhotos__btn span, .article-edit__loadPhotos__btn--uploader span {
  vertical-align: middle;
}
.article-edit__loadPhotos__btn i, .article-edit__loadPhotos__btn--uploader i {
  margin-right: 5px;
  font-size: 24px;
}
.article-edit__loadPhotos__btn:hover, .article-edit__loadPhotos__btn--uploader:hover {
  box-shadow: none;
}

.article-edit__loadPhotos__btn--uploader {
  margin-left: 5px;
}

.article-edit__img {
  position: relative;
  margin: 15px auto;
  padding: 15px;
  border: 1px dashed #ccc;
  line-height: 1.4;
}

.article-edit__img__title {
  color: #000;
  font-size: 18px;
  font-weight: 700;
}
.article-edit__img__title a {
  cursor: pointer;
  text-decoration: underline;
  color: #000;
}

.article-edit__img__photo {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-color: #ccc;
}
.article-edit__img__photo .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.article-edit__img__desc {
  padding: 10px;
  background-color: rgb(250, 250, 250);
  font-size: 14px;
  font-weight: 400;
}

.article-edit__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  vertical-align: middle;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.article-edit__btn i, .article-edit__btn span {
  vertical-align: middle;
}
.article-edit__btn i {
  margin-right: 10px;
  font-size: 24px;
}
.article-edit__btn:hover {
  box-shadow: none;
}

.article-edit__fixed-btn, .article-edit__delete, .article-edit__email, .article-edit__publish, .article-edit__edit, .article-edit__new, .article-edit__back {
  position: fixed;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.article-edit__fixed-btn i, .article-edit__delete i, .article-edit__email i, .article-edit__publish i, .article-edit__edit i, .article-edit__new i, .article-edit__back i, .article-edit__fixed-btn span, .article-edit__delete span, .article-edit__email span, .article-edit__publish span, .article-edit__edit span, .article-edit__new span, .article-edit__back span {
  vertical-align: middle;
}
.article-edit__fixed-btn i, .article-edit__delete i, .article-edit__email i, .article-edit__publish i, .article-edit__edit i, .article-edit__new i, .article-edit__back i {
  margin-right: 10px;
  font-size: 24px;
}
.article-edit__fixed-btn:hover, .article-edit__delete:hover, .article-edit__email:hover, .article-edit__publish:hover, .article-edit__edit:hover, .article-edit__new:hover, .article-edit__back:hover {
  box-shadow: none;
}

.article-edit__back {
  top: 125px;
  left: calc(50% - 640px);
}

.article-edit__new {
  top: 125px;
  right: calc(50% - 640px);
}

.article-edit__edit {
  top: 175px;
  right: calc(50% - 640px);
}

.article-edit__publish {
  top: 225px;
  right: calc(50% - 640px);
}

.article-edit__email {
  top: 275px;
  right: calc(50% - 640px);
}
.article-edit__email span {
  color: rgb(221, 44, 0);
}
.article-edit__email i {
  font-size: 15px;
}

.article-edit__delete {
  top: 325px;
  right: calc(50% - 640px);
}
.article-edit__delete span {
  color: rgb(221, 44, 0);
}

.article-edit__header {
  margin-bottom: 10px;
  text-align: center;
  text-transform: capitalize;
  color: #218ccc;
  text-shadow: 0 1px 1px rgba(66, 138, 201, 0.38);
  font-size: 36px;
  font-weight: 300;
}

.article-edit__title {
  width: 100%;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.3;
}
.article-edit__title label {
  color: #218ccc !important;
  font-size: 32px;
  font-weight: 600;
}

.article-edit__editable {
  padding: 20px;
  white-space: pre-wrap;
  letter-spacing: normal;
  word-wrap: break-word;
  color: #6a6a6a;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
}
.article-edit__editable h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.article-edit__editable h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.article-edit__editable ul, .article-edit__editable ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.article-edit__editable ul li, .article-edit__editable ol li {
  font-size: 16px;
  line-height: 1.6;
}
.article-edit__editable ol li {
  margin-bottom: 10px;
}
.article-edit__editable p {
  padding: 0;
}

.article-edit__text {
  width: 100%;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.article-edit__text label {
  color: #218ccc !important;
  font-size: 32px;
  font-weight: 600;
}
.article-edit__text textarea {
  line-height: 1.3;
}

.article-edit__cover {
  width: 100%;
  height: 200px;
  min-height: 56.25%;
  margin: 20px auto 40px;
  padding: 15px;
  text-align: center;
  border: 1px dashed #ccc;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: cover;
  line-height: 1.4;
}
.article-edit__cover:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.article-edit__cover__input {
  display: inline-block;
  margin-right: 10px;
  padding: 8px 10px;
  vertical-align: middle;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.article-edit__sidenav {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  max-width: 50vw;
  height: 100vh;
  text-align: center;
}

.article-edit__items {
  display: block;
}

.article-edit__loader {
  min-height: 600px;
  max-height: 70vh;
}

.article-edit__item, .article-edit__loader {
  position: relative;
  max-width: 945px;
  min-height: 130px;
  margin: 20px auto;
  padding: 20px 40px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.article-edit__item__actions {
  position: absolute;
  top: -1px;
  left: calc(100% + 1px);
}

.article-edit__item__actions__btn, .article-edit__item__actions__btn--close {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: 0.2s ease-in;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f1f1f1;
  line-height: 25px;
}
.article-edit__item__actions__btn:hover, .article-edit__item__actions__btn--close:hover {
  color: #444;
  background-color: #fff;
}
.article-edit__item__actions__btn i, .article-edit__item__actions__btn--close i {
  line-height: 1;
}

.article-edit__item__actions__delimiter {
  width: 25px;
  height: 10px;
  background-color: transparent;
}

.article-edit__item__actions__btn--close {
  line-height: 24px;
}
.article-edit__item__actions__btn--close:hover {
  color: #fff;
  background-color: tomato;
}

/*body.article {*/
.article .medium-editor-toolbar li button:hover {
  color: #3397d2;
}

article-item-editor {
  display: block;
  padding: 20px;
  text-align: left;
  color: #fff;
}

.article-item-editor__title {
  color: #444;
  font-size: 24px;
  font-weight: bold;
}

.article-item-editor__form {
  margin-top: 20px;
  font-size: 0;
}

.article-item-editor__prev {
  display: block;
  min-width: 200px;
  min-height: 200px;
  max-height: 200px;
  margin: 20px 0;
  border-radius: 4px;
  background-color: #ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.article-item-editor__input, .article-item-editor__input__text-area {
  width: calc(50% - 10px);
  margin: 18px 0 0;
  vertical-align: top;
  color: #444;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.article-item-editor__input:nth-child(even), .article-item-editor__input__text-area:nth-child(even) {
  margin-left: 20px;
}
.article-item-editor__input label, .article-item-editor__input__text-area label {
  color: #218ccc !important;
  font-size: 16px;
  font-weight: 600;
}
.article-item-editor__input .md-text, .article-item-editor__input__text-area .md-text {
  font-weight: 400;
}

.article-item-editor__editable {
  white-space: pre-wrap;
  letter-spacing: normal;
  word-wrap: break-word;
  color: #6a6a6a;
  color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 2;
  overflow-wrap: break-word;
}
.article-item-editor__editable p {
  padding: 0;
}

.article-item-editor__dropdown md-select-menu, .article-item-editor__dropdown md-content {
  min-height: 300px;
}

.article-item-editor__input__text-area {
  position: relative;
  width: 100%;
}
.article-item-editor__input__text-area h2 {
  font-family: "Merriweather", sans-serif;
  line-height: 1.3;
  font-size: 26px;
  font-weight: 700;
  text-align: left;
}
.article-item-editor__input__text-area h3 {
  font-family: "Merriweather", sans-serif;
  line-height: 1.3;
  font-size: 22px;
  font-weight: 600;
  text-align: left;
}
.article-item-editor__input__text-area ul, .article-item-editor__input__text-area ol {
  display: block;
  height: auto;
  list-style-position: inside;
  margin-top: 20px;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.article-item-editor__input__text-area ul li, .article-item-editor__input__text-area ol li {
  line-height: 1.6;
  font-size: 16px;
}
.article-item-editor__input__text-area ol li {
  margin-bottom: 10px;
}
.article-item-editor__input__text-area p {
  padding: 0;
}

.article-item-editor__input--type {
  width: calc(50% - 10px);
  min-width: 300px;
  margin: 18px 0 0;
  vertical-align: top;
  color: #444;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
}
.article-item-editor__input--type label {
  color: #218ccc !important;
  font-size: 16px;
  font-weight: 600;
}
.article-item-editor__input--type .md-text {
  font-weight: 400;
}

.article-item-editor__content {
  position: relative;
  padding: 10px;
  border: 1px dashed #ccc;
}
.article-item-editor__content:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.article-item-editor__content + .article-item-editor__content {
  margin-top: 20px;
}
.article-item-editor__content .article-item-editor__input, .article-item-editor__content .article-item-editor__input__text-area {
  vertical-align: middle;
}
.article-item-editor__content .gs-btn--blue--s--, .article-item-editor__content fixed-footer .fix-footer__btn--s--, fixed-footer .article-item-editor__content .fix-footer__btn--s--, .article-item-editor__content .gs-btn--white, .article-item-editor__content .gs-btn--red, .article-item-editor__content .gs-btn--grey, .article-item-editor__content .gs-btn--instagram {
  margin-left: 20px;
  vertical-align: middle;
}
.article-item-editor__content .block-title {
  position: absolute;
  top: 2px;
  right: 5px;
  color: #3397d2;
  text-shadow: 0 0 1px rgba(66, 138, 201, 0.34);
  font-size: 13px;
  font-weight: 600;
}

.article-item-editor__actions {
  margin: 20px auto;
  text-align: center;
}
.article-item-editor__actions .article-edit__btn {
  margin-left: 10px;
}

articles {
  position: relative;
  z-index: 1;
  display: block;
  overflow: auto;
  text-align: center;
  background-color: #f1f1f1;
}
articles .c-loader {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.articles__no-items {
  padding: 130px 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
  font-size: 36px;
  font-weight: 600;
}

.articles__items {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 700px;
  height: auto;
  margin: 0 auto;
}

.articles__item {
  position: relative;
  width: 100%;
  min-height: 300px;
  margin: 20px auto;
}
.articles__item:hover .articles__item__share {
  width: 60px;
}

.articles__item__share {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 100%;
  overflow: hidden;
  width: 0;
  transition: 0.5s ease-in-out;
}

.articles__item__share__item {
  width: 60px;
  height: 60px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
}
.articles__item__share__item:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.articles__item__share__item.facebook {
  background-color: #3b5999;
}
.articles__item__share__item.twitter {
  background-color: #47B7FF;
}

.articles__item__img {
  width: 100%;
  height: auto;
  min-height: 120px;
  cursor: pointer;
  background-color: #ccc;
}

.articles__item__desc {
  padding: 10px 20px;
  text-align: left;
  background-color: #fff;
}

.articles__item__title {
  cursor: pointer;
  text-transform: capitalize;
  color: #000;
  font-family: "Merriweather", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

.articles__item__text {
  margin-top: 15px;
  cursor: pointer;
  text-align: justify;
  color: #949494;
  font-size: 16px;
  font-weight: 400;
}

.articles__item__bottom {
  overflow: auto;
  margin-top: 2px;
  padding: 10px 15px;
  background-color: #fff;
}

.articles__item__bottom__share {
  float: left;
}
.articles__item__bottom__share .facebook-custom-share {
  padding: 4px 10px;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
  background-color: #3b5999;
  line-height: 1;
}
.articles__item__bottom__share .facebook-custom-share:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.articles__item__bottom__share .facebook-custom-share i {
  vertical-align: middle;
  font-size: 18px;
}
.articles__item__bottom__share .facebook-custom-share span {
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
}

.articles__item__bottom__views {
  float: right;
  cursor: default;
  color: #6a6a6a;
  font-size: 14px;
}
.articles__item__bottom__views i {
  vertical-align: middle;
  font-size: 19px;
}
.articles__item__bottom__views b {
  vertical-align: middle;
}
.articles__item__bottom__views span {
  vertical-align: middle;
  font-weight: 300;
}

articles-item {
  position: relative;
  display: block;
  width: 100%;
  min-height: 300px;
  margin: 20px auto;
}
articles-item:hover .articles-item__share {
  width: 60px;
}

.articles-item__link {
  display: block;
  text-decoration: none;
  font-size: 0;
}
.articles-item__link:hover {
  text-decoration: none;
}

.articles-item__share {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 100%;
  overflow: hidden;
  width: 0;
  transition: 0.5s ease-in-out;
}

.articles-item__share__item {
  width: 60px;
  height: 60px;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
}
.articles-item__share__item:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.articles-item__share__item.facebook {
  background-color: #3b5999;
}
.articles-item__share__item.twitter {
  background-color: #47B7FF;
}
.articles-item__share__item.pinterest {
  background-color: #bd081c;
}
.articles-item__share__item.tumblr {
  background-color: #35465c;
}

.articles-item__img img {
  position: relative !important;
  width: 100%;
  min-height: 120px;
  cursor: pointer;
}

.articles-item__desc {
  display: block;
  padding: 10px 20px;
  text-align: left;
  background-color: #fff;
}

.articles-item__title {
  cursor: pointer;
  text-transform: capitalize;
  color: #000;
  font-family: "Merriweather", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}

.articles-item__text {
  margin-top: 15px;
  cursor: pointer;
  text-align: justify;
  color: #949494;
  font-size: 16px;
  font-weight: 400;
}

.articles-item__bottom {
  overflow: auto;
  margin-top: 2px;
  padding: 10px 15px;
  background-color: #fff;
}

.articles-item__bottom__share {
  float: left;
}
.articles-item__bottom__share .facebook-custom-share {
  padding: 4px 10px;
  cursor: pointer;
  color: #fff;
  border-radius: 4px;
  background-color: #3b5999;
  line-height: 1;
}
.articles-item__bottom__share .facebook-custom-share:hover i {
  transition: 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.articles-item__bottom__share .facebook-custom-share i {
  vertical-align: middle;
  font-size: 18px;
}
.articles-item__bottom__share .facebook-custom-share span {
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
}

.articles-item__bottom__views {
  float: right;
  cursor: default;
  color: #6a6a6a;
  font-size: 14px;
}
.articles-item__bottom__views i {
  vertical-align: middle;
  font-size: 19px;
}
.articles-item__bottom__views b {
  vertical-align: middle;
}
.articles-item__bottom__views span {
  vertical-align: middle;
  font-weight: 300;
}

.articles-item__unpublished {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 4px 10px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  font-size: 16px;
}

@keyframes boardingPageNext {
  0% {
    box-shadow: 0 0 0 15px rgba(33, 140, 204, 0.15);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(33, 140, 204, 0.15);
  }
  100% {
    box-shadow: 0 0 0 15px rgba(33, 140, 204, 0.15);
  }
}
@keyframes boardingBounceOut {
  0% {
    transform: translate3d(-50%, -50%, 0) scale(0);
  }
  100% {
    transform: translate3d(-50%, -50%, 0) scale(1);
  }
}
/*body.boarding {*/
.boarding #header--s-- {
  display: none;
}
.boarding mobile-header {
  display: none;
}
.boarding .home-page__fix-footer {
  display: none;
}
.boarding .slick-slider .slick-track, .boarding .slick-slider .slick-list {
  z-index: 1;
  transform: none;
}
.boarding md-dialog {
  box-shadow: none !important;
}
.boarding md-backdrop,
.boarding .gs-uploader__cover,
.boarding .gs-uploader__footer,
.boarding .gs-uploader-files__footer,
.boarding .gs-uploader-photos__footer,
.boarding .gs-uploader-photos__filter,
.boarding .gs-uploader__close {
  opacity: 0 !important;
}

boarding-page {
  position: relative;
  display: block;
  overflow-x: hidden;
  width: 100%;
  height: 100vh;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
boarding-page .gs-loader {
  position: fixed;
  z-index: 1;
  background-color: #fff;
}

.boardingPage__slide, .boardingPage__slide--7 {
  position: relative;
  width: 100vw;
  height: 100vh;
  padding: 100px 100px 0;
  text-align: center;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1440px) {
  .boardingPage__slide, .boardingPage__slide--7 {
    padding: 40px 0 0;
  }
}
@media screen and (max-width: 562px) {
  .boardingPage__slide, .boardingPage__slide--7 {
    padding: 60px 0 0;
  }
}

.boardingPage__slide--7 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__slide--7 {
    height: auto;
    padding: 0 0 15px;
  }
}

.boardingPage__title, .boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
  min-height: 200px;
  text-align: center;
  letter-spacing: 0.5px;
  color: #191747;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__title > div, .boardingPage__title--2 > div, .boardingPage__title--3 > div, .boardingPage__title--4 > div, .boardingPage__title--5 > div, .boardingPage__title--6 > div {
  font-size: 95px;
}
.boardingPage__title .guru, .boardingPage__title--2 .guru, .boardingPage__title--3 .guru, .boardingPage__title--4 .guru, .boardingPage__title--5 .guru, .boardingPage__title--6 .guru {
  color: #218ccc;
}
@media screen and (max-width: 1440px) {
  .boardingPage__title, .boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
    min-height: 162px;
    font-size: 30px;
  }
}
@media screen and (max-width: 1173px) {
  .boardingPage__title, .boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
    min-height: 162px;
    font-size: 26px;
  }
  .boardingPage__title > div, .boardingPage__title--2 > div, .boardingPage__title--3 > div, .boardingPage__title--4 > div, .boardingPage__title--5 > div, .boardingPage__title--6 > div {
    font-size: 50px;
  }
}
@media screen and (max-width: 562px) {
  .boardingPage__title, .boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
    max-width: 320px;
    min-height: 147px;
    margin: 0 auto;
    font-size: 16px;
  }
  .boardingPage__title > div, .boardingPage__title--2 > div, .boardingPage__title--3 > div, .boardingPage__title--4 > div, .boardingPage__title--5 > div, .boardingPage__title--6 > div {
    font-size: 28px;
  }
  .boardingPage__title .break, .boardingPage__title--2 .break, .boardingPage__title--3 .break, .boardingPage__title--4 .break, .boardingPage__title--5 .break, .boardingPage__title--6 .break {
    display: block;
  }
}

.boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__title--2, .boardingPage__title--3, .boardingPage__title--4, .boardingPage__title--5, .boardingPage__title--6 {
    font-size: 24px;
    line-height: 1.4;
  }
}

.boardingPage__title--2 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__title--2 .break-2 {
    display: block;
    margin-top: 15px;
  }
}

.boardingPage__title--5, .boardingPage__title--6 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__title--5, .boardingPage__title--6 {
    font-size: 22px;
  }
  .boardingPage__title--5 .break, .boardingPage__title--6 .break {
    margin-top: 10px;
  }
}

.boardingPage__next, .boardingPage__next--upload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 85px;
  margin-top: 40px;
  cursor: pointer;
  animation: boardingPageNext linear 2s infinite;
  text-align: center;
  vertical-align: top;
  color: #fff;
  border-radius: 50%;
  background-color: #218ccc;
  box-shadow: 0 0 0 15px rgba(33, 140, 204, 0.15);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__next .arrow-right, .boardingPage__next--upload .arrow-right {
  width: 100%;
  height: 40%;
  background-image: url("../svg/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 562px) {
  .boardingPage__next, .boardingPage__next--upload {
    width: 60px;
    height: 60px;
    margin-top: 50px;
  }
}

.boardingPage__next--upload {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin-top: 0 !important;
  transform: translate3d(-50%, -50%, 0);
}
.boardingPage__next--upload i {
  font-size: 65px;
}
.boardingPage__next--upload .arrow-up {
  width: 100%;
  height: 30px;
  transform: rotate(-90deg);
  transform-origin: center center;
  background-image: url("../svg/arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.boardingPage__go {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  padding: 20px 35px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1px;
  color: #fff;
  border-radius: 37px;
  background-color: #218ccc;
  font-size: 16px;
  font-weight: 700;
}

.boardingPage__dots {
  margin-top: 40px;
}

.boardingPage__dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #c3c3c3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__dot.active {
  background-color: #218ccc;
}
.boardingPage__dot + .boardingPage__dot {
  margin-left: 20px;
}
@media screen and (max-width: 562px) {
  .boardingPage__dot {
    width: 8px;
    height: 8px;
  }
}

.boardingPage__footer, .boardingPage__footer__mobile--4, .boardingPage__footer--4, .boardingPage__footer--2 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: absolute;
  bottom: 0;
  left: 50%;
  object-fit: contain;
  max-width: 4131px;
  height: 25vh;
  transform: translateX(-50%);
  pointer-events: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__footer, .boardingPage__footer__mobile--4, .boardingPage__footer--4, .boardingPage__footer--2 {
    left: -70px;
    object-fit: initial;
    width: calc(100% + 140px);
    height: auto;
    transform: none;
  }
}
@media screen and (max-width: 1440px) {
  .boardingPage__footer, .boardingPage__footer__mobile--4, .boardingPage__footer--4, .boardingPage__footer--2 {
    height: 30vh;
  }
}

.boardingPage__footer--2 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__footer--2 {
    width: calc(100% + 160px);
  }
}

.boardingPage__footer--4 {
  bottom: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__footer--4 {
    display: none !important;
  }
}

.boardingPage__footer__mobile--4 {
  display: none !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__footer__mobile--4 {
    bottom: 30px;
    left: 0;
    display: block !important;
    object-fit: contain;
    width: 95%;
  }
}

.boardingPage__select {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}

.boardingPage__analise {
  position: relative;
  width: 25vw;
  height: 25vw;
  margin: 0 auto;
  padding: 25px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__analise img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: #000;
}
.boardingPage__analise .checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 72px;
  height: 72px;
  transform: translate3d(-50%, -50%, 0) scale(0);
  transform-origin: center center;
  animation: boardingBounceOut 500ms ease-in-out forwards;
  border-radius: 50%;
  background-image: linear-gradient(to left, #00d640, #44b400);
}
.boardingPage__analise .checkmark:before {
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  content: "";
  border-radius: 50%;
  background-image: url("../svg/checkmark.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
@media screen and (max-width: 562px) {
  .boardingPage__analise {
    width: 60vw;
    height: 60vw;
  }
  .boardingPage__analise .checkmark {
    width: 50px;
    height: 50px;
  }
  .boardingPage__analise .checkmark:before {
    top: 10px;
    left: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
  .boardingPage__analise .label {
    font-size: 10px;
  }
}

.boardingPage__scanner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.boardingPage__scanner.active {
  display: none;
}

.boardingPage__scanner__label {
  margin-top: 30px;
  text-align: center;
  letter-spacing: 0.1px;
  color: #191747;
  font-size: 18px;
  font-weight: 600;
}

.boardingPage__column {
  display: inline-block;
  width: 50%;
  height: 100%;
  padding: 15px 40px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__column .btn-gradient {
  position: fixed;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 120px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
@media screen and (max-width: 1440px) {
  .boardingPage__column {
    padding: 15px 15px;
  }
}
@media screen and (max-width: 562px) {
  .boardingPage__column {
    display: block;
    width: 100%;
    height: initial;
    padding: 10px;
    vertical-align: initial;
  }
  .boardingPage__column .btn-gradient {
    display: block;
  }
}

.boardingPage__column__title {
  text-align: left;
  letter-spacing: 0.3px;
  color: #000;
  font-size: 30px;
  font-weight: 800;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__column__title {
    text-align: center;
    font-size: 18px;
  }
}

.boardingPage__column__image {
  display: block;
  object-fit: cover;
  width: 100%;
  max-height: 50vh;
  margin-top: 30px;
  border-radius: 20px;
  box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__column__image {
    width: 150px;
    height: 150px;
    max-height: 1000px;
    margin: 15px auto 0;
  }
}

.boardingPage__column__change {
  margin-top: 15px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1px;
  color: #218ccc;
  font-size: 14px;
}
.boardingPage__column__change:hover {
  text-decoration: underline;
}

.boardingPage__column__challenges {
  position: relative;
  margin: 25px 0;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__column__challenges {
    margin: 15px 0;
  }
}

.boardingPage__column__challenge {
  display: inline-block;
  width: 50%;
  padding: 10px;
  vertical-align: top;
  color: #000;
  font-size: 12px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__column__challenge {
    display: block;
    width: 100%;
    padding: 5px;
  }
}

.boardingPage__column__challenge__image {
  position: relative;
  width: 100%;
  padding-bottom: 40%;
  cursor: pointer;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.65);
  background-repeat: no-repeat;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.boardingPage__column__challenge__image.selected:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.65);
}
.boardingPage__column__challenge__image .title, .boardingPage__column__challenge__image .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .boardingPage__column__challenge__image .title-mobile {
  position: absolute;
  bottom: 15px;
  left: 20px;
  overflow: hidden;
  max-width: calc(100% - 30px);
  white-space: nowrap;
  letter-spacing: 0.6px;
  text-overflow: ellipsis;
  color: #fff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.53);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}
.boardingPage__column__challenge__image .selected {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  pointer-events: none;
  background-image: url("../svg/check.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.boardingPage__column__challenge__image .selected.ng-enter {
  animation: bounceOut 500ms ease-in-out forwards;
}
.boardingPage__column__challenge__image .selected.ng-leave {
  animation: bounceIn 500ms ease-in-out forwards;
}
@media screen and (max-width: 562px) {
  .boardingPage__column__challenge__image {
    padding-bottom: 35%;
  }
  .boardingPage__column__challenge__image .title, .boardingPage__column__challenge__image .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .boardingPage__column__challenge__image .title-mobile {
    font-size: 16px;
  }
}

.boardingPage__column__join {
  display: inline-block;
  padding: 20px 55px;
  cursor: pointer;
  text-align: center;
  letter-spacing: 0.1px;
  color: #fff;
  border-radius: 37px;
  background-color: #218ccc;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 562px) {
  .boardingPage__column__join {
    position: fixed;
    bottom: 40px;
    left: 50vw;
    width: 180px;
    height: 50px;
    padding: 0;
    transform: translate3d(-50%, 0, 0);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
    line-height: 50px;
  }
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

battles {
  min-height: inherit;
}

.battles-page {
  min-height: inherit;
  margin-top: 51px;
}
.battles-page__ui-view {
  margin: 0 auto;
  width: 100%;
  height: inherit;
  min-height: inherit;
  position: relative;
}

.margin-top-null {
  margin-top: 0;
}

.c-tab-view__details {
  position: relative;
  padding: 20px 10px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details badge-v2-exhibition-mobile .badge-mobile {
  margin: 12px auto;
}
@media screen and (max-width: 767px) {
  .c-tab-view__details {
    padding: 10px 10px 20px;
  }
}

.c-tab-view__details__content {
  display: table;
  width: 100%;
  font-size: 0;
}

.c-tab-view__details__content__guru-img {
  position: relative;
  display: inline-block;
  width: 300px;
  height: 300px;
  padding: 10px;
  cursor: pointer;
  vertical-align: top;
  border: 2px solid #f1f1f1;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.2);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details__content__guru-img:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  border: 10px solid #fff;
  background-color: transparent;
}
.c-tab-view__details__content__guru-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  .c-tab-view__details__content__guru-img {
    float: left;
    overflow: hidden;
    width: 80px;
    height: 80px;
    margin: 10px;
    border-radius: 50%;
    background-size: contain;
  }
  .c-tab-view__details__content__guru-img:after {
    display: none;
  }
}

.c-tab-view__details__content__info {
  display: inline-block;
  width: calc(100% - 300px);
  padding: 0 0 0 40px;
  text-align: left;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details__content__info .top {
  display: inline-block;
  font-size: 18px;
}
.c-tab-view__details__content__info .top .bold {
  font-weight: 600;
}
.c-tab-view__details__content__info .read_more {
  display: inline-block;
  margin-top: 20px;
  text-decoration: none;
  color: #000;
  font-size: 18px;
}
.c-tab-view__details__content__info .read_more span {
  font-weight: 600;
}
.c-tab-view__details__content__info > h2 {
  margin: 25px 0;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
}
.c-tab-view__details__content__info > h2 span {
  font-weight: 600;
}
.c-tab-view__details__content__info > div {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.c-tab-view__details__content__info > div br {
  display: block;
  margin: 12px 0;
  content: "";
  line-height: 12px;
}
.c-tab-view__details__content__info .guru-info__social__share {
  display: inline-block;
  margin-top: 20px;
  margin-left: 20px;
}
.c-tab-view__details__content__info .guru-info__social__share a.social_icon {
  width: 30px;
  height: 30px;
  background-color: #333;
  line-height: 71px;
}
@media screen and (max-width: 767px) {
  .c-tab-view__details__content__info {
    display: block;
    width: 100%;
    padding: 0;
    text-align: left;
    vertical-align: top;
  }
  .c-tab-view__details__content__info .top {
    width: calc(100% - 100px);
    height: 100px;
    padding-top: 15px;
    font-size: 16px;
  }
  .c-tab-view__details__content__info > h2 {
    font-size: 24px;
  }
  .c-tab-view__details__content__info > div {
    font-size: 16px;
  }
  .c-tab-view__details__content__info .read_more {
    font-size: 14px;
  }
}

.c-tab-view__stat {
  display: block;
  margin-bottom: 10px;
  padding: 15px 0;
  text-align: center;
  color: #666;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .c-tab-view__stat {
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 767px) {
  .c-tab-view__stat .w-max-page-size--small {
    display: table;
  }
}

.c-tab-view__stat__item, .c-tab-view__stat__item--soon {
  display: inline-block;
  width: 33.3%;
  padding: 10px 0;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__stat__item:first-child, .c-tab-view__stat__item--soon:first-child {
  text-align: left;
}
.c-tab-view__stat__item:last-child, .c-tab-view__stat__item--soon:last-child {
  text-align: right;
}
.c-tab-view__stat__item i, .c-tab-view__stat__item--soon i {
  vertical-align: middle;
  font-size: 42px;
}
.c-tab-view__stat__item p, .c-tab-view__stat__item--soon p {
  display: inline-block;
  padding: 0;
  vertical-align: middle;
  white-space: nowrap;
  color: #666;
  font-weight: 700;
}
.c-tab-view__stat__item p span, .c-tab-view__stat__item--soon p span {
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-tab-view__stat__item, .c-tab-view__stat__item--soon {
    display: table-cell;
    width: 1%;
    padding: 10px;
    vertical-align: middle;
    font-size: 13px;
  }
  .c-tab-view__stat__item:first-child, .c-tab-view__stat__item--soon:first-child {
    text-align: center;
  }
  .c-tab-view__stat__item:last-child, .c-tab-view__stat__item--soon:last-child {
    text-align: center;
  }
  .c-tab-view__stat__item i, .c-tab-view__stat__item--soon i {
    min-height: 43px;
  }
  .c-tab-view__stat__item p, .c-tab-view__stat__item--soon p {
    margin-top: 5px;
    vertical-align: top;
  }
  .c-tab-view__stat__item p span, .c-tab-view__stat__item--soon p span {
    display: block;
  }
}

.c-tab-view__stat__item--soon {
  font-size: 22px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-tab-view__stat__item--soon {
    font-size: 13px;
  }
}

.c-tab-view__details__tutorial__video {
  position: relative;
  display: inline-block;
  width: 640px;
  max-width: 100%;
  cursor: pointer;
}
.c-tab-view__details__tutorial__video:hover i {
  opacity: 1;
}
.c-tab-view__details__tutorial__video .video-img {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.c-tab-view__details__tutorial__video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  font-size: 80px;
}

.c-tab-view__details__sponsor {
  margin-bottom: 10px;
  padding: 40px 10px;
  background-color: #fff;
  font-size: 0;
}

.c-tab-view__details__sponsor__logo {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details__sponsor__logo img {
  display: block;
  width: 100%;
  margin-top: 5px;
}
@media screen and (max-width: 767px) {
  .c-tab-view__details__sponsor__logo {
    display: block;
    width: 100%;
    font-style: italic;
  }
  .c-tab-view__details__sponsor__logo img {
    width: 80%;
  }
}

.c-tab-view__details__sponsor__text {
  display: inline-block;
  width: 80%;
  max-width: 1000px;
  padding: 0 0 0 40px;
  vertical-align: top;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-tab-view__details__sponsor__text {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    font-size: 16px;
  }
}

.c-tab-view__details__sponsor__btn {
  display: block;
  max-width: 100px;
  margin: 10px 0 5px;
  padding: 6px 0;
  vertical-align: middle;
}

.c-tab-view__details__sponsor__details {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details__sponsor__details .c-tab-view__details__sponsor__logo {
  display: block;
  width: 165px;
}
.c-tab-view__details__sponsor__details .c-tab-view__details__sponsor__text {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .c-tab-view__details__sponsor__details {
    width: 100%;
    margin: 10px;
  }
}

.c-tab-view__details__sponsor__video {
  display: inline-block;
  width: 50%;
  height: 275px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-tab-view__details__sponsor__video iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-tab-view__details__sponsor__video {
    width: 100%;
    margin: 10px;
  }
}

.challenge-details__info {
  display: block;
  width: 100%;
  padding: 30px 10px;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .challenge-details__info {
    padding: 0;
  }
}

.challenge-details__member {
  display: inline-block;
  padding-right: 50px;
  vertical-align: top;
  white-space: normal;
  border-right: 1px solid rgba(0, 0, 0, 0.3);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-details__member .avatar {
  width: 98px;
  height: 96px;
  cursor: pointer;
  border-radius: 50%;
}
.challenge-details__member .name {
  margin-top: 10px;
  cursor: pointer;
  text-align: center;
  letter-spacing: -0.4px;
  color: #000000;
  font-size: 18px;
  line-height: 1.3;
}
.challenge-details__member .socials {
  margin: 15px auto 5px;
  padding: 10px 0;
  border-top: 1px solid #777;
}
.challenge-details__member .socials a {
  display: inline-block;
  margin: 0 10px;
  text-decoration: none;
  color: #777;
}
.challenge-details__member .socials i {
  font-size: 24px;
}
@media screen and (max-width: 768px) {
  .challenge-details__member {
    display: block;
    padding: 10px 0 20px;
    border-right: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  }
  .challenge-details__member .socials {
    max-width: 140px;
  }
}

.challenge-details__brief {
  display: inline-block;
  max-width: 573px;
  padding-left: 50px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-details__brief .challenge-details__title {
  text-align: left;
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
}
.challenge-details__brief .challenge-details__title span {
  font-weight: 300;
}
.challenge-details__brief .message {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.challenge-details__brief .message br {
  display: block;
  margin: 12px 0;
  content: "";
  line-height: 12px;
}
.challenge-details__brief .message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.challenge-details__brief .message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.challenge-details__brief .message ul, .challenge-details__brief .message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.challenge-details__brief .message ul li, .challenge-details__brief .message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.challenge-details__brief .message ol li {
  margin-bottom: 10px;
}
.challenge-details__brief .message p {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .challenge-details__brief {
    display: block;
    max-width: 300px;
    margin: 0 auto;
    padding: 20px 0 10px;
  }
}

rank-gurus-top-pick {
  display: block;
  min-height: 100vh;
}

.c-gurus-top-pick {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 1;
}
.c-gurus-top-pick > div {
  opacity: 1;
}

.c-gurus-top-pick-item, .c-gurus-top-pick-item--invite {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-gurus-top-pick-item button.like, .c-gurus-top-pick-item--invite button.like {
  z-index: 0;
  transform: translate3d(0, 0, 0) scale(0);
}
.c-gurus-top-pick-item button.like i, .c-gurus-top-pick-item--invite button.like i {
  font-size: 28px;
}
.c-gurus-top-pick-item .icon-star, .c-gurus-top-pick-item--invite .icon-star {
  position: absolute;
  top: 5px;
  left: 5px;
  padding: 3px 4px 4px;
  text-align: left;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.26);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.c-gurus-top-pick-item i.icon-gurus-tip, .c-gurus-top-pick-item--invite i.icon-gurus-tip {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 36px;
  line-height: 1;
}
.c-gurus-top-pick-item i.icon-gurus-tip:hover, .c-gurus-top-pick-item--invite i.icon-gurus-tip:hover {
  transition: all 1s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.c-gurus-top-pick-item:hover button.like, .c-gurus-top-pick-item--invite:hover button.like,
.c-gurus-top-pick-item:hover .c-gurus-top-pick-item__avatar,
.c-gurus-top-pick-item--invite:hover .c-gurus-top-pick-item__avatar {
  transform: translate3d(0, 0, 0) scale(1);
  transition: transform 333ms ease-in-out;
}
@media screen and (max-width: 768px) {
  .c-gurus-top-pick-item button.like, .c-gurus-top-pick-item--invite button.like {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.c-gurus-top-pick-item__image {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
}
.c-gurus-top-pick-item__image.loaded {
  display: inline-block;
}

.c-gurus-top-pick-item__avatar {
  position: absolute;
  top: calc(50% - 60px);
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translate3d(0, 0, 0) scale(0);
  transform-origin: 50% 50%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-gurus-top-pick-item__avatar {
    display: none;
  }
}
.c-gurus-top-pick-item__avatar .avatar {
  position: relative;
  overflow: hidden;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  transform: translateZ(0);
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: #d1d1d1;
}
.c-gurus-top-pick-item__avatar .avatar img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}
.c-gurus-top-pick-item__avatar .avatar .status {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 120px;
  padding-bottom: 18px;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 27%, transparent 27%);
  font-size: 10px;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-gurus-top-pick-item__avatar .avatar .status {
    display: none;
  }
}
.c-gurus-top-pick-item__avatar .info {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.c-gurus-top-pick-item__avatar .info span {
  display: block;
  font-weight: 400;
}

.c-gurus-top-pick-item--invite {
  text-align: center;
  background-color: #e4e4e4;
}
.c-gurus-top-pick-item--invite .c-invite-block {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.c-gurus-top-pick-item--invite .c-invite-block img {
  width: 80%;
  margin: 0 auto 10px;
}

.c-gurus-top-pick__loader {
  position: relative;
  width: 100%;
  height: 200px;
}

.disableLazy {
  opacity: 1 !important;
}

mobile-ranking-menu {
  position: fixed;
  z-index: 3;
  top: 67px;
  right: 0;
  display: block;
  width: 200px;
  height: calc(100vh - 67px);
  transition: transform 0.5s ease-in-out;
  transform: translateX(100%);
  color: #000;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
mobile-ranking-menu.active {
  transform: translateX(0);
  box-shadow: -1px 0 14px 0 rgba(0, 0, 0, 0.6);
}
@media screen and (min-width: 769px) {
  mobile-ranking-menu {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  mobile-ranking-menu {
    top: 0;
    height: calc(100vh - 44px);
  }
}

.mobile-ranking-menu__btn {
  position: absolute;
  z-index: -1;
  top: 166px;
  left: 0;
  width: 70px;
  height: 70px;
  padding-left: 14px;
  transform: translateX(-50%);
  text-align: left;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.6);
  line-height: 70px;
}
.mobile-ranking-menu__btn i {
  transition: transform 0.5s ease-in-out;
  transform: rotate(180deg);
  transform-origin: 40% 50%;
  vertical-align: middle;
  color: #222;
  font-size: 25px;
  font-weight: 400;
}
.mobile-ranking-menu__btn i.active {
  transform: rotate(0deg);
}

.mobile-ranking-menu__wrapper {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.mobile-ranking-menu__links {
  padding: 10px 0;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.mobile-ranking-menu__links .link {
  padding: 0 30px;
  cursor: pointer;
  letter-spacing: -0.3px;
  color: #666;
  font-size: 14px;
  font-weight: 600;
  line-height: 3;
}
.mobile-ranking-menu__links .link.active {
  color: #218ccc;
  background-color: rgba(221, 221, 221, 0.6);
}

.mobile-ranking-menu__action-btn {
  padding: 10px 30px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.mobile-ranking-menu__action-btn .gs-btn--blue--s--, .mobile-ranking-menu__action-btn fixed-footer .fix-footer__btn--s--, fixed-footer .mobile-ranking-menu__action-btn .fix-footer__btn--s--, .mobile-ranking-menu__action-btn .gs-btn--white, .mobile-ranking-menu__action-btn .gs-btn--red, .mobile-ranking-menu__action-btn .gs-btn--grey, .mobile-ranking-menu__action-btn .gs-btn--instagram {
  width: 100%;
  max-width: none;
}

.mobile-ranking-menu__my-pos {
  cursor: pointer;
  text-align: left;
  letter-spacing: -0.3px;
  color: #666;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.mobile-ranking-menu__my-pos i {
  vertical-align: middle;
  font-size: 30px;
}
.mobile-ranking-menu__my-pos span {
  vertical-align: middle;
}

.mobile-ranking-menu__filter {
  padding: 15px 0 0;
  text-align: left;
}
.mobile-ranking-menu__filter .title, .mobile-ranking-menu__filter .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .mobile-ranking-menu__filter .title-mobile {
  padding: 0 30px;
  padding-bottom: 10px;
  letter-spacing: -0.3px;
  color: #666;
  font-size: 16px;
  font-weight: 400;
}
.mobile-ranking-menu__filter .item {
  padding-left: 65px;
  cursor: pointer;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #666;
  font-size: 14px;
  font-weight: 400;
  line-height: 3;
}
.mobile-ranking-menu__filter .item.active {
  color: #218ccc;
  background-color: rgba(221, 221, 221, 0.6);
}

my-rank {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px auto;
  padding: 20px 10px;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
my-rank .gs-views-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
}
@media screen and (max-width: 768px) {
  my-rank {
    padding: 10px 0;
  }
}

.my-rank__wrap.busy {
  animation: pulse 0.68s ease-in-out infinite alternate;
  animation-fill-mode: forwards;
}

.my-rank__avatar {
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-right: 15px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #f6f7f8;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .my-rank__avatar {
    width: 40px;
    height: 40px;
    margin-right: 0;
  }
}

.my-rank__label--mobile {
  display: none;
  vertical-align: middle;
  color: #000;
  line-height: 1.22;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-rank__label--mobile span {
  font-size: 20px;
  line-height: 0.88;
  color: #000000;
  display: inline-block;
  vertical-align: middle;
  margin: 0 15px;
}
.my-rank__label--mobile i {
  font-size: 40px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .my-rank__label--mobile {
    display: inline-block;
  }
}

.my-rank__photos {
  display: inline-block;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .my-rank__photos {
    display: block;
    margin-top: 10px;
  }
}

.my-rank__photo, .my-rank__photo--empty {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin-left: 15px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 4px;
  background-color: #f6f7f8;
  overflow: hidden;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-rank__photo:hover .votes, .my-rank__photo--empty:hover .votes {
  opacity: 1;
}
.my-rank__photo:hover .my-rank__remove, .my-rank__photo--empty:hover .my-rank__remove {
  transform: translate3d(0, 0, 0);
}
.my-rank__photo img, .my-rank__photo--empty img {
  display: none;
  width: 100%;
  height: 100%;
  border-radius: 4px;
}
.my-rank__photo img.loaded, .my-rank__photo--empty img.loaded {
  display: block;
}
.my-rank__photo .votes, .my-rank__photo--empty .votes {
  position: absolute;
  bottom: 5px;
  left: 5px;
  transition: opacity 333ms ease-in-out;
  text-align: left;
  opacity: 0;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}
.my-rank__photo .icon-star, .my-rank__photo--empty .icon-star {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 3px 4px 4px;
  text-align: left;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.26);
  text-shadow: 1px 1px 8px #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .my-rank__photo, .my-rank__photo--empty {
    width: calc(25% - 10px);
    height: auto;
    margin: 5px;
    padding-bottom: calc(25% - 10px);
  }
  .my-rank__photo img, .my-rank__photo--empty img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.my-rank__photo--empty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #9a9a9a;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-rank__photo--empty:hover .wrap > i {
  transition: all 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.my-rank__photo--empty .wrap > i {
  margin-left: 7px;
  transition: none;
  color: #fff;
  font-size: 28px;
}
.my-rank__photo--empty .wrap > div {
  margin-top: 5px;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .my-rank__photo--empty {
    display: inline-block;
  }
  .my-rank__photo--empty .wrap {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate3d(0, -51%, 0);
    text-align: center;
  }
  .my-rank__photo--empty .wrap > div {
    font-size: 10px;
  }
}

.my-rank__filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.my-rank__rank-pos {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 22px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .my-rank__rank-pos {
    left: 0;
    width: 100%;
    text-align: center;
  }
}

.my-rank__label {
  display: inline-block;
  margin-left: 30px;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  line-height: 1.22;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-rank__label i {
  font-size: 34px;
}
@media screen and (max-width: 768px) {
  .my-rank__label {
    display: none;
  }
}

.my-rank__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 24px;
  transition: transform 333ms ease-in-out;
  transform: translate3d(100%, -100%, 0);
}

rank-top-photo {
  display: block;
}
rank-top-photo .c-toast-simple-message {
  top: 20px;
  right: 20px;
}
rank-top-photo .c-no-items {
  position: initial !important;
  margin-bottom: 50px !important;
}

.top-photo__loader {
  position: relative;
  width: 100%;
  height: 200px;
}

.top-photo__grid {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 1;
}
.top-photo__grid > div {
  opacity: 1;
}

.top-photo__item, .top-photo-item--invite {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photo__item .gs-views-indicator, .top-photo-item--invite .gs-views-indicator {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  margin-left: 10px;
}
.top-photo__item:hover .top-photo-item__avatar, .top-photo-item--invite:hover .top-photo-item__avatar,
.top-photo__item:hover .top-photo-item__report,
.top-photo-item--invite:hover .top-photo-item__report,
.top-photo__item:hover .top-photo-item__like,
.top-photo-item--invite:hover .top-photo-item__like {
  transition: transform 333ms ease-in-out;
  transform: scale(1);
}
.top-photo__item:hover > .icon-star, .top-photo-item--invite:hover > .icon-star {
  display: none;
}
.top-photo__item .icon-gurus-tip, .top-photo-item--invite .icon-gurus-tip {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
  font-size: 36px;
  line-height: 1;
}
.top-photo__item .icon-gurus-tip:hover, .top-photo-item--invite .icon-gurus-tip:hover {
  transition: all 1s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.top-photo__item .icon-star, .top-photo-item--invite .icon-star {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
  font-size: 18px;
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .top-photo__item .top-photo-item__like, .top-photo-item--invite .top-photo-item__like {
    transform: scale(1);
  }
}

.top-photo-item__deleted {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: #999;
  background-color: #ccc;
  font-size: 14px;
}

.top-photo-item__image {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
}
.top-photo-item__image.loaded {
  display: inline-block;
}

.top-photo-item__rank {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 22px;
  font-weight: 600;
}

.top-photo-item__votes {
  position: absolute;
  bottom: 10px;
  left: 12px;
  vertical-align: middle;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 18px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photo-item__votes i {
  vertical-align: middle;
  font-size: 24px;
}
.top-photo-item__votes span {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .top-photo-item__votes {
    bottom: 5px;
    left: 5px;
    transform: scale(1);
    font-size: 14px;
  }
  .top-photo-item__votes i {
    font-size: 14px;
  }
}

.top-photo-item__avatar {
  position: absolute;
  top: calc(50% - 60px);
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: scale(0);
  transform-origin: 50% 50%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photo-item__avatar .avatar {
  position: relative;
  overflow: hidden;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: #d1d1d1;
}
.top-photo-item__avatar .avatar img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}
.top-photo-item__avatar .avatar .status {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding-bottom: 14px;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 27%, transparent 27%);
  font-size: 9px;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photo-item__avatar .avatar .status {
    display: none;
  }
}
.top-photo-item__avatar .info {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.top-photo-item__avatar .info span {
  display: block;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .top-photo-item__avatar {
    display: none;
  }
}

.top-photo-item--invite {
  text-align: center;
  background-color: #e4e4e4;
}
.top-photo-item--invite .c-invite-block {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.top-photo-item--invite .c-invite-block img {
  width: 80%;
  margin: 0 auto 10px;
}

.top-photo-item__remove {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 24px;
}

.top-photo-item__like {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  transform: scale(0);
  opacity: 0.6;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
}
.top-photo-item__like.liked .icon-heart_thin {
  transform: scale(1);
}
.top-photo-item__like i {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.top-photo-item__like .icon-heart_thin {
  transition: transform 333ms ease-in-out;
  transform: scale(0);
  color: #218ccc;
}

.top-photo-item__report {
  position: absolute;
  right: 10px;
  bottom: 10px;
  cursor: pointer;
  transform: scale(0);
  opacity: 0.7;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 24px;
  line-height: 1;
}

.top-photo-item__deleted {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  background-color: #e5e5e5;
}
.top-photo-item__deleted span {
  color: #aaaaaa;
  font-size: 14px;
}

.top-photo-item__select, .top-photo-item__select--2, .top-photo-item__select--1 {
  position: absolute;
  bottom: 5px;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 24px;
  font-weight: 400;
}

.top-photo-item__select--1 {
  right: 45px;
}
.top-photo-item__select--1.selectedExpo {
  color: tomato;
}

.top-photo-item__select--2 {
  right: 10px;
}
.top-photo-item__select--2.selectedExpo {
  color: #218ccc;
}

top-photographer-item {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
top-photographer-item h1 {
  text-align: center;
  color: #000;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  top-photographer-item {
    display: none;
    margin: 0;
    padding: 0;
  }
}
top-photographer-item app-ng-rewards-component {
  margin-left: 212px;
  display: block;
  margin-top: 20px;
}

.top-photographer-item__info {
  width: 100%;
  padding-left: 200px;
  text-align: left;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__info > div,
.top-photographer-item__info > a,
.top-photographer-item__info member-name a {
  display: inline-block;
  padding: 0 15px;
  color: #000;
  border-right: 1px solid #d1d1d1;
  font-size: 14px;
}
.top-photographer-item__info > div:last-child,
.top-photographer-item__info > a:last-child,
.top-photographer-item__info member-name a:last-child {
  border-right: none;
}
.top-photographer-item__info > div.top-photographer-item__info__clear-report,
.top-photographer-item__info > a.top-photographer-item__info__clear-report,
.top-photographer-item__info member-name a.top-photographer-item__info__clear-report {
  display: inline-flex;
  margin-left: 15px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.top-photographer-item__info .name {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.top-photographer-item__info .country {
  color: #999;
}
@media screen and (max-width: 767px) {
  .top-photographer-item__info {
    padding-left: 83px;
  }
  .top-photographer-item__info > div {
    padding: 0 5px;
  }
  .top-photographer-item__info div + div {
    border: none;
  }
  .top-photographer-item__info .name {
    font-size: 10.24px;
  }
  .top-photographer-item__info .country {
    font-size: 10.24px;
  }
  .top-photographer-item__info .follow {
    display: none;
  }
}

.top-photographer-item__line {
  position: relative;
  width: 97%;
  margin: 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer-item__line {
    margin: 3px 0 0;
  }
}

.top-photographer-item__progress {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 7px;
  text-align: left;
  border-radius: 20px;
  background-color: #e1e1e1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__progress .progress {
  display: inline-block;
  overflow: hidden;
  min-width: 350px;
  height: 25px;
  padding: 0 10px 0 200px;
  transition: width 1s ease-in-out;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 20px;
  background-color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
}
.top-photographer-item__progress .progress.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item__progress .progress.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item__progress .progress.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item__progress .progress.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item__progress .progress.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item__progress .progress.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
@media screen and (max-width: 767px) {
  .top-photographer-item__progress {
    padding: 5px;
  }
  .top-photographer-item__progress .progress {
    min-width: 206px;
    padding: 3px 10px 3px 0;
    font-size: 11px;
  }
}

.top-photographer-item__rank-info, .top-photographer-item__rank-info--not-rank {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  transform: translate(0, -50%);
  text-align: center;
  color: #666;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -1px 1px 13px 1px rgba(153, 153, 153, 0.3);
  font-size: 12px;
  line-height: 1;
  perspective: 100px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__rank-info span, .top-photographer-item__rank-info--not-rank span {
  display: block;
  color: #000;
  font-size: 21px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .top-photographer-item__rank-info, .top-photographer-item__rank-info--not-rank {
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 0;
  }
  .top-photographer-item__rank-info span, .top-photographer-item__rank-info--not-rank span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 0;
    transform: translate3d(-50%, -50%, 0);
    font-size: 13px;
  }
}

.top-photographer-item__rank-info--not-rank {
  font-size: 14px;
}

.top-photographer-item__avatar {
  position: absolute;
  top: 50%;
  left: 75px;
  width: 100px;
  height: 100px;
  cursor: pointer;
  transform: translate3D(0, -50%, 0);
  border-radius: 50%;
  background-color: #d1d1d1 !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__avatar__wrapper {
  border-radius: 50%;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper {
  padding: unset;
  border: 3px solid #000;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__status {
  bottom: -2px;
}
.top-photographer-item__avatar__img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.top-photographer-item__avatar__badge {
  position: absolute;
  width: 29px;
  height: 29px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .top-photographer-item__avatar {
    left: 38px;
    width: 50px;
    height: 50px;
  }
}

.top-photographer-item__avatar__status {
  border-radius: 50%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding-bottom: 10px;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 27%, transparent 27%);
  font-size: 10px;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer-item__avatar__status {
    display: none;
  }
}

.top-photographer-item__photos {
  width: calc(100% - 200px);
  margin-left: 212px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1024px) {
  .top-photographer-item__photos {
    margin-left: 175px;
  }
}
@media screen and (max-width: 767px) {
  .top-photographer-item__photos {
    display: none;
  }
}

.top-photographer-item__photos__item {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 170px;
  height: 170px;
  margin: 4px 2px;
  background-size: cover !important;
  background: #d1d1d1 no-repeat center center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__photos__item .remove {
  position: absolute;
  top: 2px;
  left: 2px;
  display: none;
  cursor: pointer;
  color: #fff;
  font-size: 30px;
}
.top-photographer-item__photos__item .remove:hover {
  color: #E54B4B;
}
.top-photographer-item__photos__item .remove.active .dialog {
  transform: scale(0) translateY(100%);
}
.top-photographer-item__photos__item .remove .dialog {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  transition: 1s ease-in-out;
  transform: scale(0) translateY(100%);
}
.top-photographer-item__photos__item like-btn {
  display: none;
}
.top-photographer-item__photos__item like-btn i {
  font-size: 28px;
}
.top-photographer-item__photos__item .remove-dialog {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 25%;
  text-align: center;
  color: #000;
  background-color: rgba(255, 255, 255, 0.71);
  font-size: 14px;
  font-weight: 600;
}
.top-photographer-item__photos__item .remove-dialog .swap-dialog {
  line-height: 3;
}
.top-photographer-item__photos__item .remove-dialog .swap-dialog .notifications {
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  padding: 0 1px 0 0;
  transform: translate(50%, -50%);
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(232, 43, 65, 0.95);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.5;
}
.top-photographer-item__photos__item .remove-dialog .swap-dialog, .top-photographer-item__photos__item .remove-dialog .load-dialog {
  display: none;
}
.top-photographer-item__photos__item .votes {
  position: absolute;
  bottom: 5px;
  left: 5px;
  text-align: left;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item__photos__item .votes span {
  display: block;
  color: #d1d1d1;
  font-size: 13px;
}
.top-photographer-item__photos__item .icon-star {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 3px 4px 4px;
  text-align: left;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.26);
  text-shadow: 1px 1px 8px #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item__photos__item i.icon-gurus-tip {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
  font-size: 36px;
  line-height: 1;
}
.top-photographer-item__photos__item i.icon-gurus-tip:hover {
  transition: all 1s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
@media screen and (max-width: 1024px) {
  .top-photographer-item__photos__item {
    width: 110px;
    height: 110px;
  }
}
@media screen and (min-width: 1024px) {
  .top-photographer-item__photos__item:hover .remove {
    display: inline-block;
  }
  .top-photographer-item__photos__item:hover like-btn {
    display: inline-block;
  }
  .top-photographer-item__photos__item:hover .c-report {
    margin: 0;
  }
}

.top-photographer-item__photos__item--uploader {
  position: relative;
  display: inline-block;
  width: 170px;
  height: 170px;
  margin: 4px 2px;
  padding: 20px 0;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  color: #666;
  border: 2px dashed #ccc;
  background-color: transparent;
  font-size: 14px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__photos__item--uploader p {
  margin: 0;
  padding: 0;
  line-height: 2;
}
.top-photographer-item__photos__item--uploader i {
  display: block;
  font-size: 50px;
}
.top-photographer-item__photos__item--uploader .btn {
  margin-top: 18px;
  font-weight: 400;
  background-color: #218ccc;
}
.top-photographer-item__photos__item--uploader .btn:hover {
  background-color: #218ccc;
}
@media screen and (max-width: 1024px) {
  .top-photographer-item__photos__item--uploader {
    width: 110px;
    height: 110px;
    padding: 5px;
  }
  .top-photographer-item__photos__item--uploader p {
    padding: 10px;
    font-size: 9px;
    line-height: 2;
  }
  .top-photographer-item__photos__item--uploader i {
    font-size: 20px;
  }
  .top-photographer-item__photos__item--uploader .btn {
    margin-top: 5px;
    padding: 2px 4px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.3;
  }
}

.top-photographer-item--invite {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 0 0;
  text-align: center;
  border-top: 1px solid #ccc;
  line-height: 1;
}
.top-photographer-item--invite > i {
  vertical-align: middle;
  color: #ccc;
  font-size: 30px;
}

.top-photographer-item--invite__label {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  color: #ccc;
  font-size: 24px;
}
.top-photographer-item--invite__label span {
  font-weight: 600;
}

.top-photographer-item__share-btn {
  padding: 4px 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.5px;
  color: #999;
  border: solid 1px #999;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
}
.top-photographer-item__share-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.top-photographer-item__share-btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.top-photographer-item__share-btn span {
  vertical-align: middle;
}

top-photographer-item-mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  height: 100%;
  background-color: #fff;
  font-size: 0;
}
@media screen and (min-width: 769px) {
  top-photographer-item-mobile {
    display: none;
  }
}

.top-photographer-item-mobile__ranking {
  height: 36px;
  border-bottom: 1px solid #7d7d7d;
}
.top-photographer-item-mobile__ranking .votes, .top-photographer-item-mobile__ranking .rank {
  display: inline-block;
  height: 100%;
  padding: 5px 15px;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.top-photographer-item-mobile__ranking .votes span, .top-photographer-item-mobile__ranking .rank span {
  letter-spacing: -0.4px;
  font-size: 18px;
  font-weight: 600;
}
.top-photographer-item-mobile__ranking .votes {
  position: relative;
  width: calc(50% - 9px);
  text-align: left;
  color: #000;
  background-color: #fff;
}
.top-photographer-item-mobile__ranking .votes:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  content: "";
  border-width: 18px 0 18px 18px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.top-photographer-item-mobile__ranking .rank {
  width: calc(50% + 9px);
  text-align: right;
  color: #fff;
}
.top-photographer-item-mobile__ranking .rank.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item-mobile__ranking .rank.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item-mobile__ranking .rank.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item-mobile__ranking .rank.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item-mobile__ranking .rank.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item-mobile__ranking .rank.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.top-photographer-item-mobile__member {
  position: relative;
  padding: 15px 15px 0;
  text-align: left;
}
.top-photographer-item-mobile__member .follow {
  position: absolute;
  right: 15px;
  bottom: 0;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #318ebf;
  border-radius: 14px;
  background-color: #318ebf;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item-mobile__member .follow.following {
  color: #318ebf;
  background-color: transparent;
}

top-photographer-item__avatar {
  position: absolute;
  top: 50%;
  left: 75px;
  width: 100px;
  height: 100px;
  cursor: pointer;
  transform: translate3D(0, -50%, 0);
  border-radius: 50%;
  background-color: #d1d1d1 !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
top-photographer-item__avatar__wrapper {
  border-radius: 50%;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3px;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper {
  padding: unset;
  border: 3px solid #000;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__wrapper.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
top-photographer-item__avatar:not(.show-avatar-badge) .top-photographer-item__avatar__status {
  bottom: -2px;
}
top-photographer-item__avatar__img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
top-photographer-item__avatar__badge {
  position: absolute;
  width: 29px;
  height: 29px;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  top-photographer-item__avatar {
    left: 38px;
    width: 50px;
    height: 50px;
  }
}

.top-photographer-item-mobile__member__avatar {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #d1d1d1;
}
.top-photographer-item-mobile__member__avatar.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item-mobile__member__avatar.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item-mobile__member__avatar.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item-mobile__member__avatar.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item-mobile__member__avatar.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item-mobile__member__avatar.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.top-photographer-item-mobile__member__avatar__wrapper {
  border-radius: 50%;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 7px;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper {
  padding: unset;
  border: 4px solid transparent;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item-mobile__member__avatar:not(.show-avatar-badge) .top-photographer-item-mobile__member__avatar__wrapper.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.top-photographer-item-mobile__member__avatar__img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  border-radius: 50%;
}
.top-photographer-item-mobile__member__avatar__badge {
  position: absolute;
  width: 29px;
  height: 29px;
  bottom: 0;
  right: 0;
}

.top-photographer-item-mobile__member__data {
  position: relative;
  display: inline-block;
  width: calc(100% - 70px);
  padding-left: 5px;
  vertical-align: middle;
  line-height: 1.3;
}
.top-photographer-item-mobile__member__data .name {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: -0.3px;
  text-overflow: ellipsis;
  color: #222;
  font-size: 14px;
  font-weight: 400;
}
.top-photographer-item-mobile__member__data .country {
  letter-spacing: -0.3px;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
}
.top-photographer-item-mobile__member__data .status {
  display: inline-block;
  margin-top: 3px;
  padding: 3px;
  text-align: center;
  color: #333;
  border: 1px solid #333;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.top-photographer-item-mobile__progress {
  position: relative;
  overflow: hidden;
  height: 10px;
  margin: 5px 15px;
  padding: 2px;
  text-align: left;
  border-radius: 5px;
  background-color: #e1e1e1;
}
.top-photographer-item-mobile__progress .progress {
  display: inline-block;
  width: 0;
  height: 6px;
  transition: 1s ease-in-out;
  border-radius: 5px;
}
.top-photographer-item-mobile__progress .progress.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item-mobile__progress .progress.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item-mobile__progress .progress.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item-mobile__progress .progress.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item-mobile__progress .progress.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item-mobile__progress .progress.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.top-photographer-item-mobile__photos {
  position: relative;
  padding: 0 15px;
  text-align: center;
}

.top-photographer-item-mobile__photos__photo, .top-photographer-item-mobile__photos__photo--empty {
  position: relative;
  display: inline-block;
  width: 104px;
  margin: 2%;
  padding-bottom: 104px;
  vertical-align: top;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.top-photographer-item-mobile__photos__photo--empty {
  background-color: #fff;
}

.top-photographer-item-mobile__menu {
  position: absolute;
  top: 0;
  left: 0;
}
.top-photographer-item-mobile__menu .md-icon-button {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  line-height: 1;
}
.top-photographer-item-mobile__menu .md-icon-button i {
  font-size: 16px;
}

.top-photographer-item-mobile__guru-pick {
  position: absolute;
  top: 33px;
  left: 50%;
  padding: 3px 4px 4px;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.26);
  text-shadow: 1px 1px 8px #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.top-photographer-item-mobile__votes {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  letter-spacing: -0.6px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item-mobile__votes .desc {
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 400;
}

.top-photographer-item-mobile__share-btn {
  position: absolute;
  right: 15px;
  bottom: 5px;
  padding: 4px 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.5px;
  color: #999;
  border: solid 1px #999;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
}
.top-photographer-item-mobile__share-btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.top-photographer-item-mobile__share-btn span {
  vertical-align: middle;
}

top-photographer-item-mobile-placeholder {
  display: block;
  height: 100%;
  width: 100%;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 769px) {
  top-photographer-item-mobile-placeholder {
    display: none;
  }
}

.top-photographer-item-mobile-placeholder__ranking {
  height: 36px;
  border-bottom: 1px solid #999;
}
.top-photographer-item-mobile-placeholder__ranking .votes, .top-photographer-item-mobile-placeholder__ranking .rank {
  display: inline-block;
  height: 100%;
  padding: 5px 15px;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.top-photographer-item-mobile-placeholder__ranking .votes span, .top-photographer-item-mobile-placeholder__ranking .rank span {
  letter-spacing: -0.4px;
  font-size: 18px;
  font-weight: 600;
}
.top-photographer-item-mobile-placeholder__ranking .votes {
  position: relative;
  width: calc(50% - 9px);
  text-align: left;
  color: #999;
  background-color: #fff;
}
.top-photographer-item-mobile-placeholder__ranking .votes:after {
  position: absolute;
  top: 0;
  left: 100%;
  width: 0;
  height: 100%;
  content: "";
  border-width: 18px 0 18px 18px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.top-photographer-item-mobile-placeholder__ranking .rank {
  width: calc(50% + 9px);
  text-align: right;
  color: #fff;
  background-color: #000;
}

.top-photographer-item-mobile-placeholder__member {
  position: relative;
  padding: 15px 15px 0;
  text-align: left;
}
.top-photographer-item-mobile-placeholder__member .follow {
  position: absolute;
  right: 15px;
  bottom: 0;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #318ebf;
  border-radius: 14px;
  background-color: #318ebf;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item-mobile-placeholder__member .follow.following {
  color: #318ebf;
  background-color: transparent;
}

.top-photographer-item-mobile-placeholder__member__avatar {
  display: inline-block;
  overflow: hidden;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  border: 4px solid transparent;
  border-radius: 50%;
  background-color: #d1d1d1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item-mobile-placeholder__member__avatar.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.top-photographer-item-mobile-placeholder__member__data {
  position: relative;
  display: inline-block;
  width: calc(100% - 70px);
  padding-left: 5px;
  vertical-align: middle;
  line-height: 1.3;
}
.top-photographer-item-mobile-placeholder__member__data .name {
  overflow: hidden;
  white-space: nowrap;
  letter-spacing: -0.3px;
  text-overflow: ellipsis;
  color: #999;
  font-size: 14px;
  font-weight: 400;
}
.top-photographer-item-mobile-placeholder__member__data .country {
  letter-spacing: -0.3px;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
}
.top-photographer-item-mobile-placeholder__member__data .status {
  display: inline-block;
  margin-top: 3px;
  padding: 3px;
  text-align: center;
  color: #333;
  border: 1px solid #333;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
}

.top-photographer-item-mobile-placeholder__progress {
  position: relative;
  overflow: hidden;
  height: 10px;
  margin: 5px 15px;
  padding: 2px;
  text-align: left;
  border-radius: 5px;
  background-color: #e1e1e1;
}
.top-photographer-item-mobile-placeholder__progress .progress {
  display: inline-block;
  width: 0;
  height: 6px;
  transition: 1s ease-in-out;
  border-radius: 5px;
  background-color: #ccc;
}

.top-photographer-item-mobile-placeholder__photos {
  position: relative;
  padding: 0 15px;
  text-align: center;
}

.top-photographer-item-mobile-placeholder__photos__photo, .top-photographer-item-mobile-placeholder__photos__photo--empty {
  position: relative;
  display: inline-block;
  width: 104px;
  margin: 2%;
  padding-bottom: 104px;
  vertical-align: top;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.top-photographer-item-mobile-placeholder__photos__photo--empty {
  background-color: #fff;
}

.top-photographer-item-mobile-placeholder__menu {
  position: absolute;
  top: 0;
  right: 0;
}
.top-photographer-item-mobile-placeholder__menu .md-icon-button {
  width: 30px;
  height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 0;
  line-height: 1;
}
.top-photographer-item-mobile-placeholder__menu .md-icon-button i {
  font-size: 16px;
}

.top-photographer-item-mobile-placeholder__guru-pick {
  position: absolute;
  top: 10px;
  left: 50%;
  padding: 3px 4px 4px;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.26);
  text-shadow: 1px 1px 8px #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}

.top-photographer-item-mobile-placeholder__votes {
  position: absolute;
  bottom: 5px;
  width: 100%;
  text-align: center;
  letter-spacing: -0.6px;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.top-photographer-item-mobile-placeholder__votes .desc {
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 400;
}

.top-photographer-item-mobile-placeholder__share-btn {
  position: absolute;
  right: 15px;
  bottom: 5px;
  padding: 4px 8px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.5px;
  color: #999;
  border: solid 1px #999;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
}
.top-photographer-item-mobile-placeholder__share-btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.top-photographer-item-mobile-placeholder__share-btn span {
  vertical-align: middle;
}

top-photographer-item-placeholder {
  display: block;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  top-photographer-item-placeholder {
    display: none;
    margin: 0;
    padding: 0;
  }
}

.top-photographer-item-placeholder__info {
  width: 100%;
  padding-left: 200px;
  text-align: left;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item-placeholder__info > div {
  display: inline-block;
  padding: 0 15px;
  color: #000;
  border-right: 1px solid #d1d1d1;
  font-size: 14px;
}
.top-photographer-item-placeholder__info > div:last-child {
  border-right: none;
}
.top-photographer-item-placeholder__info > div.top-photographer-item-placeholder__info__clear-report {
  margin-left: 15px;
  padding: 4px 5px;
  padding: 5px 15px;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.top-photographer-item-placeholder__info .name {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
}
.top-photographer-item-placeholder__info .country {
  color: #999;
}
@media screen and (max-width: 767px) {
  .top-photographer-item-placeholder__info {
    padding-left: 83px;
  }
  .top-photographer-item-placeholder__info > div {
    padding: 0 5px;
  }
  .top-photographer-item-placeholder__info div + div {
    border: none;
  }
  .top-photographer-item-placeholder__info .name {
    font-size: 10.24px;
  }
  .top-photographer-item-placeholder__info .country {
    font-size: 10.24px;
  }
  .top-photographer-item-placeholder__info .follow {
    display: none;
  }
}

.top-photographer-item-placeholder__line {
  position: relative;
  width: 97%;
  margin: 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item-placeholder__line.item-count-3 {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .top-photographer-item-placeholder__line {
    margin: 3px 0 0;
  }
}

.top-photographer-item-placeholder__progress {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  padding: 7px;
  text-align: left;
  border-radius: 20px;
  background-color: #e1e1e1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item-placeholder__progress .progress {
  display: inline-block;
  overflow: hidden;
  min-width: 350px;
  height: 100%;
  padding: 0 10px 0 200px;
  transition: width 1s ease-in-out;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 20px;
  background-color: #ccc;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .top-photographer-item-placeholder__progress {
    padding: 5px;
  }
  .top-photographer-item-placeholder__progress .progress {
    min-width: 206px;
    padding: 3px 10px 3px 0;
    font-size: 11px;
  }
}

.top-photographer-item-placeholder__rank-info, .top-photographer-item-placeholder__rank-info--not-rank {
  position: absolute;
  top: 50%;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  transform: translate(0, -50%);
  text-align: center;
  color: #666;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -1px 1px 13px 1px rgba(153, 153, 153, 0.3);
  font-size: 12px;
  line-height: 1;
  perspective: 100px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item-placeholder__rank-info span, .top-photographer-item-placeholder__rank-info--not-rank span {
  display: block;
  color: #000;
  font-size: 21px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .top-photographer-item-placeholder__rank-info, .top-photographer-item-placeholder__rank-info--not-rank {
    width: 35px;
    height: 35px;
    padding: 0;
    font-size: 0;
  }
  .top-photographer-item-placeholder__rank-info span, .top-photographer-item-placeholder__rank-info--not-rank span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    padding: 0;
    transform: translate3d(-50%, -50%, 0);
    font-size: 13px;
  }
}

.top-photographer-item-placeholder__rank-info--not-rank {
  font-size: 14px;
}

.top-photographer-item-placeholder__avatar {
  position: absolute;
  top: 50%;
  left: 75px;
  overflow: hidden;
  width: 100px;
  height: 100px;
  transform: translate(0, -50%);
  border: 3px solid #ccc;
  border-radius: 50%;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item-placeholder__avatar img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}
@media screen and (max-width: 767px) {
  .top-photographer-item-placeholder__avatar {
    left: 38px;
    width: 50px;
    height: 50px;
  }
}

rank-top-photographer {
  display: block;
  position: relative;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
rank-top-photographer .gs-views-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 14px;
  height: 14px;
}
@media screen and (max-width: 1000px) {
  rank-top-photographer {
    min-height: calc(100vh - 40px);
  }
}
@media screen and (max-width: 768px) {
  rank-top-photographer {
    padding: 0 10px;
    background-color: #eae7e7;
  }
}

.top-photographer__nav {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 90px;
  height: calc(100vh - 110px);
  border-left: 1px solid #d1d1d1;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1130px) {
  .top-photographer__nav {
    height: calc(100vh - 106px);
  }
}
@media screen and (max-width: 1000px) {
  .top-photographer__nav {
    bottom: 44px;
    height: calc(100vh - 40px - 44px);
  }
}
@media screen and (max-width: 767px) {
  .top-photographer__nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 44px;
    border-left: none;
  }
}

.top-photographer__nav__my {
  position: absolute;
  z-index: 1;
  top: 5px;
  right: 0;
  width: 105px;
  height: 95px;
  padding: 12px;
  cursor: pointer;
  text-align: center;
  color: #444;
  background-color: #fff;
  box-shadow: -1px 1px 13px 1px rgba(153, 153, 153, 0.3);
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer__nav__my:before {
  position: absolute;
  z-index: -1;
  bottom: -15px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-top: 11px solid #a5a5a5;
  border-right: 4px solid #a5a5a5;
  border-bottom: 4px solid transparent;
  border-left: 11px solid transparent;
}
.top-photographer__nav__my:hover i {
  transform: rotate(-90deg);
}
.top-photographer__nav__my i {
  transition: transform 0.5s ease-in-out;
  font-size: 50px;
}
.top-photographer__nav__my span {
  display: block;
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__my {
    display: none;
  }
}

.top-photographer__nav__levels {
  position: absolute;
  bottom: 0;
  overflow: hidden;
  width: 100%;
  height: calc(100% - 95px);
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer__nav__levels.not-joined {
  height: 100%;
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__levels {
    position: static;
    width: 100%;
    height: 100%;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }
}

.top-photographer__nav__level {
  position: relative;
  width: 100%;
  height: 20%;
  padding-top: 1.5em;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  color: #777;
  background-color: #fff;
  font-weight: 400;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer__nav__level:hover {
  background-color: #f1f1f1;
}
.top-photographer__nav__level:hover:after, .top-photographer__nav__level:hover:before {
  border-color: transparent transparent #f1f1f1 transparent;
}
.top-photographer__nav__level.disabled {
  cursor: default;
}
.top-photographer__nav__level.active {
  color: #fff;
}
.top-photographer__nav__level.active.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer__nav__level.active.c-level-0:after, .top-photographer__nav__level.active.c-level-0:before {
  border-color: transparent transparent #b3b3b3 transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-0:after, .top-photographer__nav__level.active.c-level-0:before {
    border-color: transparent transparent transparent #b3b3b3;
  }
}
.top-photographer__nav__level.active.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer__nav__level.active.c-level-1:after, .top-photographer__nav__level.active.c-level-1:before {
  border-color: transparent transparent #2c7fa6 transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-1:after, .top-photographer__nav__level.active.c-level-1:before {
    border-color: transparent transparent transparent #2c7fa6;
  }
}
.top-photographer__nav__level.active.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer__nav__level.active.c-level-2:after, .top-photographer__nav__level.active.c-level-2:before {
  border-color: transparent transparent #0a655c transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-2:after, .top-photographer__nav__level.active.c-level-2:before {
    border-color: transparent transparent transparent #0a655c;
  }
}
.top-photographer__nav__level.active.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer__nav__level.active.c-level-3:after, .top-photographer__nav__level.active.c-level-3:before {
  border-color: transparent transparent #853445 transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-3:after, .top-photographer__nav__level.active.c-level-3:before {
    border-color: transparent transparent transparent #853445;
  }
}
.top-photographer__nav__level.active.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer__nav__level.active.c-level-4:after, .top-photographer__nav__level.active.c-level-4:before {
  border-color: transparent transparent #234f64 transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-4:after, .top-photographer__nav__level.active.c-level-4:before {
    border-color: transparent transparent transparent #234f64;
  }
}
.top-photographer__nav__level.active.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}
.top-photographer__nav__level.active.c-level-5:after, .top-photographer__nav__level.active.c-level-5:before {
  border-color: transparent transparent #1c1c1c transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level.active.c-level-5:after, .top-photographer__nav__level.active.c-level-5:before {
    border-color: transparent transparent transparent #1c1c1c;
  }
}
.top-photographer__nav__level.active span {
  color: #fff;
  font-weight: 700;
}
.top-photographer__nav__level span {
  display: block;
  color: #444;
  font-size: 15px;
  font-weight: 600;
}
.top-photographer__nav__level:before {
  position: absolute;
  top: -25px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 45px 25px 45px;
  border-style: solid;
  border-color: transparent transparent #d1d1d1 transparent;
}
.top-photographer__nav__level:after {
  position: absolute;
  top: -24px;
  left: 0;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 45px 25px 45px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
@media screen and (max-width: 767px) {
  .top-photographer__nav__level {
    float: right;
    width: 20%;
    height: 100%;
    font-size: 0;
    line-height: 1;
  }
  .top-photographer__nav__level span {
    position: relative;
    z-index: 1;
    padding-left: 11px;
    text-align: center;
    font-size: 12px;
    line-height: 46px;
  }
  .top-photographer__nav__level:before {
    top: 0;
    right: -10px;
    left: initial;
    border-width: 22px 0 22px 10px;
    border-color: transparent transparent transparent #d1d1d1;
  }
  .top-photographer__nav__level:after {
    top: 0;
    right: -9px;
    left: initial;
    border-width: 22px 0 22px 10px;
    border-color: transparent transparent transparent #fff;
  }
  .top-photographer__nav__level:hover {
    background-color: #fff;
  }
  .top-photographer__nav__level:hover:before {
    border-color: transparent transparent transparent #d1d1d1;
  }
  .top-photographer__nav__level:hover:after {
    border-color: transparent transparent transparent #fff;
  }
}

.top-photographer-loader {
  min-height: calc(100vh - 110px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1130px) {
  .top-photographer-loader {
    height: calc(100vh - 106px);
  }
}
@media screen and (max-width: 767px) {
  .top-photographer-loader {
    height: calc(100vh - 120px);
  }
}

.top-photographer__rank {
  position: relative;
  width: calc(100% - 105px);
  height: calc(100vh - 110px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer__rank .md-virtual-repeat-scroller {
  overflow-x: hidden;
  overflow-y: auto;
  width: calc(100% + 17px);
  height: 100%;
  transform: translate3D(0, 0, 0);
  will-change: transform;
}
@media screen and (max-width: 1000px) {
  .top-photographer__rank {
    height: calc(100vh - 42px);
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 767px) {
  .top-photographer__rank {
    width: 100%;
  }
  .top-photographer__rank .md-virtual-repeat-scroller {
    width: 100%;
    height: calc(100% - 44px);
  }
}

.top-photographer-item {
  position: relative;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  max-width: 1000px;
  height: 340px;
  margin: 0 auto;
  padding: 20px 0;
  transform: translate3d(0, 0, 0);
  color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item badge {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 70px;
}
@media screen and (max-width: 1024px) {
  .top-photographer-item {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .top-photographer-item {
    max-width: 290px;
    height: 390px;
    margin: 0 auto;
    padding: 7px 0;
    background-color: transparent;
  }
  .top-photographer-item.placeholder {
    height: 160px !important;
    min-height: 160px !important;
  }
  .top-photographer-item badge {
    display: none;
  }
}

.top-photographer-item__badge--mobile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 290px;
  height: 100%;
  max-height: 70px;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  color: #fff;
  box-shadow: 0 5px 26px 0 rgba(25, 24, 25, 0.3);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__badge--mobile:before {
  position: absolute;
  top: 10px;
  left: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  content: "";
  border: 3px solid #fff;
  background-color: transparent;
}
@media screen and (min-width: 769px) {
  .top-photographer-item__badge--mobile {
    display: none;
  }
}
.top-photographer-item__badge--mobile.c-level-0 {
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}
.top-photographer-item__badge--mobile.c-level-1 {
  background-color: #2c7fa6;
  border-color: #2c7fa6;
}
.top-photographer-item__badge--mobile.c-level-2 {
  background-color: #0a655c;
  border-color: #0a655c;
}
.top-photographer-item__badge--mobile.c-level-3 {
  background-color: #853445;
  border-color: #853445;
}
.top-photographer-item__badge--mobile.c-level-4 {
  background-color: #234f64;
  border-color: #234f64;
}
.top-photographer-item__badge--mobile.c-level-5 {
  background-color: #1c1c1c;
  border-color: #1c1c1c;
}

.top-photographer-item__my-pos--mobile {
  position: absolute;
  z-index: 1;
  top: 50px;
  right: -10px;
  display: inline-block;
  padding: 3px 4px 3px 6px;
  opacity: 0.8;
  color: #444;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
  font-size: 40px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.top-photographer-item__my-pos--mobile i {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .top-photographer-item__my-pos--mobile {
    display: none !important;
  }
}

app-locate-button-component {
  width: 60px;
  height: 60px;
  position: fixed;
  bottom: 40px;
  right: 12%;
}

challenge-rank {
  display: block;
}

challenge-winners-exhibition {
  display: block;
}

.c-tab-view__winners__no-data {
  margin: 80px auto 0;
  min-height: 80vh;
  text-align: center;
  color: #999;
}
.c-tab-view__winners__no-data i {
  font-size: 40px;
}
.c-tab-view__winners__no-data .text {
  font-size: 28px;
}

.challenge-winners__info .avatar,
.challenge-winners__info .member-info__data {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .challenge-winners__info .gs-avatar {
    padding: 7px;
  }
  .challenge-winners__info .gs-avatar__badge {
    width: 28px !important;
    height: 28px !important;
  }
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

.challenge {
  background-color: #f1f1f1;
}
.challenge #page {
  width: 100%;
}
.challenge #gs-app-main {
  padding-top: 0;
}
.challenge download-apps {
  display: none;
}

.gs-challenge-page {
  /* ******** */
  /* Top menu */
  /* ******** */
  /* ***** */
  /* Cover */
  /* ***** */
  /* ******** */
  /* Tab view */
  /* ******** */
  /* ************ */
  /* Winners page */
  /* ************ */
  /* *********** */
  /* Prizes page */
  /* *********** */
  /* ********** */
  /* Rules page */
  /* ********** */
}
.gs-challenge-page:after {
  display: none;
}
.gs-challenge-page app-resource-indicator-component {
  position: absolute;
  bottom: 0;
  right: 3px;
  transform: translateY(50%);
}
.gs-challenge-page .c-challenge-placeholder {
  width: 100%;
  height: 100vh;
  padding: 300px;
}
.gs-challenge-page a {
  text-decoration: none;
}
.gs-challenge-page .c-block-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.gs-challenge-page .w-max-page-size, .gs-challenge-page .w-max-page-size--small, .gs-challenge-page .w-max-page-size--middle {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .w-max-page-size, .gs-challenge-page .w-max-page-size--small, .gs-challenge-page .w-max-page-size--middle {
    padding: 0 5px;
  }
}
.gs-challenge-page .w-max-page-size--middle {
  max-width: 1300px;
  padding: 30px 0;
  border-radius: 12px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2509803922);
}
.gs-challenge-page .w-max-page-size--middle.no-l-r-padding, .gs-challenge-page .c-winners__top-photographer.no-l-r-padding {
  padding: 30px 0 0 0;
}
.gs-challenge-page .w-max-page-size--small {
  max-width: 1000px;
}
.gs-challenge-page .c-loader {
  width: 100%;
  height: 100%;
}
.gs-challenge-page .c-no-items {
  position: absolute;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  text-align: center;
  color: #000;
  font-size: 20px;
  font-weight: 400;
}
.gs-challenge-page .c-image {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.gs-challenge-page .c-button, .gs-challenge-page .c-button--grey, .gs-challenge-page .c-button--red {
  position: relative;
  display: inline-block;
  min-width: 65px;
  margin: 5px;
  padding: 8px 3px;
  cursor: pointer;
  border: 1px solid rgba(102, 102, 102, 0.5);
  border-radius: 4px;
  font-weight: 400;
  line-height: 1;
}
.gs-challenge-page .c-button:hover, .gs-challenge-page .c-button--grey:hover, .gs-challenge-page .c-button--red:hover {
  opacity: 0.8;
}
.gs-challenge-page .c-button p, .gs-challenge-page .c-button--grey p, .gs-challenge-page .c-button--red p {
  margin: 0;
  padding: 0;
}
.gs-challenge-page .c-button--red {
  background-color: #E54B4B;
}
.gs-challenge-page .c-button--red p {
  color: #fff;
}
.gs-challenge-page .c-button--grey {
  color: #000;
  background-color: rgb(192, 192, 192);
}
.gs-challenge-page .c-ui-view {
  background-color: #f1f1f1;
}
.gs-challenge-page .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
}
.gs-challenge-page button.like {
  position: absolute;
  z-index: 3;
  top: 5px;
  right: 5px;
  display: block;
  overflow: visible;
  width: auto;
  padding: 5px;
  transition: 0.3s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  text-align: center;
  color: #fff;
  border: 0;
  background: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page button.like::-moz-focus-inner {
  border: 0;
}
.gs-challenge-page button.like > span {
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  transition: 0.1s ease-out;
  text-shadow: 0 0 5px #000;
  font-family: "open sans", sans-serif;
  font-size: 1.6em;
  font-weight: 300;
  line-height: 2.6;
}
.gs-challenge-page button.like > i {
  position: relative;
  display: block;
  transition: 0.26s cubic-bezier(0.6, 0.5, 0.09, 2.6);
  color: rgba(255, 255, 255, 0.7);
  font-family: "icomoon", sans-serif;
  font-size: 3.8em;
  font-style: normal;
  line-height: 0.9;
}
.gs-challenge-page button.like > i::before {
  display: block;
  content: "\e649";
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.47);
}
.gs-challenge-page button.like > i::after {
  position: absolute;
  z-index: -1;
  top: -2px;
  right: 0;
  left: 0;
  content: "\e64a";
  transition: 0.22s cubic-bezier(0.15, 0.53, 0.34, 1);
  transform: scale(0.5);
  opacity: 0;
  line-height: 1;
}
.gs-challenge-page button.like.liked {
  transition: 0.1s;
}
.gs-challenge-page button.like.liked > i {
  opacity: 0.99;
  color: #d5e5ed;
}
.gs-challenge-page button.like.liked > i::after {
  transform: none;
  opacity: 0.8;
  color: #2C7FA6;
}
.gs-challenge-page button.like:hover > i {
  opacity: 0.99;
  color: #d5e5ed;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page button.like {
    top: 2px;
    right: 2px;
    transform: scale(1);
  }
  .gs-challenge-page button.like i {
    font-size: 28px;
  }
  .gs-challenge-page button.like i:after {
    top: -1px;
    bottom: -9px;
  }
  .gs-challenge-page button.like:hover {
    top: 2px;
    right: 2px;
  }
  .gs-challenge-page button.like:hover i {
    font-size: 30px;
  }
  .gs-challenge-page button.like:hover i:after {
    top: -1px;
    bottom: -9px;
  }
}
.gs-challenge-page .filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.gs-challenge-page .c-challenge-premium-badge {
  top: 30px;
  right: -93px;
  line-height: 60px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-premium-badge i, .gs-challenge-page .c-challenge-premium-badge span {
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-premium-badge {
    top: -10px;
    right: -131px;
  }
  .gs-challenge-page .c-challenge-premium-badge:after {
    border: none;
    border-bottom: 1px solid #fff;
  }
  .gs-challenge-page .c-challenge-premium-badge span {
    display: none;
  }
}
.gs-challenge-page .c-report {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: -70px;
  padding: 5px 11px 11px 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  border-bottom-right-radius: 29px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
  line-height: 12px;
}
.gs-challenge-page .c-report i {
  vertical-align: middle;
}
.gs-challenge-page .c-noFriends-placeholder {
  width: 320px;
  height: 240px;
  margin: 0 auto;
  vertical-align: top;
  background-color: transparent;
  background-image: url(../png/facebook_friends.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.gs-challenge-page .c-noFriends-placeholder .c-btn-facebook-invite {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  width: 170px;
  margin: 0 auto;
  white-space: nowrap;
}
.gs-challenge-page .c-share-block--top {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -30px;
  text-align: right;
  font-size: 14px;
}
.gs-challenge-page .c-share-block--top__btn, .gs-challenge-page .c-share-block--top__btn--twitter, .gs-challenge-page .c-share-block--top__btn--facebook {
  display: inline-block;
  margin: 0 0 3px 0;
  padding: 20px 9px 2px;
  cursor: pointer;
  text-align: right;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 34px;
  line-height: 1;
}
.gs-challenge-page .c-share-block--top__btn:first-child, .gs-challenge-page .c-share-block--top__btn--twitter:first-child, .gs-challenge-page .c-share-block--top__btn--facebook:first-child {
  margin-right: 2px;
}
.gs-challenge-page .c-share-block--top__btn:hover, .gs-challenge-page .c-share-block--top__btn--twitter:hover, .gs-challenge-page .c-share-block--top__btn--facebook:hover {
  margin-bottom: 0;
  padding-bottom: 5px;
}
.gs-challenge-page .c-share-block--top__btn i, .gs-challenge-page .c-share-block--top__btn--twitter i, .gs-challenge-page .c-share-block--top__btn--facebook i {
  vertical-align: bottom;
}
.gs-challenge-page .c-share-block--top__btn--facebook {
  color: #fff;
  background-color: #3b5999;
}
.gs-challenge-page .c-share-block--top__btn--twitter {
  color: #fff;
  background-color: #47b7ff;
}
.gs-challenge-page .c-share-block--top__text {
  color: #222;
  font-size: 12px;
}
.gs-challenge-page .c-facebook-invite-bg {
  background-color: #f2f2f2;
  background-image: url(../png/facebook_friends.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}
.gs-challenge-page .c-challenge__top-menu {
  position: fixed;
  z-index: 3;
  top: 68px;
  right: 0;
  left: 0;
  margin: 0 auto;
  padding: 0 30px;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 333ms ease, opacity 333ms ease;
  transform: translate3D(0, -100%, 0);
  transform-origin: 50% 0;
  text-align: left;
  opacity: 0;
  background-color: #1d1c1c;
  box-shadow: -1px 1px 13px 1px rgba(0, 0, 0, 0.5);
  font-size: 0;
  line-height: 21px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge__top-menu.active {
  transform: translate3D(0, 0, 0);
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-challenge__top-menu {
    top: 0;
  }
}
.gs-challenge-page .c-challenge__top-menu__title {
  display: inline-block;
  min-width: 30%;
  padding-bottom: 10px;
  text-align: left;
  vertical-align: middle;
  color: #fff;
  font-size: 22px;
  font-weight: 400;
}
.gs-challenge-page .c-challenge__top-menu__btn, .gs-challenge-page .c-challenge__top-menu__btn--filter {
  position: relative;
  display: inline-block;
  min-width: 130px;
  margin: 6px 5px 0;
  padding: 5px 15px 10px;
  cursor: pointer;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge__top-menu__btn.active, .gs-challenge-page .active.c-challenge__top-menu__btn--filter {
  color: #000;
  background-color: #fff;
  font-weight: 700;
}
.gs-challenge-page .c-challenge__top-menu__btn.active i, .gs-challenge-page .active.c-challenge__top-menu__btn--filter i {
  display: inline-block;
}
.gs-challenge-page .c-challenge__top-menu__btn.active .c-challenge__top-menu__btn__sub, .gs-challenge-page .active.c-challenge__top-menu__btn--filter .c-challenge__top-menu__btn__sub {
  display: block;
}
.gs-challenge-page .c-challenge__top-menu__btn:hover .c-challenge__top-menu__btn__sub, .gs-challenge-page .c-challenge__top-menu__btn--filter:hover .c-challenge__top-menu__btn__sub {
  visibility: visible;
  transform: scale(1);
  opacity: 1;
}
.gs-challenge-page .c-challenge__top-menu__btn i, .gs-challenge-page .c-challenge__top-menu__btn--filter i {
  display: none;
  vertical-align: middle;
}
@media screen and (max-width: 1130px) {
  .gs-challenge-page .c-challenge__top-menu__btn, .gs-challenge-page .c-challenge__top-menu__btn--filter {
    min-width: 88px;
    margin: 6px 1px 0;
    padding: 5px 5px 10px;
  }
}
.gs-challenge-page .c-challenge__top-menu__btn__sub {
  position: absolute;
  z-index: -1;
  top: 100%;
  left: 0;
  display: none;
  visibility: hidden;
  overflow: hidden;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 0;
  opacity: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff;
  box-shadow: -1px 1px 13px 1px rgba(0, 0, 0, 0.5);
}
.gs-challenge-page .c-challenge__top-menu__btn__sub li {
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  text-align: left;
  white-space: nowrap;
  color: rgba(0, 0, 0, 0.87);
  font-size: 18px;
  font-weight: 400;
}
.gs-challenge-page .c-challenge__top-menu__btn__sub li:hover {
  color: #fff;
  background-color: #218ccc;
}
.gs-challenge-page .c-challenge__top-menu__btn--filter {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
  margin-right: 0;
  padding-right: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge__top-menu__btn--filter.active {
  display: inline-block;
  color: #fff;
  background-color: transparent;
  font-size: 14px;
}
.gs-challenge-page .c-challenge__top-menu__btn--filter:hover .c-challenge__top-menu__btn--filter__active {
  border-color: #218ccc;
  background-color: #218ccc;
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-challenge__top-menu__btn--filter {
    right: -16px;
  }
}
.gs-challenge-page .c-challenge__top-menu__btn--filter__label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-challenge__top-menu__btn--filter__label {
    display: none;
  }
}
.gs-challenge-page .c-challenge__top-menu__btn--filter__active {
  display: inline-block;
  min-width: 125px;
  padding: 2px 6px;
  vertical-align: middle;
  border: 1px solid #fff;
}
.gs-challenge-page .c-challenge__top-menu__btn--filter__list {
  top: calc(100% - 10px);
  right: 0;
  left: initial;
  min-width: 125px;
}
.gs-challenge-page .c-challenge-cover {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 600px;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover {
    z-index: inherit;
    overflow: auto;
    height: 280px;
    margin-top: 40px;
  }
}
.gs-challenge-page .c-challenge-cover__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.gs-challenge-page .c-challenge-cover__premium-badge {
  position: absolute;
  z-index: 1;
  top: -19px;
  right: -61px;
  display: inline-block;
  padding: 40px 50px 15px;
  transform: rotate(45deg);
  text-align: center;
  color: #fff;
  background-color: #000;
  font-size: 20px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-cover__premium-badge span {
  display: block;
  font-size: 22px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__premium-badge {
    padding: 40px 50px 6px;
    font-size: 18px;
  }
  .gs-challenge-page .c-challenge-cover__premium-badge span {
    font-size: 12px;
  }
}
.gs-challenge-page .c-challenge-cover__expo-badge, .gs-challenge-page .c-challenge-cover__book-badge {
  position: absolute;
  z-index: 1;
  top: 25px;
  right: -61px;
  display: inline-block;
  padding: 14px 50px 15px;
  transform: rotate(45deg);
  text-align: center;
  color: #fff;
  background-color: #005c83;
  font-size: 18px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-cover__expo-badge i, .gs-challenge-page .c-challenge-cover__book-badge i, .gs-challenge-page .c-challenge-cover__expo-badge span, .gs-challenge-page .c-challenge-cover__book-badge span {
  vertical-align: middle;
}
.gs-challenge-page .c-challenge-cover__expo-badge:after, .gs-challenge-page .c-challenge-cover__book-badge:after {
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__expo-badge, .gs-challenge-page .c-challenge-cover__book-badge {
    top: 13px;
    right: -57px;
    padding: 15px 50px 15px;
    font-size: 18px;
  }
  .gs-challenge-page .c-challenge-cover__expo-badge span, .gs-challenge-page .c-challenge-cover__book-badge span {
    font-size: 12px;
  }
}
.gs-challenge-page .c-challenge-cover__book-badge {
  top: 18px;
  right: -52px;
  background-color: #cc6238;
  font-size: 12px;
}
.gs-challenge-page .c-challenge-cover__book-badge i {
  margin-right: 5px;
}
.gs-challenge-page .c-challenge-cover__top {
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  color: #000;
  background-color: #fff;
  font-size: 27px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-cover__top a {
  display: block;
  width: 100%;
  height: 100%;
  color: #000;
}
.gs-challenge-page .c-challenge-cover__top span {
  vertical-align: middle;
  font-style: italic;
}
.gs-challenge-page .c-challenge-cover__top img {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__top {
    font-size: 16px;
  }
  .gs-challenge-page .c-challenge-cover__top img {
    height: 30px;
  }
}
.gs-challenge-page div.c-challenge-cover__center {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page div.c-challenge-cover__center {
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    white-space: normal;
  }
  .gs-challenge-page div.c-challenge-cover__center .title, .gs-challenge-page div.c-challenge-cover__center .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page div.c-challenge-cover__center .title-mobile {
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
}
.gs-challenge-page .c-challenge-cover__center {
  position: absolute;
  top: 215px;
  left: 50%;
  display: inline-block;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
  color: #fff;
  font-size: 0;
}
.gs-challenge-page .c-challenge-cover__center .title, .gs-challenge-page .c-challenge-cover__center .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-challenge-cover__center .title-mobile {
  margin-bottom: 20px;
  text-shadow: -1px 1px 10px rgba(0, 0, 0, 0.75);
  font-size: 50px;
  font-weight: 600;
}
.gs-challenge-page .c-challenge-cover__btn--s--, .gs-challenge-page .c-challenge-cover__btn--blue--s-- {
  position: relative;
  display: inline-block;
  width: 245px;
  margin: 0 20px;
  padding: 15px 0;
  cursor: pointer;
  transition: border 0.22s ease;
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  font-size: 22px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-cover__btn--s--:hover, .gs-challenge-page .c-challenge-cover__btn--blue--s--:hover {
  border-color: #fff;
}
.gs-challenge-page .c-challenge-cover__btn--s-- .icon-key, .gs-challenge-page .c-challenge-cover__btn--blue--s-- .icon-key {
  position: absolute;
  bottom: calc(100% - 10px);
  left: calc(100% - 10px);
  padding: 4px;
  color: #3397d2;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__btn--s--, .gs-challenge-page .c-challenge-cover__btn--blue--s-- {
    width: auto;
    margin: 0 10px;
    padding: 8px 18px;
    font-size: 14px;
  }
}
.gs-challenge-page .c-challenge-cover__btn--blue--s-- {
  border-color: rgba(255, 255, 255, 0.57);
  background-color: #218ccc;
}
.gs-challenge-page .c-challenge-cover__menu {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__menu {
    position: fixed;
    z-index: 1;
    top: 0;
    bottom: inherit;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  }
}
.gs-challenge-page .c-challenge-cover__full {
  position: absolute;
  right: 20px;
  bottom: 15px;
  transition: all 333ms ease-in-out;
  transform: scale(0.8);
  opacity: 0.6;
  color: #fff;
  font-size: 30px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-challenge-cover__full:hover {
  transform: scale(1);
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-challenge-cover__full {
    right: 5px;
    bottom: 0;
  }
}
.gs-challenge-page div.c-challenge-cover__tab-btn {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1130px) {
  .gs-challenge-page div.c-challenge-cover__tab-btn {
    width: 115px;
    margin: 0 5px;
  }
}
@media screen and (max-width: 767px) {
  .gs-challenge-page div.c-challenge-cover__tab-btn {
    bottom: 0;
    width: 25%;
    margin: 0;
    padding: 10px 0 8px;
    color: #333;
    border-bottom: 3px solid transparent;
    border-radius: 0;
    background-color: transparent;
    font-size: 14px;
  }
  .gs-challenge-page div.c-challenge-cover__tab-btn.active {
    color: #3397d2;
    border-color: #3397d2;
    font-weight: 600;
  }
}
.gs-challenge-page .c-challenge-cover__tab-btn {
  position: relative;
  display: inline-block;
  width: 200px;
  margin: 0 15px;
  padding: 10px 0 15px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border-radius: 8px;
  background-color: #333;
  font-size: 16px;
  font-weight: 400;
}
.gs-challenge-page .c-challenge-cover__tab-btn.active {
  color: #000;
  background-color: #fff;
}
.gs-challenge-page .c-challenge-cover__tab-btn i {
  display: none;
}
.gs-challenge-page .c-tab-view {
  min-height: 50vh;
  background-color: #f1f1f1;
}
.gs-challenge-page .c-tab-view.no-shadow.w-max-page-size--middle {
  box-shadow: none;
}
.gs-challenge-page .c-tab-view__top-menu, .gs-challenge-page .c-tab-view__top-menu--rank-page {
  position: relative;
  z-index: 2;
  min-height: 65px;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__top-menu, .gs-challenge-page .c-tab-view__top-menu--rank-page {
    display: none;
  }
}
.gs-challenge-page .c-tab-view__top-menu--rank-page {
  min-height: 0;
  border-bottom: 1px solid #ddd;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-challenge-page .c-tab-view__top-menu--rank-page {
    display: none;
  }
}
.gs-challenge-page .c-tab-view__top-menu__item {
  display: inline-block;
  min-width: 200px;
  margin: 5px 40px 0;
  padding: 5px 20px 6px;
  cursor: pointer;
  color: #000;
  border-bottom: 4px solid transparent;
  font-size: 16px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__top-menu__item:hover {
  color: #218ccc;
}
.gs-challenge-page .c-tab-view__top-menu__item.active {
  color: #218ccc;
  border-color: #218ccc;
  font-weight: 600;
}
@media screen and (max-width: 1130px) {
  .gs-challenge-page .c-tab-view__top-menu__item {
    min-width: 164px;
    margin: 5px 5px 0;
    padding: 5px 5px 6px;
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__top-menu__item {
    display: table-cell;
    width: 1%;
    min-width: initial;
    vertical-align: middle;
  }
}
.gs-challenge-page .c-tab-view__top-menu__filter {
  position: absolute;
  top: 4px;
  right: 15px;
  padding: 5px 0;
  cursor: default;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__top-menu__filter:hover .c-tab-view__top-menu__filter__active {
  color: #fff;
  border-color: #218ccc;
  background-color: #218ccc;
}
.gs-challenge-page .c-tab-view__top-menu__filter:hover .c-tab-view__top-menu__filter__list {
  transition-delay: 0s;
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__top-menu__filter {
    display: none;
  }
}
.gs-challenge-page .c-tab-view__top-menu__filter__label {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-tab-view__top-menu__filter__label {
    display: none;
  }
}
.gs-challenge-page .c-tab-view__top-menu__filter__active {
  display: inline-block;
  min-width: 125px;
  padding: 4px 6px;
  cursor: pointer;
  vertical-align: middle;
  text-transform: uppercase;
  border: 1px solid #999;
}
.gs-challenge-page .c-tab-view__top-menu__filter__list {
  position: absolute;
  top: calc(100% - 5px);
  right: 0;
  min-width: 125px;
  list-style: none;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.5s;
  transform: scale(0);
  transform-origin: 50% 0;
  text-align: left;
  color: #000;
  border: 1px solid #f1f1f1;
  background-color: #fff;
}
.gs-challenge-page .c-tab-view__top-menu__filter__list > div {
  display: block;
  padding: 10px 15px;
  white-space: nowrap;
  font-weight: 600;
}
.gs-challenge-page .c-tab-view__top-menu__filter__list > div:hover {
  color: #218ccc;
  font-weight: 600;
}
.gs-challenge-page .c-ranking__item__avatar__status {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding-bottom: 10px;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 27%, transparent 27%);
  font-size: 0.7em;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-ranking__item__avatar__status {
    display: none;
  }
}
.gs-challenge-page .c-tab-view__winners {
  position: relative;
  overflow: hidden;
  min-height: 600px;
  background-color: #e7e7e7;
}
.gs-challenge-page .c-tab-view__winners .member-info__data__status {
  margin-top: 3px;
  font-size: 16px;
}
.gs-challenge-page .c-tab-view__winners .w-max-page-size, .gs-challenge-page .c-tab-view__winners .w-max-page-size--middle, .gs-challenge-page .c-tab-view__winners .w-max-page-size--small {
  max-width: 1110px;
}
.gs-challenge-page .c-tab-view__winners__item {
  position: relative;
  z-index: 1;
  padding: 30px 15px;
  transform: translateZ(0);
  text-align: center;
  background-color: #fff;
  font-size: 0;
}
.gs-challenge-page .c-tab-view__winners__item:first-child {
  margin-top: 0;
}
.gs-challenge-page .c-tab-view__winners__item:last-child {
  margin-bottom: 0;
  box-shadow: none;
}
.gs-challenge-page .c-tab-view__winners__item.loader {
  height: 60vh;
  background-color: transparent;
}
.gs-challenge-page .c-tab-view__winners__item__title, .gs-challenge-page .c-tab-view__winners__item__title--friends {
  display: flex;
  font-size: 40px;
  font-weight: 300;
  justify-content: center;
  align-items: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__winners__item__title.winners-list-title, .gs-challenge-page .winners-list-title.c-tab-view__winners__item__title--friends {
  padding: 20px 0;
}
.gs-challenge-page .c-tab-view__winners__item__title span, .gs-challenge-page .c-tab-view__winners__item__title--friends span {
  font-weight: 800;
}
.gs-challenge-page .c-tab-view__winners__item__title .winner-badge, .gs-challenge-page .c-tab-view__winners__item__title--friends .winner-badge {
  width: 70px;
  height: 70px;
  background-image: unset;
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__winners__item__title, .gs-challenge-page .c-tab-view__winners__item__title--friends {
    font-size: 19px;
  }
}
.gs-challenge-page .c-tab-view__winners__item__title--friends {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-tab-view__winners__item__title--friends {
    padding-top: 40px;
  }
}
.gs-challenge-page .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__honarary__item, .gs-challenge-page .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__honarary__item--friends {
  position: relative;
  display: block;
  float: left;
  width: calc(100% - 200px);
  margin-bottom: 100px;
  padding-bottom: 50%;
  background-color: #f1f1f1;
}
.gs-challenge-page .c-tab-view__winners__item__main-image.full-width, .gs-challenge-page .full-width.c-winners__honarary__item, .gs-challenge-page .full-width.c-winners__honarary__item--invite, .gs-challenge-page .full-width.c-winners__honarary__item--friends {
  width: 100%;
}
.gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .c-badge, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .c-badge, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .c-badge, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .c-badge, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover button.like, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover button.like, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover button.like, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover button.like, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .total-votes, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .total-votes, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .total-votes, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .total-votes, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .title, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .title-mobile, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .title, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .title-mobile, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .title, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .title-mobile, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .title, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .title-mobile, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .c-winners__honarary__status, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .c-winners__honarary__status, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .c-winners__honarary__status, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .c-winners__honarary__status, .gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .info, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .info, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .info, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .info {
  display: inline-block;
}
.gs-challenge-page .c-tab-view__winners__item__main-image:not(.adult-filter-enabled):hover .filter, .gs-challenge-page .c-winners__honarary__item:not(.adult-filter-enabled):hover .filter, .gs-challenge-page .c-winners__honarary__item--invite:not(.adult-filter-enabled):hover .filter, .gs-challenge-page .c-winners__honarary__item--friends:not(.adult-filter-enabled):hover .filter {
  opacity: 1;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .c-badge, .gs-challenge-page .c-winners__honarary__item .c-badge, .gs-challenge-page .c-winners__honarary__item--invite .c-badge, .gs-challenge-page .c-winners__honarary__item--friends .c-badge {
  position: absolute;
  inset: 0;
  display: none;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .c-badge app-ng-image-component, .gs-challenge-page .c-winners__honarary__item .c-badge app-ng-image-component, .gs-challenge-page .c-winners__honarary__item--invite .c-badge app-ng-image-component, .gs-challenge-page .c-winners__honarary__item--friends .c-badge app-ng-image-component {
  background-image: unset !important;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .c-badge app-ng-image-component img, .gs-challenge-page .c-winners__honarary__item .c-badge app-ng-image-component img, .gs-challenge-page .c-winners__honarary__item--invite .c-badge app-ng-image-component img, .gs-challenge-page .c-winners__honarary__item--friends .c-badge app-ng-image-component img {
  width: 28vh !important;
  height: auto !important;
  inset: 50% !important;
  transform: translate(-50%, -70%);
  filter: invert(125%) sepia(0%) saturate(0%) hue-rotate(158deg) brightness(125%) contrast(125%);
}
.gs-challenge-page .c-tab-view__winners__item__main-image button.like, .gs-challenge-page .c-winners__honarary__item button.like, .gs-challenge-page .c-winners__honarary__item--invite button.like, .gs-challenge-page .c-winners__honarary__item--friends button.like {
  top: 20px;
  right: 20px;
  display: none;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .total-votes, .gs-challenge-page .c-winners__honarary__item .total-votes, .gs-challenge-page .c-winners__honarary__item--invite .total-votes, .gs-challenge-page .c-winners__honarary__item--friends .total-votes {
  position: absolute;
  top: calc(17% + 255px);
  right: 0;
  left: 0;
  display: none;
  margin: 0 auto;
  color: #fff;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .total-votes span, .gs-challenge-page .c-winners__honarary__item .total-votes span, .gs-challenge-page .c-winners__honarary__item--invite .total-votes span, .gs-challenge-page .c-winners__honarary__item--friends .total-votes span {
  display: block;
  font-size: 18px;
  font-weight: 300;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .title, .gs-challenge-page .c-tab-view__winners__item__main-image .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-tab-view__winners__item__main-image .title-mobile, .gs-challenge-page .c-winners__honarary__item .title, .gs-challenge-page .c-winners__honarary__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item .title-mobile, .gs-challenge-page .c-winners__honarary__item--invite .title, .gs-challenge-page .c-winners__honarary__item--invite .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--invite .title-mobile, .gs-challenge-page .c-winners__honarary__item--friends .title, .gs-challenge-page .c-winners__honarary__item--friends .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--friends .title-mobile {
  position: absolute;
  top: 20px;
  left: 20px;
  display: none;
  font-size: 25px;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .info, .gs-challenge-page .c-winners__honarary__item .info, .gs-challenge-page .c-winners__honarary__item--invite .info, .gs-challenge-page .c-winners__honarary__item--friends .info {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: none;
  line-height: 1.2;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .info i, .gs-challenge-page .c-winners__honarary__item .info i, .gs-challenge-page .c-winners__honarary__item--invite .info i, .gs-challenge-page .c-winners__honarary__item--friends .info i {
  display: inline-block;
  margin-right: 30px;
  padding: 7px;
  vertical-align: top;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3);
  font-size: 29px;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .info i:before, .gs-challenge-page .c-winners__honarary__item .info i:before, .gs-challenge-page .c-winners__honarary__item--invite .info i:before, .gs-challenge-page .c-winners__honarary__item--friends .info i:before {
  position: relative;
  top: -1px;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .info .votes, .gs-challenge-page .c-winners__honarary__item .info .votes, .gs-challenge-page .c-winners__honarary__item--invite .info .votes, .gs-challenge-page .c-winners__honarary__item--friends .info .votes {
  display: inline-block;
  margin-top: -1px;
  vertical-align: top;
  color: #fff;
  font-size: 26px;
  font-weight: 600;
  line-height: 1;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .info .votes span, .gs-challenge-page .c-winners__honarary__item .info .votes span, .gs-challenge-page .c-winners__honarary__item--invite .info .votes span, .gs-challenge-page .c-winners__honarary__item--friends .info .votes span {
  display: block;
  font-size: 18px;
  font-weight: 300;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info, .gs-challenge-page .c-winners__honarary__item .member-info, .gs-challenge-page .c-winners__honarary__item--invite .member-info, .gs-challenge-page .c-winners__honarary__item--friends .member-info {
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  padding: 15px 0 0 194px;
  transform: translateY(100%);
  text-align: left;
  color: #000;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info.minus-right, .gs-challenge-page .c-winners__honarary__item .member-info.minus-right, .gs-challenge-page .c-winners__honarary__item--invite .member-info.minus-right, .gs-challenge-page .c-winners__honarary__item--friends .member-info.minus-right {
  right: -195px;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info a, .gs-challenge-page .c-winners__honarary__item .member-info a, .gs-challenge-page .c-winners__honarary__item--invite .member-info a, .gs-challenge-page .c-winners__honarary__item--friends .member-info a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .avatar, .gs-challenge-page .c-winners__honarary__item .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--invite .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--friends .member-info .avatar {
  position: absolute;
  top: -40px;
  left: 40px;
  width: 140px;
  height: 140px;
  transform: translateZ(0);
  border: 6px solid #fff;
  border-radius: 50%;
  background-color: #d1d1d1;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .avatar .gs-avatar__badge, .gs-challenge-page .c-winners__honarary__item .member-info .avatar .gs-avatar__badge, .gs-challenge-page .c-winners__honarary__item--invite .member-info .avatar .gs-avatar__badge, .gs-challenge-page .c-winners__honarary__item--friends .member-info .avatar .gs-avatar__badge {
  width: 38px;
  height: 38px;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .follow, .gs-challenge-page .c-winners__honarary__item .member-info .follow, .gs-challenge-page .c-winners__honarary__item--invite .member-info .follow, .gs-challenge-page .c-winners__honarary__item--friends .member-info .follow {
  position: relative;
  z-index: 1;
  margin-top: 5px;
  vertical-align: top;
  font-size: 12px;
  line-height: 1.2;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .member-info__data, .gs-challenge-page .c-winners__honarary__item .member-info .member-info__data, .gs-challenge-page .c-winners__honarary__item--invite .member-info .member-info__data, .gs-challenge-page .c-winners__honarary__item--friends .member-info .member-info__data {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  color: #555;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .member-info__data member-name, .gs-challenge-page .c-winners__honarary__item .member-info .member-info__data member-name, .gs-challenge-page .c-winners__honarary__item--invite .member-info .member-info__data member-name, .gs-challenge-page .c-winners__honarary__item--friends .member-info .member-info__data member-name {
  white-space: nowrap;
  max-width: 15vw;
}
.gs-challenge-page .c-tab-view__winners__item__main-image .member-info .member-info__data span, .gs-challenge-page .c-winners__honarary__item .member-info .member-info__data span, .gs-challenge-page .c-winners__honarary__item--invite .member-info .member-info__data span, .gs-challenge-page .c-winners__honarary__item--friends .member-info .member-info__data span {
  display: block;
  color: #666;
  font-size: 18px;
  font-weight: 400;
}
.gs-challenge-page .c-winners__top-photographer {
  position: relative;
  overflow: hidden;
  height: auto;
  color: #fff;
  padding: 30px;
  border-bottom: 1px solid #DEE5EC;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-winners__top-photographer:last-of-type {
  padding-bottom: 0;
  border: none;
}
.gs-challenge-page .c-winners__top-photographer .gallery-image {
  position: relative;
  display: inline-block;
  width: 180px;
  margin: 0 0 1% 10px;
  padding-bottom: 11.8%;
  cursor: pointer;
  background-color: #f1f1f1;
}
.gs-challenge-page .c-winners__top-photographer .gallery-image.images-count-8 {
  width: 125px;
  padding-bottom: 5.44%;
}
.gs-challenge-page .c-winners__top-photographer button.like {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends {
    display: inline-block;
    float: none;
    width: 100%;
    margin: 60px 0 0 0;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .title, .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .title-mobile, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .title, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .title-mobile, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .title, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .title-mobile, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .title, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .title-mobile {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .filter, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .filter, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .filter, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .filter {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .c-badge, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .c-badge, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .c-badge, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .c-badge {
    display: inline-block;
    font-size: 90px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .total-votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .total-votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .total-votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .total-votes {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image button.like, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item button.like, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite button.like, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends button.like {
    top: 4px;
    right: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .info {
    right: 4px;
    bottom: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .info i, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .info i, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .info i, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .info i {
    margin-right: 7px;
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .info .votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .info .votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .info .votes, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .info .votes {
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .info .votes span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .info .votes span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .info .votes span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .info .votes span {
    font-size: 11px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .member-info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .member-info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .member-info, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .member-info {
    top: 0;
    bottom: initial;
    padding: 0;
    transform: translateY(-100%);
    vertical-align: middle;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .member-info .avatar, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .member-info .avatar, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .member-info .avatar, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .member-info .avatar {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    width: 60px;
    height: 60px;
    transform: none;
    vertical-align: middle;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .member-info__data, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .member-info__data, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .member-info__data, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .member-info__data {
    overflow: hidden;
    max-width: 135px;
    margin: 0 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .member-info__data span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .member-info__data span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .member-info__data span, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .member-info__data span {
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__top-photographer .c-tab-view__winners__item__main-image .btn.follow, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item .btn.follow, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--invite .btn.follow, .gs-challenge-page .c-winners__top-photographer .c-winners__honarary__item--friends .btn.follow {
    vertical-align: middle;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image {
    position: relative;
    width: 25%;
    margin: 5px 0 0 0;
    padding-bottom: 25%;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border: 2px solid #fff;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image:first-child:before {
    border-left: none;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image:last-child {
    margin: 5px 0 0 0;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image:last-child:before {
    border-right: none;
  }
  .gs-challenge-page .c-winners__top-photographer .gallery-image.images-count-8 {
    width: 25%;
    padding-bottom: 25%;
  }
}
.gs-challenge-page .c-winners__top-photographer--deactivated {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  color: #999;
  background-color: #ccc;
  font-size: 14px;
}
.gs-challenge-page .c-winners__top-photo {
  position: relative;
  overflow: hidden;
  height: auto;
  color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-winners__top-photo .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item--friends {
  float: none;
  width: 100%;
}
.gs-challenge-page .c-winners__top-photo button.like {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__top-photo .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__top-photo .c-winners__honarary__item--friends {
    margin-bottom: 70px;
  }
  .gs-challenge-page .c-winners__top-photo .title, .gs-challenge-page .c-winners__top-photo .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__top-photo .title-mobile {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photo .filter {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photo .c-badge {
    display: inline-block;
    font-size: 90px;
  }
  .gs-challenge-page .c-winners__top-photo .total-votes {
    display: none;
  }
  .gs-challenge-page .c-winners__top-photo button.like {
    top: 4px;
    right: 4px;
    display: inline-block;
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__top-photo .info {
    right: 4px;
    bottom: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__top-photo .info i {
    margin-right: 7px;
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__top-photo .info .votes {
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__top-photo .info .votes span {
    font-size: 11px;
  }
  .gs-challenge-page .c-winners__top-photo .member-info {
    padding: 15px 0 0 89px;
  }
  .gs-challenge-page .c-winners__top-photo .member-info .avatar {
    left: 10px;
    width: 80px;
    height: 80px;
  }
  .gs-challenge-page .c-winners__top-photo .member-info__data {
    overflow: hidden;
    max-width: 130px;
    margin: 0 5px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__top-photo .member-info__data span {
    font-size: 12px;
  }
}
.gs-challenge-page .c-winners__gurus-top-pick {
  position: relative;
  overflow: hidden;
  height: auto;
  color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-winners__gurus-top-pick .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item--friends {
  float: none;
  width: 100%;
}
.gs-challenge-page .c-winners__gurus-top-pick button.like {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__gurus-top-pick .c-tab-view__winners__item__main-image, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__gurus-top-pick .c-winners__honarary__item--friends {
    margin-bottom: 60px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .title, .gs-challenge-page .c-winners__gurus-top-pick .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__gurus-top-pick .title-mobile {
    display: none;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .filter {
    display: none;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .c-badge {
    display: inline-block;
    font-size: 90px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .total-votes {
    display: none;
  }
  .gs-challenge-page .c-winners__gurus-top-pick button.like {
    top: 4px;
    right: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .info {
    right: 4px;
    bottom: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .info i {
    margin-right: 7px;
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .info .votes {
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .info .votes span {
    font-size: 11px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .member-info {
    padding: 15px 0 0 89px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .member-info .avatar {
    left: 10px;
    width: 80px;
    height: 80px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .member-info__data {
    margin: 0 5px 0 0;
    font-size: 14px;
  }
  .gs-challenge-page .c-winners__gurus-top-pick .member-info__data span {
    font-size: 12px;
  }
}
.gs-challenge-page .c-winners__honarary {
  width: 100%;
  text-align: center;
  color: #fff;
}
.gs-challenge-page .c-winners__honarary .avatar, .gs-challenge-page .c-winners__honarary .member-info {
  cursor: pointer;
}
.gs-challenge-page .c-winners__honarary__item, .gs-challenge-page .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__honarary__item--friends {
  position: relative;
  display: inline-block;
  float: none;
  width: 32.3%;
  margin-right: 1%;
  padding-bottom: 32.3%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-winners__honarary__item .title, .gs-challenge-page .c-winners__honarary__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item .title-mobile, .gs-challenge-page .c-winners__honarary__item--invite .title, .gs-challenge-page .c-winners__honarary__item--invite .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--invite .title-mobile, .gs-challenge-page .c-winners__honarary__item--friends .title, .gs-challenge-page .c-winners__honarary__item--friends .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--friends .title-mobile {
  top: 40px;
  max-width: 310px;
  font-size: 16px;
}
.gs-challenge-page .c-winners__honarary__item .c-rank-pos, .gs-challenge-page .c-winners__honarary__item--invite .c-rank-pos, .gs-challenge-page .c-winners__honarary__item--friends .c-rank-pos {
  position: absolute;
  z-index: 11;
  top: -32px;
  left: 50%;
  display: inline-block;
  width: 65px;
  height: 65px;
  margin: 0 auto;
  transform: translateX(-50%);
  color: #000;
  border-radius: 50%;
  background-color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 65px;
}
.gs-challenge-page .c-winners__honarary__item .member-info, .gs-challenge-page .c-winners__honarary__item--invite .member-info, .gs-challenge-page .c-winners__honarary__item--friends .member-info {
  padding: 15px 0 0 90px;
}
.gs-challenge-page .c-winners__honarary__item .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--invite .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--friends .member-info .avatar {
  left: 5px;
  width: 100px;
  height: 100px;
}
.gs-challenge-page .c-winners__honarary__item .member-info .avatar .gs-avatar__badge, .gs-challenge-page .c-winners__honarary__item--invite .member-info .avatar .gs-avatar__badge, .gs-challenge-page .c-winners__honarary__item--friends .member-info .avatar .gs-avatar__badge {
  width: 32px;
  height: 32px;
}
.gs-challenge-page .c-winners__honarary__item .member-info__data, .gs-challenge-page .c-winners__honarary__item--invite .member-info__data, .gs-challenge-page .c-winners__honarary__item--friends .member-info__data {
  margin: 0 10px 0 15px;
  font-size: 14px;
}
.gs-challenge-page .c-winners__honarary__item .member-info__data span, .gs-challenge-page .c-winners__honarary__item--invite .member-info__data span, .gs-challenge-page .c-winners__honarary__item--friends .member-info__data span {
  font-size: 14px;
}
.gs-challenge-page .c-winners__honarary__item button.like, .gs-challenge-page .c-winners__honarary__item--invite button.like, .gs-challenge-page .c-winners__honarary__item--friends button.like {
  font-size: 12px;
}
@media screen and (max-width: 1085px) {
  .gs-challenge-page .c-winners__honarary__item, .gs-challenge-page .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__honarary__item--friends {
    width: 45%;
  }
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__honarary__item, .gs-challenge-page .c-winners__honarary__item--invite, .gs-challenge-page .c-winners__honarary__item--friends {
    width: 100%;
    margin-top: 0;
    margin-bottom: 100px;
    padding-bottom: 100%;
  }
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__honarary__item .title, .gs-challenge-page .c-winners__honarary__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item .title-mobile, .gs-challenge-page .c-winners__honarary__item--invite .title, .gs-challenge-page .c-winners__honarary__item--invite .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--invite .title-mobile, .gs-challenge-page .c-winners__honarary__item--friends .title, .gs-challenge-page .c-winners__honarary__item--friends .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-winners__honarary__item--friends .title-mobile {
    display: none;
  }
  .gs-challenge-page .c-winners__honarary__item .filter, .gs-challenge-page .c-winners__honarary__item--invite .filter, .gs-challenge-page .c-winners__honarary__item--friends .filter {
    display: none;
  }
  .gs-challenge-page .c-winners__honarary__item .c-badge, .gs-challenge-page .c-winners__honarary__item--invite .c-badge, .gs-challenge-page .c-winners__honarary__item--friends .c-badge {
    display: inline-block;
    font-size: 90px;
  }
  .gs-challenge-page .c-winners__honarary__item .total-votes, .gs-challenge-page .c-winners__honarary__item--invite .total-votes, .gs-challenge-page .c-winners__honarary__item--friends .total-votes {
    display: none;
  }
  .gs-challenge-page .c-winners__honarary__item button.like, .gs-challenge-page .c-winners__honarary__item--invite button.like, .gs-challenge-page .c-winners__honarary__item--friends button.like {
    top: 4px;
    right: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__honarary__item .info, .gs-challenge-page .c-winners__honarary__item--invite .info, .gs-challenge-page .c-winners__honarary__item--friends .info {
    right: 4px;
    bottom: 4px;
    display: inline-block;
  }
  .gs-challenge-page .c-winners__honarary__item .info i, .gs-challenge-page .c-winners__honarary__item--invite .info i, .gs-challenge-page .c-winners__honarary__item--friends .info i {
    margin-right: 7px;
    font-size: 12px;
  }
  .gs-challenge-page .c-winners__honarary__item .info .votes, .gs-challenge-page .c-winners__honarary__item--invite .info .votes, .gs-challenge-page .c-winners__honarary__item--friends .info .votes {
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__honarary__item .info .votes span, .gs-challenge-page .c-winners__honarary__item--invite .info .votes span, .gs-challenge-page .c-winners__honarary__item--friends .info .votes span {
    font-size: 11px;
  }
  .gs-challenge-page .c-winners__honarary__item .member-info, .gs-challenge-page .c-winners__honarary__item--invite .member-info, .gs-challenge-page .c-winners__honarary__item--friends .member-info {
    padding: 15px 0 0 89px;
  }
  .gs-challenge-page .c-winners__honarary__item .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--invite .member-info .avatar, .gs-challenge-page .c-winners__honarary__item--friends .member-info .avatar {
    left: 10px;
    width: 80px;
    height: 80px;
  }
  .gs-challenge-page .c-winners__honarary__item .member-info__data, .gs-challenge-page .c-winners__honarary__item--invite .member-info__data, .gs-challenge-page .c-winners__honarary__item--friends .member-info__data {
    overflow: hidden;
    max-width: 130px;
    margin: 0 5px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
  }
  .gs-challenge-page .c-winners__honarary__item .member-info__data span, .gs-challenge-page .c-winners__honarary__item--invite .member-info__data span, .gs-challenge-page .c-winners__honarary__item--friends .member-info__data span {
    font-size: 12px;
  }
}
.gs-challenge-page .c-winners__honarary__item--deactivated {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  color: #999;
  background-color: #ccc;
  font-size: 14px;
}
.gs-challenge-page .c-winners__honarary__item--friends:first-child {
  width: 100%;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 49%;
}
.gs-challenge-page .c-winners__honarary__item--invite {
  vertical-align: top;
}
.gs-challenge-page .c-winners__honarary__item--invite__block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-winners__honarary__item--invite__block img {
  display: block;
  width: 233px;
  margin: 50px auto 15px;
}
.gs-challenge-page .c-winners__honarary__item--invite__block .c-btn-facebook-invite {
  width: 170px;
  margin: 0 auto;
  white-space: nowrap;
}
@media screen and (max-width: 1000px) {
  .gs-challenge-page .c-winners__honarary__item--invite__block img {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-winners__honarary__item--invite__block {
    padding-top: 20%;
  }
}
.gs-challenge-page .c-winners__honarary__status {
  position: absolute;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
}
.gs-challenge-page .c-winners__honarary__status .badge {
  min-width: 140px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.3;
}
.gs-challenge-page .c-winners__honarary__status__text {
  margin-top: 10px;
  font-size: 18px;
}
.gs-challenge-page .c-winners__honarary__status__text span {
  font-weight: 600;
}
.gs-challenge-page .c-tab-view__winners__link-facebook {
  position: relative;
  height: 290px;
}
.gs-challenge-page .c-tab-view__prizes {
  position: relative;
  overflow: auto;
  min-height: 600px;
  background-color: #e7e7e7;
}
.gs-challenge-page .c-tab-view__prizes__item {
  min-height: 600px;
  margin: 0 0 15px;
  padding: 30px 15px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.2);
  font-size: 0;
}
.gs-challenge-page .c-tab-view__prizes__item:first-child {
  padding: 40px 15px 30px;
}
.gs-challenge-page .c-tab-view__prizes__item:last-child {
  margin: 0;
  box-shadow: none;
}
.gs-challenge-page .c-tab-view__prizes__item__title {
  display: block;
  margin-bottom: 30px;
  text-align: center;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__prizes__item__title span {
  font-weight: 800;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__prizes__item__title {
    margin-bottom: 0;
    font-size: 23px;
  }
  .gs-challenge-page .c-tab-view__prizes__item__title span {
    display: block;
  }
}
.gs-challenge-page .c-tab-view__prizes__item__image {
  position: relative;
  display: inline-block;
  overflow: auto;
  width: calc(100% - 400px);
  vertical-align: top;
  font-size: 35px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__prizes__item__image img {
  display: inline-block;
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.gs-challenge-page .c-tab-view__prizes__item__image a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__prizes__item__image {
    display: block;
    width: 100%;
    margin: 5px 0 0;
    padding: 0 10px;
  }
  .gs-challenge-page .c-tab-view__prizes__item__image img {
    width: 100%;
  }
}
.gs-challenge-page .c-tab-view__prizes__item__text {
  display: inline-block;
  width: 400px;
  text-align: left;
  vertical-align: top;
  font-size: 35px;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge-page .c-tab-view__prizes__item__text__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 200px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  font-size: 150px;
}
.gs-challenge-page .c-tab-view__prizes__item__text__icon > img {
  height: 150px;
}
.gs-challenge-page .c-tab-view__prizes__item__text__icon:before {
  vertical-align: top;
}
.gs-challenge-page .c-tab-view__prizes__item__text .title, .gs-challenge-page .c-tab-view__prizes__item__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-tab-view__prizes__item__text .title-mobile {
  margin: 30px 0 15px;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.1;
}
.gs-challenge-page .c-tab-view__prizes__item__text .description {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.gs-challenge-page .c-tab-view__prizes__item__text .by a {
  margin-top: 15px;
  text-decoration: none;
  color: #aaa;
  font-size: 20px;
  font-weight: 300;
  font-style: italic;
}
.gs-challenge-page .c-tab-view__prizes__item__text .by a span {
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__prizes__item__text {
    width: 100%;
  }
  .gs-challenge-page .c-tab-view__prizes__item__text__icon {
    display: none;
  }
  .gs-challenge-page .c-tab-view__prizes__item__text .title, .gs-challenge-page .c-tab-view__prizes__item__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge-page .c-tab-view__prizes__item__text .title-mobile {
    font-size: 24px;
  }
  .gs-challenge-page .c-tab-view__prizes__item__text .description {
    text-align: left;
    font-size: 16px;
  }
  .gs-challenge-page .c-tab-view__prizes__item__text .by {
    text-align: right;
    font-size: 17px;
  }
}
.gs-challenge-page .c-tab-view__rules {
  padding: 40px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page .c-tab-view__rules {
    display: table;
    margin-top: 15px;
    padding: 0;
    border-collapse: collapse;
  }
}
.gs-challenge-page div.c-tab-view__rules__item {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-challenge-page div.c-tab-view__rules__item {
    display: table-row;
    max-width: none;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #ccc;
    line-height: 1;
  }
  .gs-challenge-page div.c-tab-view__rules__item:last-child {
    border-bottom: 1px solid #ccc;
  }
  .gs-challenge-page div.c-tab-view__rules__item .left {
    display: table-cell;
    width: 1%;
    padding: 10px;
    vertical-align: top;
    background-color: #f1f1f1;
    font-size: 45px;
  }
  .gs-challenge-page div.c-tab-view__rules__item .text {
    display: table-cell;
    width: 100%;
    padding: 10px;
    vertical-align: top;
  }
  .gs-challenge-page div.c-tab-view__rules__item .text h2 {
    font-size: 16px;
  }
  .gs-challenge-page div.c-tab-view__rules__item .text p {
    font-size: 14px;
  }
}
.gs-challenge-page .c-tab-view__rules__item {
  max-width: 730px;
  margin: 0 auto;
  padding: 20px 0;
  border-bottom: 1px solid #b7b7b7;
  font-size: 0;
  line-height: 1;
}
.gs-challenge-page .c-tab-view__rules__item:last-child {
  border-bottom: none;
}
.gs-challenge-page .c-tab-view__rules__item .left {
  display: inline-block;
  width: 130px;
  vertical-align: top;
  font-size: 55px;
}
.gs-challenge-page .c-tab-view__rules__item .text {
  display: inline-block;
  width: calc(100% - 130px);
  text-align: left;
  vertical-align: top;
  line-height: 1.3;
}
.gs-challenge-page .c-tab-view__rules__item .text h2 {
  margin-bottom: 10px;
  text-transform: capitalize;
  font-size: 22px;
}
.gs-challenge-page .c-tab-view__rules__item .text p {
  padding: 0 30px 0 0;
  font-size: 18px;
  font-weight: 300;
}
.gs-challenge-page .c-ranking-no-items-placeholder {
  display: inline-block;
  margin: 0 auto;
}

.c-challenge-cover__id {
  position: absolute;
  z-index: 1;
  top: 73px;
  right: 30px;
  padding: 4px 8px;
  -webkit-user-select: all;
          user-select: all;
  color: #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 16px;
  font-weight: 600;
}
.c-challenge-cover__id span {
  display: inline-block;
  vertical-align: middle;
}
.c-challenge-cover__id .gs-btn--blue--s--, .c-challenge-cover__id fixed-footer .fix-footer__btn--s--, fixed-footer .c-challenge-cover__id .fix-footer__btn--s--, .c-challenge-cover__id .gs-btn--white, .c-challenge-cover__id .gs-btn--red, .c-challenge-cover__id .gs-btn--grey, .c-challenge-cover__id .gs-btn--instagram {
  min-width: 0;
  margin-left: 4px;
  padding: 4px 6px;
  vertical-align: middle;
  border-radius: 3px;
}

banner-offer {
  position: fixed;
  z-index: 2;
  right: 0;
  bottom: 140px;
  height: auto;
  transition: 0.5s ease-in-out;
  transform: translateX(100%) translateZ(0);
  text-align: center;
  border-radius: 11px;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}
banner-offer.active {
  transform: translateZ(0);
}
banner-offer.active .close {
  display: block;
}
banner-offer > img {
  display: block;
  width: 195px;
  height: 157px;
  cursor: pointer;
}
banner-offer .close {
  position: absolute;
  z-index: 1;
  top: -13px;
  left: -13px;
  display: none;
  width: 26px;
  height: 26px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 13px;
  font-weight: 600;
  line-height: 26px;
}
banner-offer .close:hover {
  opacity: 0.9;
}
banner-offer .timer {
  display: block;
  margin-top: -19px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
banner-offer .timer span {
  font-weight: 400;
}

black-friday-widget {
  position: fixed;
  right: 0;
  bottom: 20px;
  z-index: 2;
  height: auto;
  font-size: 0;
  border-radius: 11px;
  background-color: transparent;
  text-align: center;
  line-height: 1;
  transition: 0.5s ease-in-out;
  transform: translateX(100%) translateZ(0);
}
black-friday-widget.active {
  transform: translateZ(0);
}
black-friday-widget.active .close {
  display: block;
}
black-friday-widget > img {
  cursor: pointer;
  width: 195px;
  height: 157px;
  display: block;
}
black-friday-widget .close {
  position: absolute;
  top: -13px;
  left: -13px;
  border-radius: 50%;
  z-index: 1;
  display: none;
  width: 26px;
  height: 26px;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
  line-height: 26px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
black-friday-widget .close:hover {
  opacity: 0.9;
}
black-friday-widget .timer {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-top: -19px;
}
black-friday-widget .timer span {
  font-weight: 400;
}

challenges-closed {
  display: block;
  text-align: center;
  max-width: 1600px;
  margin: 0 auto;
}

challenges-exhibition-banner {
  position: relative;
  display: flex;
  width: 100%;
  max-width: 1600px;
  min-height: 160px;
  margin: 0 auto 80px;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: flex-start;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
challenges-exhibition-banner:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
@media screen and (max-width: 1160px) {
  challenges-exhibition-banner {
    position: relative;
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 35px;
    padding-top: 1px;
    cursor: pointer;
    vertical-align: top;
    border-color: #d1d1d1;
    background-color: #fff;
    background-image: url("../jpg/exhibition-challenge-banner-mobile.jpg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    min-height: 0;
  }
  challenges-exhibition-banner:hover {
    box-shadow: none;
  }
  challenges-exhibition-banner:before {
    content: "";
    display: block;
    width: 100%;
    padding-bottom: 50.8%;
  }
}

.challenges-exhibition-banner__btn {
  display: inline-block;
  min-width: 90px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.challenges-exhibition-banner__btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.challenges-exhibition-banner__btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.challenges-exhibition-banner__btn span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}

.challenges-exhibition-banner__title {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 147px;
  max-width: 158px;
  height: 158px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges-exhibition-banner__title:after {
  position: absolute;
  content: "";
  display: inline-block;
  height: 100%;
  width: 0;
  border-right: 8px solid #222;
  left: 100%;
  top: 0;
  z-index: 1;
}
@media screen and (max-width: 1160px) {
  .challenges-exhibition-banner__title {
    display: none;
  }
  .challenges-exhibition-banner__title:after {
    display: none;
  }
}

.challenges-exhibition-banner__title__label {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 8px;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}

.challenges-exhibition-banner__title__days_left {
  position: absolute;
  bottom: 3px;
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 15px;
  line-height: 1;
  z-index: 1;
}

.challenges-exhibition-banner__achievement {
  display: inline-block;
  width: auto;
  min-width: 138px;
  height: 158px;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}

.challenges-exhibition-banner__image {
  position: relative;
  cursor: pointer;
  background-color: #0070b8;
  background-image: url("../gif/exhibition-challenge-banner.gif");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: cover;
  flex: 2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges-exhibition-banner__image img {
  position: absolute;
  top: 50%;
  left: 50px;
  width: 120px;
  transform: translate3D(0, -50%, 0);
}
@media screen and (max-width: 1450px) {
  .challenges-exhibition-banner__image {
    background-image: url("../gif/exhibition-challenge-banner_b.gif");
  }
}
@media screen and (max-width: 1160px) {
  .challenges-exhibition-banner__image {
    display: none;
  }
}

.challenges-exhibition-banner__click-zone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

challenges-item {
  margin: 35px auto 0;
}

.m-battle.c-challenges-item__exposure:after, .c-challenges-item__exposure:after, .c-challenges-item__votes:after, .c-challenges-item__gs-points:after, .c-challenges-item__achievement:after, .c-challenges-item__finalizing-result:after {
  content: "";
  width: 0;
  height: calc(158px - 16px);
  border-left: 1px solid #e2e2e2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.m-battle.c-challenges-item__exposure, .c-challenges-item__exposure, .c-challenges-item__votes, .c-challenges-item__gs-points, .c-challenges-item__achievement, .c-challenges-item__finalizing-result {
  position: relative;
  flex: 1;
}
.m-battle.c-challenges-item__exposure:after, .c-challenges-item__exposure:after, .c-challenges-item__votes:after, .c-challenges-item__gs-points:after, .c-challenges-item__achievement:after, .c-challenges-item__finalizing-result:after {
  right: 0;
}

challenges-item,
.c-challenges-item {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1600px;
  height: 158px;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
challenges-item:hover,
.c-challenges-item:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
@media screen and (max-width: 1000px) {
  challenges-item,
  .c-challenges-item {
    display: none;
  }
}

.c-challenges-item {
  /* Global for module */
  /* vertical line */
}
.c-challenges-item challenge-action-button, .c-challenges-item app-active-challenge-action-button-component {
  z-index: 1;
}
.c-challenges-item__1-photo-challenge .c-challenges-item__photos {
  flex-direction: row;
  gap: 25px;
}
.c-challenges-item__1-photo-challenge .c-challenges-item__photos .challenge-images__photo {
  width: 120px;
  height: 120px;
}
.c-challenges-item__1-photo-challenge .c-challenges-item__photos .challenge-images__photo__votes {
  left: 50%;
  transform: translateX(-50%);
}
.c-challenges-item__1-photo-challenge .c-challenges-item__photos__footer {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-top: unset;
  height: 100%;
}
.c-challenges-item__finalizing {
  /* if challenge state is closing*/
}
.c-challenges-item__finalizing .c-challenges-item__finalizing-result {
  flex: 1;
  display: flex;
}
.c-challenges-item__finalizing .c-challenges-item__middle__wrapper {
  display: none;
}
.c-challenges-item__finalizing .c-challenges-item__achievement {
  width: 198px;
}
.c-challenges-item__finalizing .c-challenges-item__photos {
  margin-top: 0 !important;
}
.c-challenges-item__finalizing .c-challenges-item__photos__footer {
  display: none;
}
.c-challenges-item__finalizing .c-challenges-item__title__timer,
.c-challenges-item__finalizing .c-challenges-item__title__days {
  display: none;
}
.c-challenges-item__finalizing-result {
  display: none;
  align-items: center;
  justify-content: center;
}
.c-challenges-item__card {
  position: absolute;
  z-index: 10;
  top: 10px;
  left: 168px;
  width: 52%;
  height: calc(100% - 20px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1490px) {
  .c-challenges-item__card {
    width: 50%;
  }
}
@media screen and (max-width: 1400px) {
  .c-challenges-item__card {
    width: 48%;
  }
}
@media screen and (max-width: 1270px) {
  .c-challenges-item__card {
    width: 46%;
  }
}
@media screen and (max-width: 1230px) {
  .c-challenges-item__card {
    left: 158px;
  }
}
@media screen and (max-width: 1000px) {
  .c-challenges-item__card {
    top: 5px;
    left: 5px;
    width: 100%;
    max-width: calc(100% - 10px);
    height: auto;
    min-height: 150px;
    max-height: calc(100% - 10px);
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-challenges-item__card {
    max-width: 285px;
    min-height: 300px;
    padding: 0;
  }
}
.c-challenges-item__btn--s--, .c-challenges-item__btn--share {
  display: inline-block;
  min-width: 90px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.c-challenges-item__btn--s--:hover, .c-challenges-item__btn--share:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.c-challenges-item__btn--s-- i, .c-challenges-item__btn--share i {
  margin-right: 5px;
  vertical-align: middle;
}
.c-challenges-item__btn--s-- span, .c-challenges-item__btn--share span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}
.c-challenges-item__btn--share {
  min-width: 0;
  padding: 3px 5px;
  vertical-align: bottom;
  color: #969696;
  border: solid 1px #d4dedf;
  background-color: #fff;
  font-size: 10px;
}
.c-challenges-item__btn--share:hover {
  color: #fff;
  background-color: #3397d2;
}
.c-challenges-item__v-line {
  display: inline-block;
  align-self: center;
  width: 0;
  height: 138px;
  vertical-align: middle;
  border-left: 1px solid #e2e2e2;
  line-height: 1;
}
.c-challenges-item__title {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 147px;
  max-width: 158px;
  height: 158px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  text-align: center;
  vertical-align: middle;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 14px;
  z-index: 1;
}
.c-challenges-item__title__label {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 8px;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}
.c-challenges-item__title__days_left {
  position: absolute;
  bottom: 3px;
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 15px;
  line-height: 1;
  z-index: 1;
}
.c-challenges-item__title__premium-badge, .c-challenges-item__title__book-badge, .c-challenges-item__title__expo-badge {
  position: absolute;
  top: 0;
  right: -32px;
  left: auto;
  width: 100px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
  color: #f0f0f0;
  background-color: #000;
  line-height: 35px;
}
.c-challenges-item__title__premium-badge:after, .c-challenges-item__title__book-badge:after, .c-challenges-item__title__expo-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.c-challenges-item__title__premium-badge i, .c-challenges-item__title__book-badge i, .c-challenges-item__title__expo-badge i {
  vertical-align: middle;
  font-size: 14px;
}
.c-challenges-item__title__expo-badge {
  background-color: #005c83;
}
.c-challenges-item__title__book-badge {
  background-color: #cc6238;
}
.c-challenges-item__title.m-battle {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: unset;
}
@media screen and (min-width: 768px) {
  .c-challenges-item__title {
    z-index: 1;
    min-width: 147px;
    max-width: 158px;
    height: 158px;
  }
  .c-challenges-item__title.m-battle {
    min-width: unset;
    max-width: unset;
    height: 186px;
    width: 100%;
    left: 0;
  }
}
@media screen and (min-width: 1440px) {
  .c-challenges-item__title.m-battle {
    border-top-right-radius: unset;
    border-bottom-left-radius: 20px;
  }
}
.c-challenges-item__achievement {
  display: inline-block;
  width: auto;
  min-width: 138px;
  max-width: 200px;
  height: 158px;
  padding: 10px 10px;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}
.c-challenges-item__achievement__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}
.c-challenges-item__achievement__body {
  height: 94px;
  text-align: center;
  line-height: 94px;
}
.c-challenges-item__achievement__body .rank-badge {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 73px;
  line-height: 1;
}
.c-challenges-item__achievement__body .rank-badge.c-level-0 {
  color: #b3b3b3;
}
.c-challenges-item__achievement__body .rank-badge.c-level-1 {
  color: #2c7fa6;
}
.c-challenges-item__achievement__body .rank-badge.c-level-2 {
  color: #0a655c;
}
.c-challenges-item__achievement__body .rank-badge.c-level-3 {
  color: #853445;
}
.c-challenges-item__achievement__body .rank-badge.c-level-4 {
  color: #234f64;
}
.c-challenges-item__achievement__body .rank-badge.c-level-5 {
  color: #1c1c1c;
}
.c-challenges-item__achievement__body .rank-badge__label {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 100%;
  max-width: 74px;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
.c-challenges-item__achievement__body .rank-badge__label.c-level-0 span {
  display: none;
}
.c-challenges-item__achievement__body .rank-badge__label span {
  display: block;
  font-size: 11px;
  font-weight: 400;
}
.c-challenges-item__gs-points {
  min-width: 133px;
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
}
.c-challenges-item__gs-points__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}
.c-challenges-item__gs-points__body {
  height: 94px;
  text-align: center;
  line-height: 94px;
}
.c-challenges-item__gs-points__points-round {
  position: relative;
  display: inline-block;
  width: 73px;
  height: 73px;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
}
.c-challenges-item__gs-points__points-round__internal {
  width: 100%;
  height: 100%;
  padding-top: 20px;
  color: #5c5c5c;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 19px;
  line-height: 0.7;
}
.c-challenges-item__gs-points__points-round__internal .points_label {
  display: block;
  width: 100%;
  height: 1em;
  margin-top: 3px;
  background: rgba(0, 0, 0, 0) url("../svg/gs_points_icon.svg") no-repeat scroll 0 0/2.6em 1.3em;
  background-position: center;
  font-size: 11px;
}
.c-challenges-item__gs-points__footer {
  height: 25px;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item__gs-points__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: bottom;
}
.c-challenges-item__votes {
  min-width: 140px;
  height: 158px;
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
}
.c-challenges-item__votes__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}
.c-challenges-item__votes__body {
  height: 94px;
  text-align: center;
  line-height: 94px;
}
.c-challenges-item__votes__total {
  display: inline-block;
  vertical-align: middle;
  color: rgba(95, 92, 92, 0.92);
  font-size: 43px;
  font-weight: 600;
  line-height: 1;
}
.c-challenges-item__votes__total .votes-amount {
  padding: 3px;
}
.c-challenges-item__votes__total .votes-amount.highlight {
  padding: 4px 8px;
  min-width: 90px;
}
.c-challenges-item__votes__total i {
  margin-left: -5px;
  vertical-align: middle;
  color: rgba(97, 96, 96, 0.59);
  font-size: 29px;
}
.c-challenges-item__votes__footer {
  height: 25px;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item__votes__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.c-challenges-item__votes__message {
  display: inline-block;
  vertical-align: middle;
  color: rgba(95, 92, 92, 0.7);
  font-size: 13px;
  line-height: 1;
}
.c-challenges-item__exposure {
  flex: none !important;
  min-width: 250px;
  height: 158px;
  padding: 10px 10px;
  text-align: center;
  font-size: 14px;
}
.c-challenges-item__exposure__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}
.c-challenges-item__exposure__fill-all {
  position: absolute;
  z-index: -1;
  bottom: 100%;
  left: 50%;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  transform: translateX(-50%);
  background-color: #e0e0e0;
}
.c-challenges-item__exposure__fill-all__btn {
  position: absolute;
  bottom: calc(100% + 10px);
  margin: 0 auto;
}
.c-challenges-item__exposure__body {
  height: 82px;
  text-align: center;
  display: flex;
  align-items: flex-start;
  margin-top: 8px;
}
.c-challenges-item__exposure__vote {
  margin: 3px auto 0;
}
.c-challenges-item__exposure__fill {
  margin-left: 5px;
  padding: 6px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 50%;
  background-color: #fff;
  font-size: 13px;
  line-height: 1;
}
.c-challenges-item__exposure__fill:hover {
  color: #fff;
  background-color: #3397d2;
}
.c-challenges-item__action-buttons {
  position: relative;
  z-index: 2;
}
.c-challenges-item__photos {
  margin: 0 auto;
  width: 380px;
  padding: 10px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.c-challenges-item__photos__remove {
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
  color: #fff;
  font-size: 25px;
  display: none;
}
.c-challenges-item__photos__remove:hover {
  color: #E54B4B;
}
.c-challenges-item__photos__footer {
  display: flex;
  gap: 10px;
  margin-top: 15px;
  height: 25px;
}
.c-challenges-item__photos__footer > div {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
}
.c-challenges-item__photos__actions__item + .c-challenges-item__photos__actions__item, .c-challenges-item__photos__actions__item--exhibit + .c-challenges-item__photos__actions__item, .c-challenges-item__photos__actions__item + .c-challenges-item__photos__actions__item--exhibit, .c-challenges-item__photos__actions__item--exhibit + .c-challenges-item__photos__actions__item--exhibit {
  margin-left: 10px;
}
.c-challenges-item__photos__actions__item--exhibit {
  position: relative;
}
.c-challenges-item__photos__photo__gurus-pick {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 4px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 8px #000;
  font-size: 14px;
}
.c-challenges-item__links {
  display: inline-block;
  min-width: 45px;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #d4dedf;
  line-height: 1;
}
.c-challenges-item__links__link {
  height: 100%;
  /*height: 79px;*/
  cursor: pointer;
  color: #9A9A9A;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenges-item__links__link .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #9A9A9A;
  -webkit-user-select: none;
          user-select: none;
}
.c-challenges-item__links__link:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.c-challenges-item__links__link:hover {
  background-color: #e2e2e2;
}
.c-challenges-item__links__link:hover .text,
.c-challenges-item__links__link:hover i {
  color: #218ccc;
}
.c-challenges-item__links__link i {
  font-size: 20px;
  color: #868686;
  line-height: 1;
}
.c-challenges-item__links__link .icon-ranking {
  font-size: 20px;
}
@media screen and (max-width: 1345px) {
  .c-challenges-item__links__link .text {
    padding: 0;
  }
  .c-challenges-item__links__link .label {
    display: none;
  }
  .c-challenges-item__links__link i {
    font-size: 20px;
  }
  .c-challenges-item__links__link .icon-ranking {
    font-size: 34px;
  }
}
.c-challenges-item__links__divider {
  border-top: 1px solid #d4dedf;
}
.c-challenges-item__links .rank-level {
  padding: 3px;
}
.c-challenges-item__links .rank-level.highlight {
  padding: 3px 6px;
  min-width: 36px;
}

.battle-completed__cover-photo .c-challenges-item__title {
  height: 154px;
}

.common-highlight, .c-challenges-item__votes__total .votes-amount.highlight, .c-challenges-item__links .rank-level.highlight {
  background: #3ee079;
  border-radius: 4px;
  color: #FFFFFF;
}

challenges-item-mobile,
.c-challenges-item-mobile {
  position: relative;
  display: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 35px;
  padding-top: 1px;
  border-color: #d1d1d1;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
challenges-item-mobile + challenges-item-mobile,
challenges-item-mobile + .c-challenges-item-mobile,
.c-challenges-item-mobile + challenges-item-mobile,
.c-challenges-item-mobile + .c-challenges-item-mobile {
  margin-top: 35px;
}
@media screen and (max-width: 1200px) {
  challenges-item-mobile,
  .c-challenges-item-mobile {
    display: inline-block;
    margin: 30px;
    vertical-align: top;
  }
}
@media screen and (max-width: 768px) {
  challenges-item-mobile,
  .c-challenges-item-mobile {
    display: block;
    margin: 0 auto 35px;
  }
}

/*.*/
.c-challenges-item-mobile__title {
  margin-top: 5px;
  padding: 0 10px;
  text-align: center;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  color: #555;
  font-size: 20px;
  font-weight: 600;
}
.c-challenges-item-mobile__premium-badge, .c-challenges-item-mobile__book-badge, .c-challenges-item-mobile__expo-badge {
  position: absolute;
  top: 2px;
  right: -33px;
  width: 100px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
  color: #f0f0f0;
  background-color: #000;
  line-height: 35px;
}
.c-challenges-item-mobile__premium-badge--wrap {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  width: 61px;
  height: 61px;
}
.c-challenges-item-mobile__premium-badge:after, .c-challenges-item-mobile__book-badge:after, .c-challenges-item-mobile__expo-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.c-challenges-item-mobile__premium-badge i, .c-challenges-item-mobile__book-badge i, .c-challenges-item-mobile__expo-badge i {
  vertical-align: middle;
  font-size: 14px;
}
.c-challenges-item-mobile__expo-badge {
  z-index: 1;
  background-color: #005c83;
}
.c-challenges-item-mobile__book-badge {
  background-color: #cc6238;
}
.c-challenges-item-mobile__days_left {
  position: relative;
  margin-bottom: 15px;
  color: #999;
  font-size: 15px;
  font-weight: 300;
}
.c-challenges-item-mobile__days_left:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 92%;
  margin: 0 auto;
  content: "";
  transform: translateY(-50%);
  border-top: 1px solid #ccc;
}
.c-challenges-item-mobile__days_left gs-timer, .c-challenges-item-mobile__days_left > span {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  vertical-align: middle;
  background-color: #fff;
}
.c-challenges-item-mobile__info-line {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item-mobile__info-line__item {
  position: relative;
  display: table-cell;
  width: 1%;
  margin: 10px auto;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.c-challenges-item-mobile__info-line__item__round-text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  max-width: 60px;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  color: #000;
  font-size: 12px;
}
.c-challenges-item-mobile__info-line__points {
  color: #727272;
  font-size: 22px;
}
.c-challenges-item-mobile__info-line__points span {
  display: block;
  color: #000;
  font-size: 35px;
  font-weight: 600;
}
.c-challenges-item-mobile__info-line__badge {
  position: relative;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenges-item-mobile__info-line__badge i {
  font-size: 73px;
}
.c-challenges-item-mobile__info-line__badge i.c-level-0 {
  color: #b3b3b3;
}
.c-challenges-item-mobile__info-line__badge i.c-level-1 {
  color: #2c7fa6;
}
.c-challenges-item-mobile__info-line__badge i.c-level-2 {
  color: #0a655c;
}
.c-challenges-item-mobile__info-line__badge i.c-level-3 {
  color: #853445;
}
.c-challenges-item-mobile__info-line__badge i.c-level-4 {
  color: #234f64;
}
.c-challenges-item-mobile__info-line__badge i.c-level-5 {
  color: #1c1c1c;
}
.c-challenges-item-mobile__info-line__badge__label {
  position: absolute;
  top: 24px;
  left: 50%;
  width: 100%;
  max-width: 74px;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}
.c-challenges-item-mobile__info-line__badge__label.c-level-0 {
  top: 22px;
}
.c-challenges-item-mobile__info-line__badge__label.c-level-0 span {
  display: none;
}
.c-challenges-item-mobile__info-line__badge__label span {
  display: block;
  font-size: 11px;
}
@media screen and (max-width: 340px) {
  .c-challenges-item-mobile__info-line__badge i {
    font-size: 68px;
  }
}
.c-challenges-item-mobile__info-line1 {
  margin: 20px 0 0;
  font-size: 0;
}
.c-challenges-item-mobile__share-btn {
  display: inline-block;
  width: 50%;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: -0.5px;
  color: #2a2a2a;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}
.c-challenges-item-mobile__share-btn:hover {
  text-decoration: none;
}
.c-challenges-item-mobile__share-btn + .c-challenges-item-mobile__share-btn {
  border-left: 1px solid #b7b7b7;
}
.c-challenges-item-mobile__share-btn .c-points__label {
  display: inline-block;
  width: 35px !important;
  height: 35px !important;
  margin: 0 7px !important;
  vertical-align: middle;
  border-radius: 50%;
  box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.15);
  line-height: 35px;
}
.c-challenges-item-mobile__share-btn i {
  width: 35px;
  height: 35px;
  margin: 0 7px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.15);
  line-height: 35px;
}
.c-challenges-item-mobile__share-btn span {
  vertical-align: middle;
}
.c-challenges-item-mobile__info-line2 {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item-mobile__info-line2__item {
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.c-challenges-item-mobile__info-line2__item .title, .c-challenges-item-mobile__info-line2__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-challenges-item-mobile__info-line2__item .title-mobile {
  text-align: center;
  letter-spacing: -0.3px;
  color: #555;
  font-size: 15px;
  font-weight: 600;
}
.c-challenges-item-mobile__info-line2__item .votes {
  margin: 30px auto;
  text-align: center;
  letter-spacing: -1.1px;
  color: #555;
  font-size: 28px;
  font-weight: 600;
  line-height: 0.58;
}
.c-challenges-item-mobile__info-line2__item .rank {
  text-align: center;
  letter-spacing: -0.2px;
  color: #555;
  font-size: 11.9px;
  font-weight: 400;
}
.c-challenges-item-mobile__info-line2__item .rank span {
  letter-spacing: -0.3px;
  color: #616161;
  font-size: 13.9px;
  font-weight: 600;
}
.c-challenges-item-mobile__exposure {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  vertical-align: top;
  font-size: 14px;
}
.c-challenges-item-mobile__exposure__meter {
  position: relative;
  width: 100%;
  max-width: 175px;
  margin: 8px auto 27px;
  color: #999;
  font-size: 0;
}
.c-challenges-item-mobile__exposure__meter:before {
  position: absolute;
  right: calc(100% - 14px);
  bottom: -17px;
  display: inline-block;
  content: "Low";
  font-size: 12px;
}
.c-challenges-item-mobile__exposure__meter:after {
  position: absolute;
  bottom: -17px;
  left: calc(100% - 14px);
  display: inline-block;
  content: "High";
  font-size: 12px;
}
.c-challenges-item-mobile__exposure__meter i {
  font-size: 34px;
}
.c-challenges-item-mobile__exposure__meter__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 86%;
  margin: 0 auto;
  transition: all 1s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: bottom;
  background-color: #999;
}
.c-challenges-item-mobile__exposure__meter__arrow:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: -3px;
  content: "";
  border-radius: 50%;
  background-color: #999;
}
.c-challenges-item-mobile__exposure__vote--s-- {
  margin: 3px auto 0;
}
.c-challenges-item-mobile__fill {
  display: inline-block;
  margin-top: 3px;
  margin-left: 4px;
  padding: 8px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #3397d2;
  box-shadow: 0 5px 26px 0 rgba(25, 24, 25, 0.3);
  font-size: 13px;
  line-height: 1;
}
.c-challenges-item-mobile__photos {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 15px auto 0;
  text-align: center;
  font-size: 0;
}
.c-challenges-item-mobile__photos__1-photo-challenge.c-challenges-item-mobile__photos {
  flex-direction: row;
  gap: 25px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.c-challenges-item-mobile__photos__1-photo-challenge.c-challenges-item-mobile__photos .c-challenges-item-mobile__photos__actions {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  margin-top: unset;
  height: 102px;
}
.c-challenges-item-mobile__photos__1-photo-challenge.c-challenges-item-mobile__photos .challenge-images__photo {
  width: 102px;
  height: 102px;
}
.c-challenges-item-mobile__photos__1-photo-challenge.c-challenges-item-mobile__photos .challenge-images__photo__votes {
  left: 50%;
  transform: translateX(-50%);
}
.c-challenges-item-mobile__photos__photo, .c-challenges-item-mobile__photos__photo--empty {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 24%;
  padding-bottom: 24%;
  vertical-align: top;
  background-color: #9a9a9a;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.c-challenges-item-mobile__photos__photo--empty {
  background-color: #9a9a9a;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item-mobile__photos__photo--empty:hover i {
  transition: all 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.c-challenges-item-mobile__photos__photo--empty a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.c-challenges-item-mobile__photos__photo--empty a:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.c-challenges-item-mobile__photos__photo--empty .center {
  display: inline-block;
  vertical-align: middle;
}
.c-challenges-item-mobile__photos__photo--empty .center i {
  margin-left: 7px;
  transition: none;
  color: #fff;
  font-size: 28px;
}
.c-challenges-item-mobile__photos__photo--empty .center div {
  margin-top: 5px;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.c-challenges-item-mobile__photos__photo + .c-challenges-item-mobile__photos__photos__photo, .c-challenges-item-mobile__photos__photo--empty + .c-challenges-item-mobile__photos__photos__photo {
  margin-left: 2px;
}
.c-challenges-item-mobile__photos__actions {
  margin-top: 3px;
  padding: 10px 0;
  line-height: 1;
}
.c-challenges-item-mobile__photos__actions__item, .c-challenges-item-mobile__photos__actions__item--exhibit {
  position: relative;
  font-size: 14px;
}
.c-challenges-item-mobile__photos__actions__item--exhibit {
  position: relative;
  font-size: 12px;
}
.c-challenges-item-mobile__photos__actions__item.boost-state-used, .boost-state-used.c-challenges-item-mobile__photos__actions__item--exhibit {
  cursor: default;
  opacity: 0.4;
}
.c-challenges-item-mobile__photos__actions__item.boost-state-used:hover, .boost-state-used.c-challenges-item-mobile__photos__actions__item--exhibit:hover {
  color: #218ccc;
  background-color: transparent;
}
.c-challenges-item-mobile__photos__actions__item.boost-state-missed:after, .boost-state-missed.c-challenges-item-mobile__photos__actions__item--exhibit:after {
  content: "!";
  font-weight: 600;
}
.c-challenges-item-mobile__photos__actions__item.boost-state-locked:after, .boost-state-locked.c-challenges-item-mobile__photos__actions__item--exhibit:after {
  display: inline-block;
  content: "\e923";
  font-family: "icomoon";
}
.c-challenges-item-mobile__photos__actions__item.boost-state-available, .boost-state-available.c-challenges-item-mobile__photos__actions__item--exhibit {
  animation-name: btnBlink;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.c-challenges-item-mobile__photos__actions__item.boost-state-available:hover, .boost-state-available.c-challenges-item-mobile__photos__actions__item--exhibit:hover {
  animation-play-state: paused;
}
.c-challenges-item-mobile__photos__actions__item + .c-challenges-item-mobile__photos__actions__item, .c-challenges-item-mobile__photos__actions__item--exhibit + .c-challenges-item-mobile__photos__actions__item, .c-challenges-item-mobile__photos__actions__item + .c-challenges-item-mobile__photos__actions__item--exhibit, .c-challenges-item-mobile__photos__actions__item--exhibit + .c-challenges-item-mobile__photos__actions__item--exhibit {
  margin-left: 10px;
}
.c-challenges-item-mobile__photos challenge-images {
  display: flex;
  justify-content: center;
}
.c-challenges-item-mobile__photos .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.c-challenges-item-mobile__links {
  display: block;
  border-top: 1px solid #d4dedf;
  font-size: 0;
  line-height: 1;
}
.c-challenges-item-mobile__links__link {
  display: inline-block;
  width: 100%;
  padding: 10px 0;
  cursor: pointer;
  text-align: center;
  color: #969696;
  font-size: 14px;
}
.c-challenges-item-mobile__links__link:first-child {
  border-right: 1px solid #d4dedf;
}
.c-challenges-item-mobile__links__link i {
  font-size: 12px;
}

challenges-item-suggested-mobile {
  position: relative;
  display: none;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 35px;
  padding: 20px 5px;
  border-color: #d1d1d1;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  challenges-item-suggested-mobile {
    display: block;
    margin: 0 auto 35px;
    vertical-align: top;
  }
}

.challengesItemSuggestedMobile__icon {
  display: flex;
  justify-content: center;
}
.challengesItemSuggestedMobile__icon app-ng-image-component {
  width: 50px;
  height: 42px;
  background: unset;
}

.challengesItemSuggestedMobile__text {
  max-width: 205px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.3px;
  color: #666666;
  font-size: 16px;
  line-height: 1.25;
}

.challengesItemSuggestedMobile__images {
  margin: 20px auto;
  padding-bottom: 20px;
}

.challengesItemSuggestedMobile__image {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 2px;
  vertical-align: top;
  margin-right: 2px;
}
.challengesItemSuggestedMobile__image .image {
  width: 100%;
  padding-bottom: 100%;
  background-color: #ccc;
}
.challengesItemSuggestedMobile__image .swap {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 5px 5px 5px 7px;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 22px;
}
.challengesItemSuggestedMobile__image .swap-center {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  cursor: pointer;
  transform: translate(-50%, -50%);
  color: #3397d2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 400;
}
.challengesItemSuggestedMobile__image .close {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
}

.challengesItemSuggestedMobile__image--empty {
  position: relative;
  display: inline-block;
  width: 25%;
  padding: 2px;
  vertical-align: top;
}
.challengesItemSuggestedMobile__image--empty .image {
  width: 100%;
  padding-bottom: 100%;
  background-color: #9a9a9a;
}
.challengesItemSuggestedMobile__image--empty .wrap {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.challengesItemSuggestedMobile__image--empty .wrap i {
  margin-left: 7px;
  transition: none;
  color: #fff;
  font-size: 28px;
}
.challengesItemSuggestedMobile__image--empty .wrap div {
  margin-top: 5px;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.challengesItemSuggestedMobile__time-left {
  position: relative;
  margin: 20px auto;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.challengesItemSuggestedMobile__time-left span {
  font-weight: 600;
}

.challengesItemSuggestedMobile__actions .gs-btn-blue--type-2--s-- {
  padding: 6px 30px;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.1;
}

.challengesItemSuggestedMobile__speed-image {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 274px;
  pointer-events: none;
  background-image: url("../png/suggestion-speed-mobile.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

.challengesItemSuggestedMobile__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  cursor: pointer;
  color: #000;
  font-size: 14px;
}

.challengesItemSuggestedMobile__help {
  position: absolute;
  top: 0;
  left: 0;
  padding: 6px;
  cursor: pointer;
  color: #3397d2;
  font-size: 24px;
}

challenges-item-suggested {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  min-height: 160px;
  margin: 35px auto 0;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
challenges-item-suggested:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
@media screen and (max-width: 1200px) {
  challenges-item-suggested {
    display: none;
  }
}

.challengesItemSuggested__user_limit {
  position: absolute;
  left: 160px;
  bottom: -2px;
}

.challengesItemSuggested__icon {
  display: inline-block;
  width: auto;
  min-width: 100px;
  max-width: 100px;
  height: 158px;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
}
.challengesItemSuggested__icon:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.challengesItemSuggested__icon app-ng-image-component {
  display: inline-block;
  width: 50px;
  height: 42px;
  vertical-align: middle;
  background: unset;
}

.challengesItemSuggested__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 245px;
  max-width: 600px;
  height: 158px;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
}
.challengesItemSuggested__action .text {
  max-width: 300px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.challengesItemSuggested__action button {
  width: 160px;
  margin-top: 20px;
  padding: 10px;
  cursor: pointer;
  transition: background 333ms linear;
  text-align: center;
  letter-spacing: 0.2px;
  color: #fff;
  border: 1px solid #3397d2;
  border-radius: 3px;
  background-color: #3397d2;
  font-size: 14px;
  font-weight: 600;
}
.challengesItemSuggested__action button:hover {
  color: #3397d2;
  background-color: #fff;
}

.challengesItemSuggested__timer__wrap {
  display: inline-block;
  min-width: 200px;
  max-width: 200px;
  margin-right: 100px;
  vertical-align: middle;
}

.challengesItemSuggested__timer {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 200px;
  max-width: 200px;
  height: 158px;
  padding: 10px 0;
  text-align: center;
}
.challengesItemSuggested__timer .round-progress-wrapper {
  position: absolute !important;
  top: 50%;
  left: 0;
  width: 100% !important;
  transform: translateY(-50%);
}

.challengesItemSuggested__friends {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 200px;
  max-width: 200px;
  height: 158px;
  padding: 10px 0;
  text-align: center;
}
.challengesItemSuggested__friends .icon-friends {
  color: #ccc;
  font-size: 18px;
}
.challengesItemSuggested__friends .wrap {
  padding: 10px;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.81);
}

.challengesItemSuggested__friends__items {
  margin: 10px auto;
  text-align: center;
}

.challengesItemSuggested__friends__item {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border-radius: 50%;
  background: unset;
}
.challengesItemSuggested__friends__item + .challengesItemSuggested__friends__item {
  margin-left: -15px;
}

.challengesItemSuggested__friends__count {
  letter-spacing: -0.5px;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 0.88;
}
.challengesItemSuggested__friends__count span {
  color: #218ccc;
  font-weight: 600;
}

.challengesItemSuggested__images {
  position: relative;
  display: inline-block;
  min-width: 415px;
  max-width: 415px;
  height: 158px;
  padding: 10px 0;
  text-align: right;
  vertical-align: top;
  font-size: 0;
}
.challengesItemSuggested__images:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.challengesItemSuggested__image, .challengesItemSuggested__image--empty {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.challengesItemSuggested__image + .challengesItemSuggested__image, .challengesItemSuggested__image--empty + .challengesItemSuggested__image, .challengesItemSuggested__image + .challengesItemSuggested__image--empty, .challengesItemSuggested__image--empty + .challengesItemSuggested__image--empty {
  margin-left: 5px;
}
.challengesItemSuggested__image .image, .challengesItemSuggested__image--empty .image {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.challengesItemSuggested__image .swap, .challengesItemSuggested__image--empty .swap {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 5px 5px 5px 7px;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 22px;
}
.challengesItemSuggested__image .swap-center, .challengesItemSuggested__image--empty .swap-center {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  cursor: pointer;
  transform: translate(-50%, -50%);
  color: #3397d2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 400;
}
.challengesItemSuggested__image .close, .challengesItemSuggested__image--empty .close {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  border-radius: 50%;
  font-size: 12px;
}

.challengesItemSuggested__image--empty {
  position: relative;
  display: inline-block;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  cursor: pointer;
  vertical-align: middle;
  background-color: #9a9a9a;
  line-height: 1;
}
.challengesItemSuggested__image--empty .wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 12px;
  font-weight: 600;
}
.challengesItemSuggested__image--empty .wrap:hover i {
  transition: all 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.challengesItemSuggested__image--empty .wrap i {
  margin-left: 7px;
  transition: none;
  color: #fff;
  font-size: 28px;
}
.challengesItemSuggested__image--empty .wrap div {
  margin-top: 5px;
  padding: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.challengesItemSuggested__speed-image {
  position: absolute;
  top: 0;
  right: 140px;
  width: 50%;
  height: 158px;
  pointer-events: none;
  background-image: url("../png/suggestion-speed.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: cover;
}

.challengesItemSuggested__close {
  position: relative;
  display: inline-block;
  width: auto;
  min-width: 30px;
  max-width: 30px;
  height: 158px;
  padding: 10px 0;
}
.challengesItemSuggested__close .icon-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #555;
  font-size: 15px;
}
.challengesItemSuggested__close .icon-info {
  position: absolute;
  right: 8px;
  bottom: 10px;
  cursor: pointer;
  color: #3397d2;
  font-size: 20px;
}

challenges-open {
  display: block;
  max-width: 1600px;
  margin: 0 auto;
  width: 100%;
}

.my-challenges-open-list {
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .my-challenges-open-list {
    text-align: center;
  }
}

.challenges-open__actions {
  padding: 20px 2% 0;
  text-align: right;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges-open__actions .md-button {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .challenges-open__actions {
    padding: 10px 10px;
  }
}

.challenges-open__filter {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  color: #777;
  font-size: 19px;
}

.challenges-open__countdown {
  position: relative;
  display: table-cell;
  width: 1%;
  padding: 10px 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
}

challenges-upcoming {
  display: block;
  text-align: center;
  max-width: 1600px;
  margin: 0 auto;
}

@keyframes challengeAdded {
  0% {
    box-shadow: none;
  }
  25% {
    box-shadow: 0 0 0 4px rgba(33, 140, 204, 0.59);
  }
  50% {
    box-shadow: none;
  }
  75% {
    box-shadow: 0 0 0 4px rgba(33, 140, 204, 0.59);
  }
  100% {
    box-shadow: none;
  }
}
my-challenges-current {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my_challenges_current__no-items--mobile {
  display: block;
  margin: 25px auto 15px;
  text-align: center;
  color: #999;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 797px) {
  .my_challenges_current__no-items--mobile {
    display: none;
  }
}
.my_challenges_current__no-items--mobile > i {
  font-size: 50px;
}
.my_challenges_current__no-items--mobile .title, .my_challenges_current__no-items--mobile .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my_challenges_current__no-items--mobile .title-mobile {
  margin: 10px auto;
  font-size: 14px;
  font-weight: 600;
}
.my_challenges_current__no-items--mobile .more {
  position: relative;
  width: 100%;
  margin: 50px auto 10px;
  color: #999;
  font-size: 14px;
  font-weight: 600;
}
.my_challenges_current__no-items--mobile .more:before {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 92%;
  margin: 0 auto;
  content: "";
  transform: translateY(-50%);
  border-top: 1px solid #ccc;
}
.my_challenges_current__no-items--mobile .more span {
  position: relative;
  padding: 0 10px;
  background-color: #f1f1f1;
}

.my_challenges_current__suggested--mobile {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 797px) {
  .my_challenges_current__suggested--mobile {
    display: none;
  }
}

.my_challenges_current__suggested__load-more {
  display: block;
  max-width: 160px;
  margin: 15px auto 20px;
}

.my-challenges__items {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges__items .ab-feed .ab-card .ab-close-button {
  display: none;
}
@media screen and (max-width: 1070px) {
  .my-challenges__items {
    padding: 15px 10px 0;
  }
}

.my-challenges__item {
  position: relative;
}

.my-challenges__id {
  z-index: 1;
  position: absolute;
  top: 1px;
  left: 1px;
  padding: 2px 6px;
  -webkit-user-select: all;
          user-select: all;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}

.my-challenges__added {
  transition: box-shadow 0.3s ease-in-out;
  animation: 3s challengeAdded ease-in-out forwards;
}

.my-challenges__white-banner {
  position: relative;
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 35px auto;
  padding: 15px;
  transition: box-shadow 0.3s ease-in-out;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #d4dedf;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges__white-banner .blue-btn {
  display: inline-block;
  padding: 4px 7px;
  cursor: pointer;
  transition: 0.2s linear;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
}
.my-challenges__white-banner .blue-btn:hover {
  color: #fff;
  background-color: #3397d2;
}
.my-challenges__white-banner .blue-btn i {
  vertical-align: middle;
  font-size: 21px;
}
.my-challenges__white-banner .blue-btn span {
  vertical-align: middle;
}
.my-challenges__white-banner .text {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #444;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.8;
}
.my-challenges__white-banner .logo {
  display: inline-block;
  height: 40px;
  width: 96px;
  vertical-align: middle;
  background: unset;
}
@media screen and (max-width: 768px) {
  .my-challenges__white-banner {
    margin: 0 auto 35px;
    padding: 5px;
  }
  .my-challenges__white-banner .blue-btn {
    font-size: 12px;
  }
  .my-challenges__white-banner .text {
    font-size: 12px;
  }
  .my-challenges__white-banner .text span {
    display: none;
  }
}

.my-challenges__guru-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  cursor: pointer;
  border-radius: 4px;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges__guru-banner h2 {
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.3;
}
.my-challenges__guru-banner .gs-btn--blue--s--, .my-challenges__guru-banner fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges__guru-banner .fix-footer__btn--s--, .my-challenges__guru-banner .gs-btn--white, .my-challenges__guru-banner .gs-btn--red, .my-challenges__guru-banner .gs-btn--grey, .my-challenges__guru-banner .gs-btn--instagram {
  font-size: 14px;
}
.my-challenges__guru-banner .l-decor {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  background-image: url("../png/l-decor.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
.my-challenges__guru-banner .r-decor {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  background-image: url("../png/r-decor.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
}
@media screen and (max-width: 1270px) {
  .my-challenges__guru-banner .r-decor,
  .my-challenges__guru-banner .l-decor {
    width: 150px;
  }
}

.my-challenges-mobile__guru-manage {
  position: relative;
  display: none;
  max-width: 600px;
  margin: 15px auto 0;
  padding: 10px 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-mobile__guru-manage > app-ng-image-component {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.my-challenges-mobile__guru-manage .gs-btn--blue--s--, .my-challenges-mobile__guru-manage fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-mobile__guru-manage .fix-footer__btn--s--, .my-challenges-mobile__guru-manage .gs-btn--white, .my-challenges-mobile__guru-manage .gs-btn--red, .my-challenges-mobile__guru-manage .gs-btn--grey, .my-challenges-mobile__guru-manage .gs-btn--instagram {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  font-size: 12px;
}
@media screen and (max-width: 1070px) {
  .my-challenges-mobile__guru-manage {
    display: block;
  }
}

.my-challenges__filter {
  position: relative;
  width: 100%;
  height: 1px;
  padding: 0;
  text-align: right;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges__filter .md-button {
  margin: 0;
  padding: 0;
}
.my-challenges__filter .icon-filter {
  position: absolute;
  right: 0;
  bottom: -20px;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  color: #777;
  font-size: 19px;
}
@media screen and (max-width: 1200px) {
  .my-challenges__filter {
    max-width: 400px;
    height: auto;
    margin: 0 auto;
    padding: 0 0 10px;
  }
  .my-challenges__filter .icon-filter {
    position: initial;
    right: initial;
    bottom: initial;
  }
}

.my-challenges__suggested {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .my-challenges__suggested {
    padding: 0 10px;
  }
}

.c-challenge-item__placeholder {
  display: block;
  width: 100%;
  height: 160px;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenge-item__placeholder + .c-challenge-item__placeholder {
  margin-top: 30px;
}
.c-challenge-item__placeholder .block {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  height: 100%;
  min-height: 160px;
  margin: 35px auto 0;
  transition: box-shadow 0.3s ease-in-out;
  animation: pulse 0.65s infinite alternate;
  border: 1px solid #d4dedf;
  border-radius: 3px;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 50% 100px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.c-challenge-item__placeholder .p-line-1 {
  display: inline-block;
  width: 100%;
  min-width: 147px;
  max-width: 158px;
  height: 158px;
  vertical-align: middle;
  background-color: #ccc;
}
.c-challenge-item__placeholder .p-line-2 {
  display: inline-block;
  width: 100%;
  min-width: 138px;
  height: 158px;
  padding: 10px 0;
  vertical-align: top;
  background-color: #fff;
}
.c-challenge-item__placeholder .p-line-3 {
  display: inline-block;
  width: 100%;
  min-width: 133px;
  padding: 10px 0;
  vertical-align: top;
  background-color: #fff;
}
.c-challenge-item__placeholder .p-line-4 {
  display: inline-block;
  width: 100%;
  min-width: 140px;
  height: 158px;
  padding: 10px 0;
  vertical-align: top;
  background-color: #fff;
}
.c-challenge-item__placeholder .p-line-5 {
  display: inline-block;
  width: 100%;
  min-width: 174px;
  height: 158px;
  padding: 10px 0;
  vertical-align: top;
  background-color: #fff;
}
.c-challenge-item__placeholder .p-line-6 {
  display: inline-block;
  width: 100%;
  min-width: 356px;
  max-width: 400px;
  height: 158px;
  padding: 10px 0;
  vertical-align: top;
  background-color: #fff;
}
.c-challenge-item__placeholder .p-line-7 {
  display: inline-block;
  min-width: 72px;
  text-align: center;
  vertical-align: top;
  border-left: 1px solid #d4dedf;
  background-color: #fff;
}
@media screen and (max-width: 1200px) {
  .c-challenge-item__placeholder {
    display: none;
  }
}

.c-challenge-item__placeholder--mobile {
  position: relative;
  display: block;
  width: 100%;
  min-height: 81vh;
  padding: 15px 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenge-item__placeholder--mobile .fill-block {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 48px;
  border-top: 1px solid #b7b7b7;
  border-bottom: 1px solid #b7b7b7;
  background-color: #fff;
}
.c-challenge-item__placeholder--mobile .block {
  position: relative;
  max-width: 400px;
  height: 707px;
  max-height: 60vh;
  margin: 50px auto 35px;
  padding-top: 1px;
  transition: box-shadow 0.3s ease-in-out;
  animation: pulse 0.65s infinite alternate;
  border-color: #d1d1d1;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .c-challenge-item__placeholder--mobile .block {
    display: inline-block;
    width: 100%;
    margin: 80px 30px 35px;
  }
}
@media screen and (max-width: 768px) {
  .c-challenge-item__placeholder--mobile .block {
    display: block;
    margin: 50px auto 35px;
  }
}
.c-challenge-item__placeholder--mobile .p-line-1 {
  height: 7px;
  margin: 25px 30px;
  background-color: #eee;
}
.c-challenge-item__placeholder--mobile .p-line-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 34px;
  background-color: #eee;
}
.c-challenge-item__placeholder--mobile .p-line-3 {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  max-height: 98px;
  text-align: center;
  font-size: 0;
}
.c-challenge-item__placeholder--mobile .p-line-3 > :first-child {
  margin-left: 0;
}
.c-challenge-item__placeholder--mobile .p-line-3__round {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  margin-left: 20px;
  border-radius: 50%;
  background-color: #eee;
}
.c-challenge-item__placeholder--mobile .p-line-4 {
  position: absolute;
  bottom: 40px;
  left: 10px;
  width: calc(100% - 20px);
  height: 70px;
  text-align: left;
  background-color: #eee;
  font-size: 0;
}
.c-challenge-item__placeholder--mobile .p-line-4 .v-line {
  display: inline-block;
  width: 4px;
  height: 100%;
  margin-left: calc(25% - 4px);
  background-color: #fff;
}
@media screen and (min-width: 1201px) {
  .c-challenge-item__placeholder--mobile {
    display: none;
  }
}

my-challenges-editor {
  position: relative;
  display: block;
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  color: #000;
  font-size: 0;
  line-height: 1;
  /* TODO: Why? */
}
my-challenges-editor .gs-m-t-20.my-challenges-editor__group--exhibition-application {
  margin-top: 20px;
}

.my-challenges-editor__group {
  margin-top: 10px;
  padding: 9px 10px; /* -1px because of border 1px width */
  border: 1px dashed black;
  position: relative;
}
.my-challenges-editor__group:after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.my-challenges-editor__group--badge:after {
  content: "Badge";
}
.my-challenges-editor__group--turbo:after {
  content: "Turbo";
}
.my-challenges-editor__group--time:after {
  content: "Time";
}
.my-challenges-editor__group--exhibition-application:after {
  content: "Exhibition application";
}
.my-challenges-editor__cover {
  position: relative;
  width: 100%;
  padding-bottom: 31%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.my-challenges-editor__cover-change {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3D(0, -50%, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.my-challenges-editor__cover-change > i {
  display: block;
  color: #ccc;
  font-size: 120px;
}
.my-challenges-editor__cover-change .gs-btn--blue--s--, .my-challenges-editor__cover-change fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__cover-change .fix-footer__btn--s--, .my-challenges-editor__cover-change .gs-btn--white, .my-challenges-editor__cover-change .gs-btn--red, .my-challenges-editor__cover-change .gs-btn--grey, .my-challenges-editor__cover-change .gs-btn--instagram {
  margin-top: 14px;
  margin-right: 20px;
}

.my-challenges-editor__form {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.my-challenges-editor__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 520px;
  padding: 5px;
  transition: opacity 333ms ease-in-out;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__preview:hover {
  opacity: 0;
}
.my-challenges-editor__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.my-challenges-editor__preview gs-challenge {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .my-challenges-editor__preview {
    display: none;
  }
}

.my-challenges-editor__label {
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__input {
  position: relative;
  height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__input input {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__input input::placeholder {
  color: #ccc;
}
.my-challenges-editor__input input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.my-challenges-editor__input .welcome_message {
  overflow: auto;
  width: 100%;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  color: #444;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message::placeholder {
  color: #ccc;
}
.my-challenges-editor__input .welcome_message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message ul,
.my-challenges-editor__input .welcome_message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__input .welcome_message ul li,
.my-challenges-editor__input .welcome_message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.my-challenges-editor__input .welcome_message ol li {
  margin-bottom: 10px;
}
.my-challenges-editor__input .welcome_message p {
  padding: 0;
}
.my-challenges-editor__input select {
  width: 110px;
  height: 29px;
  margin-left: 100px;
  padding: 5px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 18px;
}
.my-challenges-editor__input select::placeholder {
  color: #ccc;
}
.my-challenges-editor__input option {
  padding: 20px;
  line-height: 2;
}
.my-challenges-editor__input--in-two-rows {
  height: auto;
  min-height: 43px;
}
@media screen and (max-width: 768px) {
  .my-challenges-editor__input input {
    font-size: 14px;
  }
}

.my-challenges-editor__tip {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  margin: 11px auto;
  padding: 0;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1), opacity 0.8s cubic-bezier(0, 1, 0, 1);
  text-align: left;
  opacity: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #555;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__tip.active {
  overflow: visible;
  max-height: 1000px;
  padding: 35px 50px 20px;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 1;
}
.my-challenges-editor__tip:after {
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #555;
}
.my-challenges-editor__tip .icon-gurushots {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 28px;
}

.my-challenges-editor__tip-item {
  display: inline-block;
  font-size: 14px;
}
.my-challenges-editor__tip-item + .my-challenges-editor__tip-item {
  margin-top: 10px;
}
.my-challenges-editor__tip-item h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.my-challenges-editor__tip-item p {
  margin: 5px 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.my-challenges-editor__actions, .my-challenges-editor__suggest__actions {
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  line-height: 1.3;
}
.my-challenges-editor__actions .gs-btn--blue--s--, .my-challenges-editor__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__actions .fix-footer__btn--s--, .my-challenges-editor__suggest__actions .gs-btn--blue--s--, .my-challenges-editor__suggest__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__suggest__actions .fix-footer__btn--s--, .my-challenges-editor__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--white, .my-challenges-editor__actions .gs-btn--grey, .my-challenges-editor__suggest__actions .gs-btn--grey, .my-challenges-editor__actions .gs-btn--instagram, .my-challenges-editor__suggest__actions .gs-btn--instagram,
.my-challenges-editor__actions .gs-btn--red,
.my-challenges-editor__suggest__actions .gs-btn--red {
  margin: 10px;
}

.my-challenges-editor__suggest {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 70px 20px 20px;
}

.my-challenges-editor__suggest-brief {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.my-challenges-editor__suggest-brief p {
  padding: 0;
}

.my-challenges-editor__suggest-title {
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.my-challenges-editor__suggest-title span {
  font-weight: 300;
}

.my-challenges-editor__suggest__actions {
  margin-top: 30px;
}
.my-challenges-editor__suggest__actions span {
  color: #777;
  font-weight: 400;
  display: block;
  font-size: 14px;
}

.my-challenges-editor__chips {
  vertical-align: middle;
  display: inline-block;
  width: 600px;
}

.my-challenges-editor__social-label {
  margin: 30px 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__social-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__social-item {
  position: relative;
  text-align: left;
}
.my-challenges-editor__social-item + .my-challenges-editor__social-item {
  margin-top: 20px;
}
.my-challenges-editor__social-item > i {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  margin-right: 20px;
  transform: translate3D(0, -50%, 0);
  vertical-align: middle;
  color: #222;
  font-size: 20px;
}
.my-challenges-editor__social-item input {
  width: 100%;
  padding: 10px 10px 10px 40px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__social-item input::placeholder {
  color: #ccc;
}
.my-challenges-editor__social-item input[type=date] {
  width: 190px;
  padding: 5px 10px;
}

.my-challenges-editor__admin-tools {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.my-challenges-editor__switch {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.gs-manager-edit__required-label {
  margin-top: 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.gs-manager-edit__required-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.gs-manager-edit__title {
  margin: 40px auto;
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.gs-manager-edit__title span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: baseline;
  text-transform: uppercase;
  border-radius: 11px;
  background-color: #ccc;
  font-weight: 500;
}

.gs-manager-edit__form {
  display: block;
  max-width: 800px;
  margin: 30px auto;
}

.gs-manager-edit__cover {
  position: relative;
  width: 100%;
  margin: 40px auto 10px;
  padding-bottom: 31%;
  border: 5px solid #fff;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gs-manager-edit__cover-change {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 400;
}

.gs-manager-edit__label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .gs-manager-edit__label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}

.gs-manager-edit__input, .gs-manager-edit__input--short {
  position: relative;
  min-height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-manager-edit__input input, .gs-manager-edit__input--short input {
  width: calc(100% - 205px);
  height: 100%;
  margin-left: 5px;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.gs-manager-edit__input input::placeholder, .gs-manager-edit__input--short input::placeholder {
  color: #ccc;
}
.gs-manager-edit__input input[type=date], .gs-manager-edit__input--short input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.gs-manager-edit__input textarea, .gs-manager-edit__input--short textarea {
  display: inline-block;
  width: calc(100% - 205px);
  min-height: 135px;
  margin-left: 5px;
  padding: 10px;
  resize: none;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.gs-manager-edit__input textarea::placeholder, .gs-manager-edit__input--short textarea::placeholder {
  color: #ccc;
}
.gs-manager-edit__input select, .gs-manager-edit__input--short select {
  width: 300px;
  height: 100%;
  margin-left: 5px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
.gs-manager-edit__input select::placeholder, .gs-manager-edit__input--short select::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .gs-manager-edit__input, .gs-manager-edit__input--short {
    display: block;
    margin-bottom: 10px;
  }
  .gs-manager-edit__input input, .gs-manager-edit__input--short input {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
  .gs-manager-edit__input select, .gs-manager-edit__input--short select {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
}

.gs-manager-edit__input--short md-select,
.gs-manager-edit__input--short span {
  font-size: 18px;
  width: 600px;
}
.gs-manager-edit__input--short input {
  padding: 5px 10px;
}
.gs-manager-edit__input--short input[disabled] {
  text-align: center;
  text-transform: uppercase;
  color: #57b1ff;
  border-radius: 11px;
  background-color: #000;
  font-weight: 600;
}

.gs-manager-edit__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.gs-manager-edit__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.gs-manager-edit__admin-tools {
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.gs-manager-edit__actions {
  margin-top: 30px;
  text-align: center;
}
.gs-manager-edit__actions .gs-btn--blue--s--, .gs-manager-edit__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-manager-edit__actions .fix-footer__btn--s--, .gs-manager-edit__actions .gs-btn--white, .gs-manager-edit__actions .gs-btn--red, .gs-manager-edit__actions .gs-btn--grey, .gs-manager-edit__actions .gs-btn--instagram {
  margin: 0 10px;
}

.gs-manager-edit__input--date {
  height: 43px;
  margin-top: 20px;
  font-size: 18px;
}
.gs-manager-edit__input--date.gap-10 {
  gap: 10px;
}
.gs-manager-edit__input--date .recommended-start-time input,
.gs-manager-edit__input--date .recommended-end-time input,
.gs-manager-edit__input--date input {
  height: 100%;
  font-size: 18px;
  width: calc(50% - 110px);
}
.gs-manager-edit__input--date .recommended-start-time,
.gs-manager-edit__input--date .recommended-end-time {
  width: 590px;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 5;
  gap: 12px;
}

.gs-manager-edit__input--date__time {
  margin-left: 10px !important;
}

.gs-manager-edit__input--duration span {
  font-size: 18px;
  line-height: 43px;
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 0 10px;
  width: calc(100% - 205px);
  margin-left: 5px;
}
.gs-manager-edit__input--duration input {
  pointer-events: none;
}

.gs-manager-editor__user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 20px 0;
}
.gs-manager-editor__user .gs-manager-editor__user-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #777;
}

.gs-manager-editor__bid-schedule {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: left;
}
.gs-manager-editor__bid-schedule span {
  margin-right: 20px;
}

.gs-manager-editor__bid-schedule_text {
  padding-left: 200px;
  font-size: 18px;
  width: 600px;
  line-height: 1.4;
}

.my-challenges-section {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
.my-challenges-section .title, .my-challenges-section .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-section .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.my-challenges-section .gs-loader {
  background-color: #fff;
}
.my-challenges-section hr {
  margin-bottom: 30px;
}

.my-challenges-section__label {
  text-align: left;
  letter-spacing: -0.3px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my-challenges-section__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-section__title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 35px;
  color: black;
  border-top: 1px solid black;
  padding-top: 30px;
}

.my-challenges-section__title-group {
  display: flex;
  gap: 15px;
  align-items: baseline;
  border-top: 1px solid black;
  padding-top: 30px;
}

.no-border {
  border: none;
  padding: 0;
}

.my-challenges-section__section {
  margin-bottom: 30px;
  font-size: 15px;
  padding-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-section__section input {
  width: 100%;
  padding: 5px 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-section__section input::placeholder {
  color: #ccc;
}
.my-challenges-section__section md-input-container {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1.3;
}
.my-challenges-section__section md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.7);
}
.my-challenges-section__section md-checkbox {
  display: block;
}
.my-challenges-section__section md-checkbox .md-label {
  font-size: 14px;
}
.my-challenges-section__section md-select-value:not(.md-select-placeholder) span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-section__section input {
    font-size: 14px;
  }
}

.guaranteed_exhibitors input {
  margin-left: 30px;
  width: 250px;
}
.guaranteed_exhibitors md-input-container {
  width: 250px;
  margin-left: 30px;
  margin-bottom: 16px;
  margin-top: -12px;
}

my-challenges-editor {
  position: relative;
  display: block;
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  color: #000;
  font-size: 0;
  line-height: 1;
  /* TODO: Why? */
}
my-challenges-editor .gs-m-t-20.my-challenges-editor__group--exhibition-application {
  margin-top: 20px;
}

.my-challenges-editor__group {
  margin-top: 10px;
  padding: 9px 10px; /* -1px because of border 1px width */
  border: 1px dashed black;
  position: relative;
}
.my-challenges-editor__group:after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.my-challenges-editor__group--badge:after {
  content: "Badge";
}
.my-challenges-editor__group--turbo:after {
  content: "Turbo";
}
.my-challenges-editor__group--time:after {
  content: "Time";
}
.my-challenges-editor__group--exhibition-application:after {
  content: "Exhibition application";
}
.my-challenges-editor__cover {
  position: relative;
  width: 100%;
  padding-bottom: 31%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.my-challenges-editor__cover-change {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3D(0, -50%, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.my-challenges-editor__cover-change > i {
  display: block;
  color: #ccc;
  font-size: 120px;
}
.my-challenges-editor__cover-change .gs-btn--blue--s--, .my-challenges-editor__cover-change fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__cover-change .fix-footer__btn--s--, .my-challenges-editor__cover-change .gs-btn--white, .my-challenges-editor__cover-change .gs-btn--red, .my-challenges-editor__cover-change .gs-btn--grey, .my-challenges-editor__cover-change .gs-btn--instagram {
  margin-top: 14px;
  margin-right: 20px;
}

.my-challenges-editor__form {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.my-challenges-editor__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 520px;
  padding: 5px;
  transition: opacity 333ms ease-in-out;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__preview:hover {
  opacity: 0;
}
.my-challenges-editor__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.my-challenges-editor__preview gs-challenge {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .my-challenges-editor__preview {
    display: none;
  }
}

.my-challenges-editor__label {
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__input {
  position: relative;
  height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__input input {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__input input::placeholder {
  color: #ccc;
}
.my-challenges-editor__input input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.my-challenges-editor__input .welcome_message {
  overflow: auto;
  width: 100%;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  color: #444;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message::placeholder {
  color: #ccc;
}
.my-challenges-editor__input .welcome_message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message ul,
.my-challenges-editor__input .welcome_message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__input .welcome_message ul li,
.my-challenges-editor__input .welcome_message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.my-challenges-editor__input .welcome_message ol li {
  margin-bottom: 10px;
}
.my-challenges-editor__input .welcome_message p {
  padding: 0;
}
.my-challenges-editor__input select {
  width: 110px;
  height: 29px;
  margin-left: 100px;
  padding: 5px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 18px;
}
.my-challenges-editor__input select::placeholder {
  color: #ccc;
}
.my-challenges-editor__input option {
  padding: 20px;
  line-height: 2;
}
.my-challenges-editor__input--in-two-rows {
  height: auto;
  min-height: 43px;
}
@media screen and (max-width: 768px) {
  .my-challenges-editor__input input {
    font-size: 14px;
  }
}

.my-challenges-editor__tip {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  margin: 11px auto;
  padding: 0;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1), opacity 0.8s cubic-bezier(0, 1, 0, 1);
  text-align: left;
  opacity: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #555;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__tip.active {
  overflow: visible;
  max-height: 1000px;
  padding: 35px 50px 20px;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 1;
}
.my-challenges-editor__tip:after {
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #555;
}
.my-challenges-editor__tip .icon-gurushots {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 28px;
}

.my-challenges-editor__tip-item {
  display: inline-block;
  font-size: 14px;
}
.my-challenges-editor__tip-item + .my-challenges-editor__tip-item {
  margin-top: 10px;
}
.my-challenges-editor__tip-item h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.my-challenges-editor__tip-item p {
  margin: 5px 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.my-challenges-editor__actions, .my-challenges-editor__suggest__actions {
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  line-height: 1.3;
}
.my-challenges-editor__actions .gs-btn--blue--s--, .my-challenges-editor__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__actions .fix-footer__btn--s--, .my-challenges-editor__suggest__actions .gs-btn--blue--s--, .my-challenges-editor__suggest__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__suggest__actions .fix-footer__btn--s--, .my-challenges-editor__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--red, .my-challenges-editor__actions .gs-btn--grey, .my-challenges-editor__suggest__actions .gs-btn--grey, .my-challenges-editor__actions .gs-btn--instagram, .my-challenges-editor__suggest__actions .gs-btn--instagram,
.my-challenges-editor__actions .gs-btn--red {
  margin: 10px;
}

.my-challenges-editor__suggest {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 70px 20px 20px;
}

.my-challenges-editor__suggest-brief {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.my-challenges-editor__suggest-brief p {
  padding: 0;
}

.my-challenges-editor__suggest-title {
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.my-challenges-editor__suggest-title span {
  font-weight: 300;
}

.my-challenges-editor__suggest__actions {
  margin-top: 30px;
}
.my-challenges-editor__suggest__actions span {
  color: #777;
  font-weight: 400;
  display: block;
  font-size: 14px;
}

.my-challenges-editor__chips {
  vertical-align: middle;
  display: inline-block;
  width: 600px;
}

.my-challenges-editor__social-label {
  margin: 30px 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__social-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__social-item {
  position: relative;
  text-align: left;
}
.my-challenges-editor__social-item + .my-challenges-editor__social-item {
  margin-top: 20px;
}
.my-challenges-editor__social-item > i {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  margin-right: 20px;
  transform: translate3D(0, -50%, 0);
  vertical-align: middle;
  color: #222;
  font-size: 20px;
}
.my-challenges-editor__social-item input {
  width: 100%;
  padding: 10px 10px 10px 40px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__social-item input::placeholder {
  color: #ccc;
}
.my-challenges-editor__social-item input[type=date] {
  width: 190px;
  padding: 5px 10px;
}

.my-challenges-editor__admin-tools {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.my-challenges-editor__switch {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.gs-manager-edit__required-label {
  margin-top: 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.gs-manager-edit__required-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.gs-manager-edit__title {
  margin: 40px auto;
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.gs-manager-edit__title span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: baseline;
  text-transform: uppercase;
  border-radius: 11px;
  background-color: #ccc;
  font-weight: 500;
}

.gs-manager-edit__form {
  display: block;
  max-width: 800px;
  margin: 30px auto;
}

.gs-manager-edit__cover {
  position: relative;
  width: 100%;
  margin: 40px auto 10px;
  padding-bottom: 31%;
  border: 5px solid #fff;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gs-manager-edit__cover-change {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 400;
}

.gs-manager-edit__label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .gs-manager-edit__label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}

.gs-manager-edit__input, .gs-manager-edit__input--short {
  position: relative;
  min-height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-manager-edit__input input, .gs-manager-edit__input--short input {
  width: calc(100% - 205px);
  height: 100%;
  margin-left: 5px;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.gs-manager-edit__input input::placeholder, .gs-manager-edit__input--short input::placeholder {
  color: #ccc;
}
.gs-manager-edit__input input[type=date], .gs-manager-edit__input--short input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.gs-manager-edit__input textarea, .gs-manager-edit__input--short textarea {
  display: inline-block;
  width: calc(100% - 205px);
  min-height: 135px;
  margin-left: 5px;
  padding: 10px;
  resize: none;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.gs-manager-edit__input textarea::placeholder, .gs-manager-edit__input--short textarea::placeholder {
  color: #ccc;
}
.gs-manager-edit__input select, .gs-manager-edit__input--short select {
  width: 300px;
  height: 100%;
  margin-left: 5px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
.gs-manager-edit__input select::placeholder, .gs-manager-edit__input--short select::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .gs-manager-edit__input, .gs-manager-edit__input--short {
    display: block;
    margin-bottom: 10px;
  }
  .gs-manager-edit__input input, .gs-manager-edit__input--short input {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
  .gs-manager-edit__input select, .gs-manager-edit__input--short select {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
}

.gs-manager-edit__input--short md-select,
.gs-manager-edit__input--short span {
  font-size: 18px;
  width: 600px;
}
.gs-manager-edit__input--short input {
  padding: 5px 10px;
}
.gs-manager-edit__input--short input[disabled] {
  text-align: center;
  text-transform: uppercase;
  color: #57b1ff;
  border-radius: 11px;
  background-color: #000;
  font-weight: 600;
}

.gs-manager-edit__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.gs-manager-edit__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.gs-manager-edit__admin-tools {
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.gs-manager-edit__actions {
  margin-top: 30px;
  text-align: center;
}
.gs-manager-edit__actions .gs-btn--blue--s--, .gs-manager-edit__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-manager-edit__actions .fix-footer__btn--s--, .gs-manager-edit__actions .gs-btn--white, .gs-manager-edit__actions .gs-btn--red, .gs-manager-edit__actions .gs-btn--grey, .gs-manager-edit__actions .gs-btn--instagram {
  margin: 0 10px;
}

.gs-manager-edit__input--date {
  height: 43px;
  margin-top: 20px;
  font-size: 18px;
}
.gs-manager-edit__input--date.gap-10 {
  gap: 10px;
}
.gs-manager-edit__input--date .recommended-start-time input,
.gs-manager-edit__input--date .recommended-end-time input,
.gs-manager-edit__input--date input {
  height: 100%;
  font-size: 18px;
  width: calc(50% - 110px);
}
.gs-manager-edit__input--date .recommended-start-time,
.gs-manager-edit__input--date .recommended-end-time {
  width: 590px;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 5;
  gap: 12px;
}

.gs-manager-edit__input--date__time {
  margin-left: 10px !important;
}

.gs-manager-edit__input--duration span {
  font-size: 18px;
  line-height: 43px;
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 0 10px;
  width: calc(100% - 205px);
  margin-left: 5px;
}
.gs-manager-edit__input--duration input {
  pointer-events: none;
}

.gs-manager-editor__user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 20px 0;
}
.gs-manager-editor__user .gs-manager-editor__user-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #777;
}

.gs-manager-editor__bid-schedule {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: left;
}
.gs-manager-editor__bid-schedule span {
  margin-right: 20px;
}

.gs-manager-editor__bid-schedule_text {
  padding-left: 200px;
  font-size: 18px;
  width: 600px;
  line-height: 1.4;
}

.my-challenges-section {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
.my-challenges-section .title, .my-challenges-section .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-section .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.my-challenges-section .gs-loader {
  background-color: #fff;
}
.my-challenges-section hr {
  margin-bottom: 30px;
}

.my-challenges-section__label {
  text-align: left;
  letter-spacing: -0.3px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my-challenges-section__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-section__title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 35px;
  color: black;
  border-top: 1px solid black;
  padding-top: 30px;
}

.my-challenges-section__title-group {
  display: flex;
  gap: 15px;
  align-items: baseline;
  border-top: 1px solid black;
  padding-top: 30px;
}

.no-border {
  border: none;
  padding: 0;
}

.my-challenges-section__section {
  margin-bottom: 30px;
  font-size: 15px;
  padding-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-section__section input {
  width: 100%;
  padding: 5px 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-section__section input::placeholder {
  color: #ccc;
}
.my-challenges-section__section md-input-container {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1.3;
}
.my-challenges-section__section md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.7);
}
.my-challenges-section__section md-checkbox {
  display: block;
}
.my-challenges-section__section md-checkbox .md-label {
  font-size: 14px;
}
.my-challenges-section__section md-select-value:not(.md-select-placeholder) span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-section__section input {
    font-size: 14px;
  }
}

.my-challenges-media__remove, .my-challenges-media__add, .my-challenges-media__save {
  position: absolute;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: black;
  font-size: 14px;
  max-height: 25px;
}

my-challenges-media {
  position: relative;
  display: block;
  width: 840px;
  max-width: 100%;
  min-height: 124px;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
my-challenges-media .title, my-challenges-media .challenges .challengeToggle .title-mobile, .challenges .challengeToggle my-challenges-media .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
my-challenges-media .gs-loader {
  background-color: #fff;
}

.my-challenges-media__content-wrapper .my-challenges-media {
  display: flex;
  align-items: center;
}
.my-challenges-media__save {
  right: 5px;
  background-color: #3397d2;
}
.my-challenges-media__add {
  left: 5px;
  background-color: #3397d2;
}
.my-challenges-media__remove {
  position: relative;
  background-color: #d23333;
  left: 5px;
}
.my-challenges-media__remove i {
  transform: rotate(45deg);
}
.my-challenges-media__input {
  width: calc(100% - 40px);
  vertical-align: top;
  font-size: 18px;
  line-height: 1.3;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

my-challenges-achievement-prize .add-item-btn {
  color: #218CCC;
  cursor: pointer;
  font-size: 14px;
}
my-challenges-achievement-prize .remove-item-btn {
  color: red;
  cursor: pointer;
  font-size: 14px;
}

my-challenges-editor {
  position: relative;
  display: block;
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  color: #000;
  font-size: 0;
  line-height: 1;
  /* TODO: Why? */
}
my-challenges-editor .gs-m-t-20.my-challenges-editor__group--exhibition-application {
  margin-top: 20px;
}

.my-challenges-editor__group {
  margin-top: 10px;
  padding: 9px 10px; /* -1px because of border 1px width */
  border: 1px dashed black;
  position: relative;
}
.my-challenges-editor__group:after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.my-challenges-editor__group--badge:after {
  content: "Badge";
}
.my-challenges-editor__group--turbo:after {
  content: "Turbo";
}
.my-challenges-editor__group--time:after {
  content: "Time";
}
.my-challenges-editor__group--exhibition-application:after {
  content: "Exhibition application";
}
.my-challenges-editor__cover {
  position: relative;
  width: 100%;
  padding-bottom: 31%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.my-challenges-editor__cover-change {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3D(0, -50%, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.my-challenges-editor__cover-change > i {
  display: block;
  color: #ccc;
  font-size: 120px;
}
.my-challenges-editor__cover-change .gs-btn--blue--s--, .my-challenges-editor__cover-change fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__cover-change .fix-footer__btn--s--, .my-challenges-editor__cover-change .gs-btn--white, .my-challenges-editor__cover-change .gs-btn--red, .my-challenges-editor__cover-change .gs-btn--grey, .my-challenges-editor__cover-change .gs-btn--instagram {
  margin-top: 14px;
  margin-right: 20px;
}

.my-challenges-editor__form {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.my-challenges-editor__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 520px;
  padding: 5px;
  transition: opacity 333ms ease-in-out;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__preview:hover {
  opacity: 0;
}
.my-challenges-editor__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.my-challenges-editor__preview gs-challenge {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .my-challenges-editor__preview {
    display: none;
  }
}

.my-challenges-editor__label {
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__input {
  position: relative;
  height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__input input {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__input input::placeholder {
  color: #ccc;
}
.my-challenges-editor__input input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.my-challenges-editor__input .welcome_message {
  overflow: auto;
  width: 100%;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  color: #444;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message::placeholder {
  color: #ccc;
}
.my-challenges-editor__input .welcome_message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message ul,
.my-challenges-editor__input .welcome_message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__input .welcome_message ul li,
.my-challenges-editor__input .welcome_message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.my-challenges-editor__input .welcome_message ol li {
  margin-bottom: 10px;
}
.my-challenges-editor__input .welcome_message p {
  padding: 0;
}
.my-challenges-editor__input select {
  width: 110px;
  height: 29px;
  margin-left: 100px;
  padding: 5px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 18px;
}
.my-challenges-editor__input select::placeholder {
  color: #ccc;
}
.my-challenges-editor__input option {
  padding: 20px;
  line-height: 2;
}
.my-challenges-editor__input--in-two-rows {
  height: auto;
  min-height: 43px;
}
@media screen and (max-width: 768px) {
  .my-challenges-editor__input input {
    font-size: 14px;
  }
}

.my-challenges-editor__tip {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  margin: 11px auto;
  padding: 0;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1), opacity 0.8s cubic-bezier(0, 1, 0, 1);
  text-align: left;
  opacity: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #555;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__tip.active {
  overflow: visible;
  max-height: 1000px;
  padding: 35px 50px 20px;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 1;
}
.my-challenges-editor__tip:after {
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #555;
}
.my-challenges-editor__tip .icon-gurushots {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 28px;
}

.my-challenges-editor__tip-item {
  display: inline-block;
  font-size: 14px;
}
.my-challenges-editor__tip-item + .my-challenges-editor__tip-item {
  margin-top: 10px;
}
.my-challenges-editor__tip-item h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.my-challenges-editor__tip-item p {
  margin: 5px 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.my-challenges-editor__actions, .my-challenges-editor__suggest__actions {
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  line-height: 1.3;
}
.my-challenges-editor__actions .gs-btn--blue--s--, .my-challenges-editor__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__actions .fix-footer__btn--s--, .my-challenges-editor__suggest__actions .gs-btn--blue--s--, .my-challenges-editor__suggest__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__suggest__actions .fix-footer__btn--s--, .my-challenges-editor__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--red, .my-challenges-editor__actions .gs-btn--grey, .my-challenges-editor__suggest__actions .gs-btn--grey, .my-challenges-editor__actions .gs-btn--instagram, .my-challenges-editor__suggest__actions .gs-btn--instagram,
.my-challenges-editor__actions .gs-btn--red {
  margin: 10px;
}

.my-challenges-editor__suggest {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 70px 20px 20px;
}

.my-challenges-editor__suggest-brief {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.my-challenges-editor__suggest-brief p {
  padding: 0;
}

.my-challenges-editor__suggest-title {
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.my-challenges-editor__suggest-title span {
  font-weight: 300;
}

.my-challenges-editor__suggest__actions {
  margin-top: 30px;
}
.my-challenges-editor__suggest__actions span {
  color: #777;
  font-weight: 400;
  display: block;
  font-size: 14px;
}

.my-challenges-editor__chips {
  vertical-align: middle;
  display: inline-block;
  width: 600px;
}

.my-challenges-editor__social-label {
  margin: 30px 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__social-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__social-item {
  position: relative;
  text-align: left;
}
.my-challenges-editor__social-item + .my-challenges-editor__social-item {
  margin-top: 20px;
}
.my-challenges-editor__social-item > i {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  margin-right: 20px;
  transform: translate3D(0, -50%, 0);
  vertical-align: middle;
  color: #222;
  font-size: 20px;
}
.my-challenges-editor__social-item input {
  width: 100%;
  padding: 10px 10px 10px 40px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__social-item input::placeholder {
  color: #ccc;
}
.my-challenges-editor__social-item input[type=date] {
  width: 190px;
  padding: 5px 10px;
}

.my-challenges-editor__admin-tools {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.my-challenges-editor__switch {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.gs-manager-edit__required-label {
  margin-top: 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.gs-manager-edit__required-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.gs-manager-edit__title {
  margin: 40px auto;
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.gs-manager-edit__title span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: baseline;
  text-transform: uppercase;
  border-radius: 11px;
  background-color: #ccc;
  font-weight: 500;
}

.gs-manager-edit__form {
  display: block;
  max-width: 800px;
  margin: 30px auto;
}

.gs-manager-edit__cover {
  position: relative;
  width: 100%;
  margin: 40px auto 10px;
  padding-bottom: 31%;
  border: 5px solid #fff;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gs-manager-edit__cover-change {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 400;
}

.gs-manager-edit__label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .gs-manager-edit__label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}

.gs-manager-edit__input, .gs-manager-edit__input--short {
  position: relative;
  min-height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-manager-edit__input input, .gs-manager-edit__input--short input {
  width: calc(100% - 205px);
  height: 100%;
  margin-left: 5px;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.gs-manager-edit__input input::placeholder, .gs-manager-edit__input--short input::placeholder {
  color: #ccc;
}
.gs-manager-edit__input input[type=date], .gs-manager-edit__input--short input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.gs-manager-edit__input textarea, .gs-manager-edit__input--short textarea {
  display: inline-block;
  width: calc(100% - 205px);
  min-height: 135px;
  margin-left: 5px;
  padding: 10px;
  resize: none;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.gs-manager-edit__input textarea::placeholder, .gs-manager-edit__input--short textarea::placeholder {
  color: #ccc;
}
.gs-manager-edit__input select, .gs-manager-edit__input--short select {
  width: 300px;
  height: 100%;
  margin-left: 5px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
.gs-manager-edit__input select::placeholder, .gs-manager-edit__input--short select::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .gs-manager-edit__input, .gs-manager-edit__input--short {
    display: block;
    margin-bottom: 10px;
  }
  .gs-manager-edit__input input, .gs-manager-edit__input--short input {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
  .gs-manager-edit__input select, .gs-manager-edit__input--short select {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
}

.gs-manager-edit__input--short md-select,
.gs-manager-edit__input--short span {
  font-size: 18px;
  width: 600px;
}
.gs-manager-edit__input--short input {
  padding: 5px 10px;
}
.gs-manager-edit__input--short input[disabled] {
  text-align: center;
  text-transform: uppercase;
  color: #57b1ff;
  border-radius: 11px;
  background-color: #000;
  font-weight: 600;
}

.gs-manager-edit__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.gs-manager-edit__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.gs-manager-edit__admin-tools {
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.gs-manager-edit__actions {
  margin-top: 30px;
  text-align: center;
}
.gs-manager-edit__actions .gs-btn--blue--s--, .gs-manager-edit__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-manager-edit__actions .fix-footer__btn--s--, .gs-manager-edit__actions .gs-btn--white, .gs-manager-edit__actions .gs-btn--red, .gs-manager-edit__actions .gs-btn--grey, .gs-manager-edit__actions .gs-btn--instagram {
  margin: 0 10px;
}

.gs-manager-edit__input--date {
  height: 43px;
  margin-top: 20px;
  font-size: 18px;
}
.gs-manager-edit__input--date.gap-10 {
  gap: 10px;
}
.gs-manager-edit__input--date .recommended-start-time input,
.gs-manager-edit__input--date .recommended-end-time input,
.gs-manager-edit__input--date input {
  height: 100%;
  font-size: 18px;
  width: calc(50% - 110px);
}
.gs-manager-edit__input--date .recommended-start-time,
.gs-manager-edit__input--date .recommended-end-time {
  width: 590px;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 5;
  gap: 12px;
}

.gs-manager-edit__input--date__time {
  margin-left: 10px !important;
}

.gs-manager-edit__input--duration span {
  font-size: 18px;
  line-height: 43px;
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 0 10px;
  width: calc(100% - 205px);
  margin-left: 5px;
}
.gs-manager-edit__input--duration input {
  pointer-events: none;
}

.gs-manager-editor__user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 20px 0;
}
.gs-manager-editor__user .gs-manager-editor__user-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #777;
}

.gs-manager-editor__bid-schedule {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: left;
}
.gs-manager-editor__bid-schedule span {
  margin-right: 20px;
}

.gs-manager-editor__bid-schedule_text {
  padding-left: 200px;
  font-size: 18px;
  width: 600px;
  line-height: 1.4;
}

.my-challenges-section {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
.my-challenges-section .title, .my-challenges-section .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-section .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.my-challenges-section .gs-loader {
  background-color: #fff;
}
.my-challenges-section hr {
  margin-bottom: 30px;
}

.my-challenges-section__label {
  text-align: left;
  letter-spacing: -0.3px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my-challenges-section__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-section__title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 35px;
  color: black;
  border-top: 1px solid black;
  padding-top: 30px;
}

.my-challenges-section__title-group {
  display: flex;
  gap: 15px;
  align-items: baseline;
  border-top: 1px solid black;
  padding-top: 30px;
}

.no-border {
  border: none;
  padding: 0;
}

.my-challenges-section__section {
  margin-bottom: 30px;
  font-size: 15px;
  padding-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-section__section input {
  width: 100%;
  padding: 5px 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-section__section input::placeholder {
  color: #ccc;
}
.my-challenges-section__section md-input-container {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1.3;
}
.my-challenges-section__section md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.7);
}
.my-challenges-section__section md-checkbox {
  display: block;
}
.my-challenges-section__section md-checkbox .md-label {
  font-size: 14px;
}
.my-challenges-section__section md-select-value:not(.md-select-placeholder) span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-section__section input {
    font-size: 14px;
  }
}

my-challenges-rank-levels {
  position: relative;
  display: block;
  width: 840px;
  max-width: 100%;
  min-height: 124px;
  margin: 50px auto 0;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
my-challenges-rank-levels .title, my-challenges-rank-levels .challenges .challengeToggle .title-mobile, .challenges .challengeToggle my-challenges-rank-levels .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
my-challenges-rank-levels .gs-loader {
  background-color: #fff;
}

.my-challenges-rank-levels__input {
  width: calc(100% - 40px);
  margin: 20px 20px 0;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.3;
}

.my-challenges-rank-levels__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

my-challenges-editor {
  position: relative;
  display: block;
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  color: #000;
  font-size: 0;
  line-height: 1;
  /* TODO: Why? */
}
my-challenges-editor .gs-m-t-20.my-challenges-editor__group--exhibition-application {
  margin-top: 20px;
}

.my-challenges-editor__group {
  margin-top: 10px;
  padding: 9px 10px; /* -1px because of border 1px width */
  border: 1px dashed black;
  position: relative;
}
.my-challenges-editor__group:after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.my-challenges-editor__group--badge:after {
  content: "Badge";
}
.my-challenges-editor__group--turbo:after {
  content: "Turbo";
}
.my-challenges-editor__group--time:after {
  content: "Time";
}
.my-challenges-editor__group--exhibition-application:after {
  content: "Exhibition application";
}
.my-challenges-editor__cover {
  position: relative;
  width: 100%;
  padding-bottom: 31%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.my-challenges-editor__cover-change {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3D(0, -50%, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.my-challenges-editor__cover-change > i {
  display: block;
  color: #ccc;
  font-size: 120px;
}
.my-challenges-editor__cover-change .gs-btn--blue--s--, .my-challenges-editor__cover-change fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__cover-change .fix-footer__btn--s--, .my-challenges-editor__cover-change .gs-btn--white, .my-challenges-editor__cover-change .gs-btn--red, .my-challenges-editor__cover-change .gs-btn--grey, .my-challenges-editor__cover-change .gs-btn--instagram {
  margin-top: 14px;
  margin-right: 20px;
}

.my-challenges-editor__form {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.my-challenges-editor__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 520px;
  padding: 5px;
  transition: opacity 333ms ease-in-out;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__preview:hover {
  opacity: 0;
}
.my-challenges-editor__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.my-challenges-editor__preview gs-challenge {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .my-challenges-editor__preview {
    display: none;
  }
}

.my-challenges-editor__label {
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__input {
  position: relative;
  height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__input input {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__input input::placeholder {
  color: #ccc;
}
.my-challenges-editor__input input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.my-challenges-editor__input .welcome_message {
  overflow: auto;
  width: 100%;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  color: #444;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message::placeholder {
  color: #ccc;
}
.my-challenges-editor__input .welcome_message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message ul,
.my-challenges-editor__input .welcome_message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__input .welcome_message ul li,
.my-challenges-editor__input .welcome_message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.my-challenges-editor__input .welcome_message ol li {
  margin-bottom: 10px;
}
.my-challenges-editor__input .welcome_message p {
  padding: 0;
}
.my-challenges-editor__input select {
  width: 110px;
  height: 29px;
  margin-left: 100px;
  padding: 5px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 18px;
}
.my-challenges-editor__input select::placeholder {
  color: #ccc;
}
.my-challenges-editor__input option {
  padding: 20px;
  line-height: 2;
}
.my-challenges-editor__input--in-two-rows {
  height: auto;
  min-height: 43px;
}
@media screen and (max-width: 768px) {
  .my-challenges-editor__input input {
    font-size: 14px;
  }
}

.my-challenges-editor__tip {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  margin: 11px auto;
  padding: 0;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1), opacity 0.8s cubic-bezier(0, 1, 0, 1);
  text-align: left;
  opacity: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #555;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__tip.active {
  overflow: visible;
  max-height: 1000px;
  padding: 35px 50px 20px;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 1;
}
.my-challenges-editor__tip:after {
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #555;
}
.my-challenges-editor__tip .icon-gurushots {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 28px;
}

.my-challenges-editor__tip-item {
  display: inline-block;
  font-size: 14px;
}
.my-challenges-editor__tip-item + .my-challenges-editor__tip-item {
  margin-top: 10px;
}
.my-challenges-editor__tip-item h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.my-challenges-editor__tip-item p {
  margin: 5px 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.my-challenges-editor__actions, .my-challenges-editor__suggest__actions {
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  line-height: 1.3;
}
.my-challenges-editor__actions .gs-btn--blue--s--, .my-challenges-editor__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__actions .fix-footer__btn--s--, .my-challenges-editor__suggest__actions .gs-btn--blue--s--, .my-challenges-editor__suggest__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__suggest__actions .fix-footer__btn--s--, .my-challenges-editor__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--red, .my-challenges-editor__actions .gs-btn--grey, .my-challenges-editor__suggest__actions .gs-btn--grey, .my-challenges-editor__actions .gs-btn--instagram, .my-challenges-editor__suggest__actions .gs-btn--instagram,
.my-challenges-editor__actions .gs-btn--red {
  margin: 10px;
}

.my-challenges-editor__suggest {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 70px 20px 20px;
}

.my-challenges-editor__suggest-brief {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.my-challenges-editor__suggest-brief p {
  padding: 0;
}

.my-challenges-editor__suggest-title {
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.my-challenges-editor__suggest-title span {
  font-weight: 300;
}

.my-challenges-editor__suggest__actions {
  margin-top: 30px;
}
.my-challenges-editor__suggest__actions span {
  color: #777;
  font-weight: 400;
  display: block;
  font-size: 14px;
}

.my-challenges-editor__chips {
  vertical-align: middle;
  display: inline-block;
  width: 600px;
}

.my-challenges-editor__social-label {
  margin: 30px 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__social-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__social-item {
  position: relative;
  text-align: left;
}
.my-challenges-editor__social-item + .my-challenges-editor__social-item {
  margin-top: 20px;
}
.my-challenges-editor__social-item > i {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  margin-right: 20px;
  transform: translate3D(0, -50%, 0);
  vertical-align: middle;
  color: #222;
  font-size: 20px;
}
.my-challenges-editor__social-item input {
  width: 100%;
  padding: 10px 10px 10px 40px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__social-item input::placeholder {
  color: #ccc;
}
.my-challenges-editor__social-item input[type=date] {
  width: 190px;
  padding: 5px 10px;
}

.my-challenges-editor__admin-tools {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.my-challenges-editor__switch {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.gs-manager-edit__required-label {
  margin-top: 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.gs-manager-edit__required-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.gs-manager-edit__title {
  margin: 40px auto;
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.gs-manager-edit__title span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: baseline;
  text-transform: uppercase;
  border-radius: 11px;
  background-color: #ccc;
  font-weight: 500;
}

.gs-manager-edit__form {
  display: block;
  max-width: 800px;
  margin: 30px auto;
}

.gs-manager-edit__cover {
  position: relative;
  width: 100%;
  margin: 40px auto 10px;
  padding-bottom: 31%;
  border: 5px solid #fff;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gs-manager-edit__cover-change {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 400;
}

.gs-manager-edit__label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .gs-manager-edit__label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}

.gs-manager-edit__input, .gs-manager-edit__input--short {
  position: relative;
  min-height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-manager-edit__input input, .gs-manager-edit__input--short input {
  width: calc(100% - 205px);
  height: 100%;
  margin-left: 5px;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.gs-manager-edit__input input::placeholder, .gs-manager-edit__input--short input::placeholder {
  color: #ccc;
}
.gs-manager-edit__input input[type=date], .gs-manager-edit__input--short input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.gs-manager-edit__input textarea, .gs-manager-edit__input--short textarea {
  display: inline-block;
  width: calc(100% - 205px);
  min-height: 135px;
  margin-left: 5px;
  padding: 10px;
  resize: none;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.gs-manager-edit__input textarea::placeholder, .gs-manager-edit__input--short textarea::placeholder {
  color: #ccc;
}
.gs-manager-edit__input select, .gs-manager-edit__input--short select {
  width: 300px;
  height: 100%;
  margin-left: 5px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
.gs-manager-edit__input select::placeholder, .gs-manager-edit__input--short select::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .gs-manager-edit__input, .gs-manager-edit__input--short {
    display: block;
    margin-bottom: 10px;
  }
  .gs-manager-edit__input input, .gs-manager-edit__input--short input {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
  .gs-manager-edit__input select, .gs-manager-edit__input--short select {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
}

.gs-manager-edit__input--short md-select,
.gs-manager-edit__input--short span {
  font-size: 18px;
  width: 600px;
}
.gs-manager-edit__input--short input {
  padding: 5px 10px;
}
.gs-manager-edit__input--short input[disabled] {
  text-align: center;
  text-transform: uppercase;
  color: #57b1ff;
  border-radius: 11px;
  background-color: #000;
  font-weight: 600;
}

.gs-manager-edit__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.gs-manager-edit__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.gs-manager-edit__admin-tools {
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.gs-manager-edit__actions {
  margin-top: 30px;
  text-align: center;
}
.gs-manager-edit__actions .gs-btn--blue--s--, .gs-manager-edit__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-manager-edit__actions .fix-footer__btn--s--, .gs-manager-edit__actions .gs-btn--white, .gs-manager-edit__actions .gs-btn--red, .gs-manager-edit__actions .gs-btn--grey, .gs-manager-edit__actions .gs-btn--instagram {
  margin: 0 10px;
}

.gs-manager-edit__input--date {
  height: 43px;
  margin-top: 20px;
  font-size: 18px;
}
.gs-manager-edit__input--date.gap-10 {
  gap: 10px;
}
.gs-manager-edit__input--date .recommended-start-time input,
.gs-manager-edit__input--date .recommended-end-time input,
.gs-manager-edit__input--date input {
  height: 100%;
  font-size: 18px;
  width: calc(50% - 110px);
}
.gs-manager-edit__input--date .recommended-start-time,
.gs-manager-edit__input--date .recommended-end-time {
  width: 590px;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 5;
  gap: 12px;
}

.gs-manager-edit__input--date__time {
  margin-left: 10px !important;
}

.gs-manager-edit__input--duration span {
  font-size: 18px;
  line-height: 43px;
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 0 10px;
  width: calc(100% - 205px);
  margin-left: 5px;
}
.gs-manager-edit__input--duration input {
  pointer-events: none;
}

.gs-manager-editor__user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 20px 0;
}
.gs-manager-editor__user .gs-manager-editor__user-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #777;
}

.gs-manager-editor__bid-schedule {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: left;
}
.gs-manager-editor__bid-schedule span {
  margin-right: 20px;
}

.gs-manager-editor__bid-schedule_text {
  padding-left: 200px;
  font-size: 18px;
  width: 600px;
  line-height: 1.4;
}

.my-challenges-section {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
.my-challenges-section .title, .my-challenges-section .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-section .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.my-challenges-section .gs-loader {
  background-color: #fff;
}
.my-challenges-section hr {
  margin-bottom: 30px;
}

.my-challenges-section__label {
  text-align: left;
  letter-spacing: -0.3px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my-challenges-section__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-section__title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 35px;
  color: black;
  border-top: 1px solid black;
  padding-top: 30px;
}

.my-challenges-section__title-group {
  display: flex;
  gap: 15px;
  align-items: baseline;
  border-top: 1px solid black;
  padding-top: 30px;
}

.no-border {
  border: none;
  padding: 0;
}

.my-challenges-section__section {
  margin-bottom: 30px;
  font-size: 15px;
  padding-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-section__section input {
  width: 100%;
  padding: 5px 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-section__section input::placeholder {
  color: #ccc;
}
.my-challenges-section__section md-input-container {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1.3;
}
.my-challenges-section__section md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.7);
}
.my-challenges-section__section md-checkbox {
  display: block;
}
.my-challenges-section__section md-checkbox .md-label {
  font-size: 14px;
}
.my-challenges-section__section md-select-value:not(.md-select-placeholder) span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-section__section input {
    font-size: 14px;
  }
}

my-challenges-sponsors {
  position: relative;
  display: block;
  width: 840px;
  max-width: 100%;
  min-height: 124px;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
my-challenges-sponsors .title, my-challenges-sponsors .challenges .challengeToggle .title-mobile, .challenges .challengeToggle my-challenges-sponsors .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
my-challenges-sponsors .gs-loader {
  background-color: #fff;
}

.my-challenges-sponsors__input {
  position: relative;
  width: calc(100% - 70px);
  margin: 20px 20px 0;
  vertical-align: top;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-sponsors__input img {
  height: 20px;
}
.my-challenges-sponsors__input .icon-close {
  position: absolute;
  top: 50%;
  left: calc(100% + 10px);
  cursor: pointer;
  transform: translateY(-50%);
  font-size: 12px;
}

.my-challenges-sponsors__add {
  position: absolute;
  bottom: 5px;
  left: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-sponsors__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

my-challenges-editor {
  position: relative;
  display: block;
  min-height: calc(100vh - 68px);
  margin: 0 auto;
  color: #000;
  font-size: 0;
  line-height: 1;
  /* TODO: Why? */
}
my-challenges-editor .gs-m-t-20.my-challenges-editor__group--exhibition-application {
  margin-top: 20px;
}

.my-challenges-editor__group {
  margin-top: 10px;
  padding: 9px 10px; /* -1px because of border 1px width */
  border: 1px dashed black;
  position: relative;
}
.my-challenges-editor__group:after {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 1px;
  width: 100%;
  font-size: 10px;
  text-align: left;
}
.my-challenges-editor__group--badge:after {
  content: "Badge";
}
.my-challenges-editor__group--turbo:after {
  content: "Turbo";
}
.my-challenges-editor__group--time:after {
  content: "Time";
}
.my-challenges-editor__group--exhibition-application:after {
  content: "Exhibition application";
}
.my-challenges-editor__cover {
  position: relative;
  width: 100%;
  padding-bottom: 31%;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.my-challenges-editor__cover-change {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3D(0, -50%, 0);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
}
.my-challenges-editor__cover-change > i {
  display: block;
  color: #ccc;
  font-size: 120px;
}
.my-challenges-editor__cover-change .gs-btn--blue--s--, .my-challenges-editor__cover-change fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__cover-change .fix-footer__btn--s--, .my-challenges-editor__cover-change .gs-btn--white, .my-challenges-editor__cover-change .gs-btn--red, .my-challenges-editor__cover-change .gs-btn--grey, .my-challenges-editor__cover-change .gs-btn--instagram {
  margin-top: 14px;
  margin-right: 20px;
}

.my-challenges-editor__form {
  max-width: 840px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.my-challenges-editor__preview {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 520px;
  padding: 5px;
  transition: opacity 333ms ease-in-out;
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.78);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__preview:hover {
  opacity: 0;
}
.my-challenges-editor__preview:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
}
.my-challenges-editor__preview gs-challenge {
  width: 500px;
}
@media screen and (max-width: 1300px) {
  .my-challenges-editor__preview {
    display: none;
  }
}

.my-challenges-editor__label {
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__input {
  position: relative;
  height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-editor__input input {
  width: 100%;
  height: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__input input::placeholder {
  color: #ccc;
}
.my-challenges-editor__input input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.my-challenges-editor__input .welcome_message {
  overflow: auto;
  width: 100%;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  color: #444;
  border: 1px solid #ccc;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message::placeholder {
  color: #ccc;
}
.my-challenges-editor__input .welcome_message h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.my-challenges-editor__input .welcome_message ul,
.my-challenges-editor__input .welcome_message ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__input .welcome_message ul li,
.my-challenges-editor__input .welcome_message ol li {
  font-size: 16px;
  line-height: 1.6;
}
.my-challenges-editor__input .welcome_message ol li {
  margin-bottom: 10px;
}
.my-challenges-editor__input .welcome_message p {
  padding: 0;
}
.my-challenges-editor__input select {
  width: 110px;
  height: 29px;
  margin-left: 100px;
  padding: 5px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: transparent;
  font-size: 18px;
}
.my-challenges-editor__input select::placeholder {
  color: #ccc;
}
.my-challenges-editor__input option {
  padding: 20px;
  line-height: 2;
}
.my-challenges-editor__input--in-two-rows {
  height: auto;
  min-height: 43px;
}
@media screen and (max-width: 768px) {
  .my-challenges-editor__input input {
    font-size: 14px;
  }
}

.my-challenges-editor__tip {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  margin: 11px auto;
  padding: 0;
  transition: max-height 0.8s cubic-bezier(0, 1, 0, 1), opacity 0.8s cubic-bezier(0, 1, 0, 1);
  text-align: left;
  opacity: 0;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: #555;
  font-size: 0;
  line-height: 1;
}
.my-challenges-editor__tip.active {
  overflow: visible;
  max-height: 1000px;
  padding: 35px 50px 20px;
  transition: max-height 0.8s ease-in-out, opacity 0.8s ease-in-out;
  opacity: 1;
}
.my-challenges-editor__tip:after {
  position: absolute;
  bottom: 100%;
  left: 25px;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: "";
  pointer-events: none;
  border: solid transparent;
  border-width: 10px;
  border-bottom-color: #555;
}
.my-challenges-editor__tip .icon-gurushots {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 28px;
}

.my-challenges-editor__tip-item {
  display: inline-block;
  font-size: 14px;
}
.my-challenges-editor__tip-item + .my-challenges-editor__tip-item {
  margin-top: 10px;
}
.my-challenges-editor__tip-item h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.6;
}
.my-challenges-editor__tip-item p {
  margin: 5px 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.8;
}

.my-challenges-editor__actions, .my-challenges-editor__suggest__actions {
  width: 100%;
  margin: 10px auto 30px;
  text-align: center;
  line-height: 1.3;
}
.my-challenges-editor__actions .gs-btn--blue--s--, .my-challenges-editor__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__actions .fix-footer__btn--s--, .my-challenges-editor__suggest__actions .gs-btn--blue--s--, .my-challenges-editor__suggest__actions fixed-footer .fix-footer__btn--s--, fixed-footer .my-challenges-editor__suggest__actions .fix-footer__btn--s--, .my-challenges-editor__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--white, .my-challenges-editor__suggest__actions .gs-btn--red, .my-challenges-editor__actions .gs-btn--grey, .my-challenges-editor__suggest__actions .gs-btn--grey, .my-challenges-editor__actions .gs-btn--instagram, .my-challenges-editor__suggest__actions .gs-btn--instagram,
.my-challenges-editor__actions .gs-btn--red {
  margin: 10px;
}

.my-challenges-editor__suggest {
  position: relative;
  width: 100%;
  background-color: white;
  padding: 70px 20px 20px;
}

.my-challenges-editor__suggest-brief {
  margin-top: 20px;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
}
.my-challenges-editor__suggest-brief p {
  padding: 0;
}

.my-challenges-editor__suggest-title {
  letter-spacing: -0.6px;
  color: #000000;
  font-size: 32px;
  line-height: 1.3;
  margin-bottom: 20px;
}
.my-challenges-editor__suggest-title span {
  font-weight: 300;
}

.my-challenges-editor__suggest__actions {
  margin-top: 30px;
}
.my-challenges-editor__suggest__actions span {
  color: #777;
  font-weight: 400;
  display: block;
  font-size: 14px;
}

.my-challenges-editor__chips {
  vertical-align: middle;
  display: inline-block;
  width: 600px;
}

.my-challenges-editor__social-label {
  margin: 30px 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
.my-challenges-editor__social-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.my-challenges-editor__social-item {
  position: relative;
  text-align: left;
}
.my-challenges-editor__social-item + .my-challenges-editor__social-item {
  margin-top: 20px;
}
.my-challenges-editor__social-item > i {
  position: absolute;
  top: 50%;
  left: 10px;
  display: inline-block;
  margin-right: 20px;
  transform: translate3D(0, -50%, 0);
  vertical-align: middle;
  color: #222;
  font-size: 20px;
}
.my-challenges-editor__social-item input {
  width: 100%;
  padding: 10px 10px 10px 40px;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-editor__social-item input::placeholder {
  color: #ccc;
}
.my-challenges-editor__social-item input[type=date] {
  width: 190px;
  padding: 5px 10px;
}

.my-challenges-editor__admin-tools {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  border-top: 1px solid #ccc;
}

.my-challenges-editor__switch {
  display: inline-block;
  margin: 0;
  vertical-align: top;
}

.gs-manager-edit__required-label {
  margin-top: 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #777;
  font-size: 14px;
  font-weight: 600;
  line-height: 2;
}
.gs-manager-edit__required-label span {
  display: inline-block;
  vertical-align: baseline;
  color: #e54b4b;
}

.gs-manager-edit__title {
  margin: 40px auto;
  text-align: center;
  color: #444;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.5;
}
.gs-manager-edit__title span {
  display: inline-block;
  margin-left: 10px;
  padding: 0 8px;
  vertical-align: baseline;
  text-transform: uppercase;
  border-radius: 11px;
  background-color: #ccc;
  font-weight: 500;
}

.gs-manager-edit__form {
  display: block;
  max-width: 800px;
  margin: 30px auto;
}

.gs-manager-edit__cover {
  position: relative;
  width: 100%;
  margin: 40px auto 10px;
  padding-bottom: 31%;
  border: 5px solid #fff;
  background-color: #dddddd;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gs-manager-edit__cover-change {
  margin: 20px auto;
  font-size: 16px;
  font-weight: 400;
}

.gs-manager-edit__label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .gs-manager-edit__label {
    display: block;
    width: auto;
    margin-bottom: 10px;
  }
}

.gs-manager-edit__input, .gs-manager-edit__input--short {
  position: relative;
  min-height: 43px;
  margin-top: 20px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-manager-edit__input input, .gs-manager-edit__input--short input {
  width: calc(100% - 205px);
  height: 100%;
  margin-left: 5px;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.gs-manager-edit__input input::placeholder, .gs-manager-edit__input--short input::placeholder {
  color: #ccc;
}
.gs-manager-edit__input input[type=date], .gs-manager-edit__input--short input[type=date] {
  width: 190px;
  padding: 5px 10px;
}
.gs-manager-edit__input textarea, .gs-manager-edit__input--short textarea {
  display: inline-block;
  width: calc(100% - 205px);
  min-height: 135px;
  margin-left: 5px;
  padding: 10px;
  resize: none;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.gs-manager-edit__input textarea::placeholder, .gs-manager-edit__input--short textarea::placeholder {
  color: #ccc;
}
.gs-manager-edit__input select, .gs-manager-edit__input--short select {
  width: 300px;
  height: 100%;
  margin-left: 5px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  background-color: #fff;
  font-size: 18px;
  line-height: 1.4;
}
.gs-manager-edit__input select::placeholder, .gs-manager-edit__input--short select::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .gs-manager-edit__input, .gs-manager-edit__input--short {
    display: block;
    margin-bottom: 10px;
  }
  .gs-manager-edit__input input, .gs-manager-edit__input--short input {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
  .gs-manager-edit__input select, .gs-manager-edit__input--short select {
    width: 100%;
    margin-left: 0;
    font-size: 14px;
  }
}

.gs-manager-edit__input--short md-select,
.gs-manager-edit__input--short span {
  font-size: 18px;
  width: 600px;
}
.gs-manager-edit__input--short input {
  padding: 5px 10px;
}
.gs-manager-edit__input--short input[disabled] {
  text-align: center;
  text-transform: uppercase;
  color: #57b1ff;
  border-radius: 11px;
  background-color: #000;
  font-weight: 600;
}

.gs-manager-edit__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.gs-manager-edit__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.gs-manager-edit__admin-tools {
  width: 100%;
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #ccc;
}

.gs-manager-edit__actions {
  margin-top: 30px;
  text-align: center;
}
.gs-manager-edit__actions .gs-btn--blue--s--, .gs-manager-edit__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-manager-edit__actions .fix-footer__btn--s--, .gs-manager-edit__actions .gs-btn--white, .gs-manager-edit__actions .gs-btn--red, .gs-manager-edit__actions .gs-btn--grey, .gs-manager-edit__actions .gs-btn--instagram {
  margin: 0 10px;
}

.gs-manager-edit__input--date {
  height: 43px;
  margin-top: 20px;
  font-size: 18px;
}
.gs-manager-edit__input--date.gap-10 {
  gap: 10px;
}
.gs-manager-edit__input--date .recommended-start-time input,
.gs-manager-edit__input--date .recommended-end-time input,
.gs-manager-edit__input--date input {
  height: 100%;
  font-size: 18px;
  width: calc(50% - 110px);
}
.gs-manager-edit__input--date .recommended-start-time,
.gs-manager-edit__input--date .recommended-end-time {
  width: 590px;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-count: 5;
  gap: 12px;
}

.gs-manager-edit__input--date__time {
  margin-left: 10px !important;
}

.gs-manager-edit__input--duration span {
  font-size: 18px;
  line-height: 43px;
  vertical-align: middle;
  height: 100%;
  display: inline-block;
  border: 1px solid #767676;
  border-radius: 3px;
  padding: 0 10px;
  width: calc(100% - 205px);
  margin-left: 5px;
}
.gs-manager-edit__input--duration input {
  pointer-events: none;
}

.gs-manager-editor__user {
  width: 100%;
  border-bottom: 1px solid #ccc;
  text-align: left;
  padding: 20px 0;
}
.gs-manager-editor__user .gs-manager-editor__user-title {
  font-weight: 600;
  margin-bottom: 10px;
  color: #777;
}

.gs-manager-editor__bid-schedule {
  width: 100%;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 20px 0;
  text-align: left;
}
.gs-manager-editor__bid-schedule span {
  margin-right: 20px;
}

.gs-manager-editor__bid-schedule_text {
  padding-left: 200px;
  font-size: 18px;
  width: 600px;
  line-height: 1.4;
}

.my-challenges-section {
  position: relative;
  display: block;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
}
.my-challenges-section .title, .my-challenges-section .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-section .title-mobile {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.my-challenges-section .gs-loader {
  background-color: #fff;
}
.my-challenges-section hr {
  margin-bottom: 30px;
}

.my-challenges-section__label {
  text-align: left;
  letter-spacing: -0.3px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my-challenges-section__save {
  position: absolute;
  right: 5px;
  bottom: 5px;
  display: inline-block;
  padding: 4px 8px;
  cursor: pointer;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 14px;
}

.my-challenges-section__title {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 35px;
  color: black;
  border-top: 1px solid black;
  padding-top: 30px;
}

.my-challenges-section__title-group {
  display: flex;
  gap: 15px;
  align-items: baseline;
  border-top: 1px solid black;
  padding-top: 30px;
}

.no-border {
  border: none;
  padding: 0;
}

.my-challenges-section__section {
  margin-bottom: 30px;
  font-size: 15px;
  padding-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-section__section input {
  width: 100%;
  padding: 5px 10px;
  color: #444;
  border: 1px solid #CCC;
  border-radius: 4px;
  font-size: 18px;
}
.my-challenges-section__section input::placeholder {
  color: #ccc;
}
.my-challenges-section__section md-input-container {
  padding: 0;
  margin: 0;
  width: 100%;
  line-height: 1.3;
}
.my-challenges-section__section md-input-container:not(.md-input-invalid).md-input-has-value label {
  color: rgba(0, 0, 0, 0.7);
}
.my-challenges-section__section md-checkbox {
  display: block;
}
.my-challenges-section__section md-checkbox .md-label {
  font-size: 14px;
}
.my-challenges-section__section md-select-value:not(.md-select-placeholder) span {
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-section__section input {
    font-size: 14px;
  }
}

my-challenges-manage-draft {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  min-height: 160px;
  margin: 35px auto 0;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
my-challenges-manage-draft:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
@media screen and (max-width: 1350px) {
  my-challenges-manage-draft {
    display: none;
  }
}

.my-challenges-manage-draft__btn, .my-challenges-manage-draft__btn--share {
  display: inline-block;
  min-width: 90px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-draft__btn:hover, .my-challenges-manage-draft__btn--share:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.my-challenges-manage-draft__btn i, .my-challenges-manage-draft__btn--share i {
  margin-right: 5px;
  vertical-align: middle;
}
.my-challenges-manage-draft__btn span, .my-challenges-manage-draft__btn--share span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}

.my-challenges-manage-draft__btn--share {
  min-width: 0;
  padding: 3px 5px;
  vertical-align: bottom;
  color: #969696;
  border: solid 1px #d4dedf;
  background-color: #fff;
  font-size: 10px;
}
.my-challenges-manage-draft__btn--share:hover {
  color: #fff;
  background-color: #3397d2;
}

.my-challenges-manage-draft__section, .my-challenges-manage-draft__photos, .my-challenges-manage-draft__votes, .my-challenges-manage-draft__points, .my-challenges-manage-draft__guru-pick, .my-challenges-manage-draft__edit {
  display: inline-block;
  width: auto;
  height: 158px;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  font-size: 0;
}

.my-challenges-manage-draft__title, .my-challenges-manage-draft__votes__title, .my-challenges-manage-draft__points__title, .my-challenges-manage-draft__guru-pick__title, .my-challenges-manage-draft__edit__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}

.my-challenges-manage-draft__body, .my-challenges-manage-draft__photos__body, .my-challenges-manage-draft__votes__body, .my-challenges-manage-draft__points__body, .my-challenges-manage-draft__guru-pick__body, .my-challenges-manage-draft__edit__body {
  height: 101px;
  text-align: center;
  font-size: 14px;
  line-height: 101px;
}

.my-challenges-manage-draft__footer, .my-challenges-manage-draft__votes__footer, .my-challenges-manage-draft__points__footer, .my-challenges-manage-draft__guru-pick__footer, .my-challenges-manage-draft__edit__footer {
  height: 25px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
}
.my-challenges-manage-draft__footer:before, .my-challenges-manage-draft__votes__footer:before, .my-challenges-manage-draft__points__footer:before, .my-challenges-manage-draft__guru-pick__footer:before, .my-challenges-manage-draft__edit__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: bottom;
}

.my-challenges-manage-draft__progress {
  padding-top: 5px;
}

.my-challenges-manage-draft__btn--grey {
  display: inline-block;
  min-width: 0;
  padding: 3px 5px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  color: #969696;
  border: solid 1px #d4dedf;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-draft__btn--grey:hover {
  color: #fff;
  background-color: #3397d2;
}
.my-challenges-manage-draft__btn--grey i {
  margin-right: 5px;
  vertical-align: middle;
}
.my-challenges-manage-draft__btn--grey span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}

/* vertical line */
.my-challenges-manage-draft__v-line {
  display: inline-block;
  align-self: center;
  width: 0;
  height: 138px;
  vertical-align: middle;
  border-left: 1px solid #e2e2e2;
  line-height: 1;
}

/* cover */
.my-challenges-manage-draft__cover {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 147px;
  max-width: 158px;
  height: 158px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  text-align: center;
  vertical-align: middle;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 14px;
}

.my-challenges-manage-draft__cover__label {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 8px;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}

.my-challenges-manage-draft__cover__days_left {
  position: absolute;
  bottom: 3px;
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 15px;
  line-height: 1;
}

.my-challenges-manage-draft__cover__premium-badge, .my-challenges-manage-draft__cover____title__book-badge, .my-challenges-manage-draft__cover__expo-badge {
  position: absolute;
  top: 0;
  right: -32px;
  left: auto;
  width: 100px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
  color: #f0f0f0;
  background-color: #000;
  line-height: 35px;
}
.my-challenges-manage-draft__cover__premium-badge:after, .my-challenges-manage-draft__cover____title__book-badge:after, .my-challenges-manage-draft__cover__expo-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.my-challenges-manage-draft__cover__premium-badge i, .my-challenges-manage-draft__cover____title__book-badge i, .my-challenges-manage-draft__cover__expo-badge i {
  vertical-align: middle;
  font-size: 14px;
}

.my-challenges-manage-draft__cover__expo-badge {
  background-color: #005c83;
}

.my-challenges-manage-draft__cover____title__book-badge {
  background-color: #cc6238;
}

/* edit */
.my-challenges-manage-draft__edit {
  min-width: 140px;
}

.my-challenges-manage-draft__edit__body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 101px;
  line-height: 1;
}
.my-challenges-manage-draft__edit__body .dots {
  font-size: 38px;
  line-height: 0.5;
}
.my-challenges-manage-draft__edit__body .title, .my-challenges-manage-draft__edit__body .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-draft__edit__body .title-mobile {
  text-align: center;
  letter-spacing: -1.4px;
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}
.my-challenges-manage-draft__edit__body .date {
  letter-spacing: initial;
  font-size: 14px;
  font-weight: 400;
}

.my-challenges-manage-draft__edit__footer .starting-at {
  letter-spacing: -0.5px;
  color: #333;
  font-weight: 400;
}
.my-challenges-manage-draft__edit__footer .starting-at b {
  font-weight: 600;
}

/* gur pick */
.my-challenges-manage-draft__guru-pick {
  min-width: 140px;
  opacity: 0.3;
}

.my-challenges-manage-draft__guru-pick__body {
  position: relative;
  display: block;
  overflow: hidden;
  height: 101px;
  line-height: 1;
}
.my-challenges-manage-draft__guru-pick__body .icon-guru-stars {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  font-size: 65px;
}
.my-challenges-manage-draft__guru-pick__body .votes {
  position: absolute;
  top: calc(50% + 5px);
  left: -1px;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

/* points */
.my-challenges-manage-draft__points {
  min-width: 140px;
  opacity: 0.3;
}

.my-challenges-manage-draft__points__body {
  position: relative;
  display: block;
  height: 101px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.my-challenges-manage-draft__points__body .column-1 {
  position: relative;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  font-size: 14px;
}
.my-challenges-manage-draft__points__body .column-1 canvas {
  transform: rotate(180deg);
}
.my-challenges-manage-draft__points__body .column-2 {
  display: inline-flex;
  padding: 0 15px;
  vertical-align: middle;
  color: #3397d2;
  font-size: 18px;
}
.my-challenges-manage-draft__points__body .column-2 > span {
  margin: 0 5px;
}
.my-challenges-manage-draft__points__body .column-3 {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100%;
  vertical-align: middle;
  font-size: 14px;
}
.my-challenges-manage-draft__points__body .players {
  position: absolute;
  top: calc(50% + 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-draft__points__body .players .next {
  text-align: center;
  letter-spacing: -0.9px;
  color: #999;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
}
.my-challenges-manage-draft__points__body .title, .my-challenges-manage-draft__points__body .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-draft__points__body .title-mobile {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  width: 100%;
  color: #969696;
  font-size: 14px;
}
.my-challenges-manage-draft__points__body .points_label {
  display: block;
  width: 100%;
  height: 18px;
  background: rgba(0, 0, 0, 0) url("../svg/gs_points_icon.svg") no-repeat scroll 0 0/2.6em 1.3em;
  background-position: center;
  font-size: 11px;
}

.my-challenges-manage-draft__points__round {
  position: relative;
  display: inline-block;
  width: 91px;
  height: 91px;
  margin-top: 8px;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
}

.my-challenges-manage-draft__points__round__internal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  line-height: 0.7;
}
.my-challenges-manage-draft__points__round__internal .points_label {
  display: block;
  width: 100%;
  height: 18px;
  margin-top: 5px;
  background-position: center;
  font-size: 11px;
}

/* votes */
.my-challenges-manage-draft__votes {
  min-width: 140px;
  opacity: 0.3;
}

.my-challenges-manage-draft__votes__body {
  position: relative;
}
.my-challenges-manage-draft__votes__body .votes-total {
  position: absolute;
  top: calc(50% + 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  color: #218ccc;
  font-size: 0;
  line-height: 1;
}
.my-challenges-manage-draft__votes__body .votes-total > div {
  letter-spacing: -1.9px;
  font-size: 36px;
  font-weight: 600;
}
.my-challenges-manage-draft__votes__body .votes-total > i {
  font-size: 18px;
}
.my-challenges-manage-draft__votes__body .players {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-draft__votes__body .players .next {
  margin-top: 5px;
  text-align: center;
  letter-spacing: -0.9px;
  color: #3397d2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

/* photos */
.my-challenges-manage-draft__photos {
  min-width: 300px;
  opacity: 0.3;
}

.my-challenges-manage-draft__photos__body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 5px;
}

.my-challenges-manage-draft__photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: calc(25% - 4px);
  vertical-align: middle;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.my-challenges-manage-draft__photo:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}
.my-challenges-manage-draft__photo + .my-challenges-manage-draft__photo {
  margin-left: 4px;
}

.my-challenges-manage-draft__photos__photo__link {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #1c8bcb;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.my-challenges-manage-draft__card {
  position: absolute;
  z-index: 1;
  top: 10px;
  left: 168px;
  display: block;
  width: 52%;
  max-width: 560px;
  height: calc(100% - 20px);
  background-color: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage-draft__card .c-cards__text-block {
  margin: 0;
  padding: 17px;
}
@media screen and (max-width: 1490px) {
  .my-challenges-manage-draft__card {
    width: 50%;
  }
}
@media screen and (max-width: 1400px) {
  .my-challenges-manage-draft__card {
    width: 48%;
  }
}
@media screen and (max-width: 1270px) {
  .my-challenges-manage-draft__card {
    width: 46%;
  }
}
@media screen and (max-width: 1230px) {
  .my-challenges-manage-draft__card {
    left: 158px;
  }
}
@media screen and (max-width: 1200px) {
  .my-challenges-manage-draft__card {
    top: 5px;
    left: 5px;
    width: 100%;
    max-width: calc(100% - 10px);
    height: auto;
    min-height: 150px;
    max-height: calc(100% - 10px);
    padding: 0 0 40px 0;
  }
}
@media screen and (max-width: 768px) {
  .my-challenges-manage-draft__card {
    max-width: 285px;
    min-height: 300px;
  }
}

.my-challenges-manage-draft__card-wrap {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 17px 0;
  text-align: left;
  color: #444;
  font-size: 14px;
}

my-challenges-manage-item {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1600px;
  min-height: 160px;
  margin: 35px auto 0;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
my-challenges-manage-item:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
@media screen and (max-width: 1350px) {
  my-challenges-manage-item {
    display: none;
  }
}

.my-challenges-manage-item__btn, .my-challenges-manage-item__btn--share {
  display: inline-block;
  min-width: 90px;
  padding: 5px 10px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item__btn:hover, .my-challenges-manage-item__btn--share:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.my-challenges-manage-item__btn i, .my-challenges-manage-item__btn--share i {
  margin-right: 5px;
  vertical-align: middle;
}
.my-challenges-manage-item__btn span, .my-challenges-manage-item__btn--share span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}

.my-challenges-manage-item__btn--share {
  min-width: 0;
  padding: 3px 5px;
  vertical-align: bottom;
  color: #969696;
  border: solid 1px #d4dedf;
  background-color: #fff;
  font-size: 10px;
}
.my-challenges-manage-item__btn--share:hover {
  color: #fff;
  background-color: #3397d2;
}

.my-challenges-manage-item__section, .my-challenges-manage-item__guru-top-pick, .my-challenges-manage-item__photos, .my-challenges-manage-item__votes, .my-challenges-manage-item__points, .my-challenges-manage-item__guru-pick, .my-challenges-manage-item__time-left {
  display: inline-block;
  width: auto;
  height: 158px;
  padding: 10px 0;
  text-align: center;
  vertical-align: top;
  font-size: 0;
}

.my-challenges-manage-item__title, .my-challenges-manage-item__gurus-top-pick__title, .my-challenges-manage-item__votes__title, .my-challenges-manage-item__points__title, .my-challenges-manage-item__guru-pick__title, .my-challenges-manage-item__time-left__title {
  height: 12px;
  color: #969696;
  font-size: 14px;
}

.my-challenges-manage-item__body, .my-challenges-manage-item__gurus-top-pick__body, .my-challenges-manage-item__photos__body, .my-challenges-manage-item__votes__body, .my-challenges-manage-item__points__body--guru-pro, .my-challenges-manage-item__points__body, .my-challenges-manage-item__guru-pick__body, .my-challenges-manage-item__time-left__body {
  height: 101px;
  text-align: center;
  font-size: 14px;
  line-height: 101px;
}

.my-challenges-manage-item__footer, .my-challenges-manage-item__gurus-top-pick__footer, .my-challenges-manage-item__votes__footer, .my-challenges-manage-item__points__footer, .my-challenges-manage-item__guru-pick__footer, .my-challenges-manage-item__time-left__footer {
  height: 25px;
  text-align: center;
  white-space: nowrap;
  font-size: 14px;
}
.my-challenges-manage-item__footer:before, .my-challenges-manage-item__gurus-top-pick__footer:before, .my-challenges-manage-item__votes__footer:before, .my-challenges-manage-item__points__footer:before, .my-challenges-manage-item__guru-pick__footer:before, .my-challenges-manage-item__time-left__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: bottom;
}

.my-challenges-manage-item__progress {
  padding-top: 5px;
}

.my-challenges-manage-item__btn--grey {
  display: inline-block;
  min-width: 0;
  padding: 3px 5px;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  vertical-align: bottom;
  text-decoration: none;
  color: #969696;
  border: solid 1px #d4dedf;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item__btn--grey:hover {
  color: #fff;
  background-color: #3397d2;
}
.my-challenges-manage-item__btn--grey i {
  margin-right: 5px;
  vertical-align: middle;
}
.my-challenges-manage-item__btn--grey span {
  vertical-align: middle;
  font-weight: 600;
  line-height: 1;
}

/* vertical line */
.my-challenges-manage-item__v-line {
  display: inline-block;
  align-self: center;
  width: 0;
  height: 138px;
  vertical-align: middle;
  border-left: 1px solid #e2e2e2;
  line-height: 1;
}

/* cover */
.my-challenges-manage-item__cover {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 147px;
  max-width: 158px;
  height: 158px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  text-align: center;
  vertical-align: middle;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  font-size: 14px;
}
.my-challenges-manage-item__cover > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.my-challenges-manage-item__cover__label {
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 8px;
  transform: translateY(-50%);
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.my-challenges-manage-item__cover__days_left {
  position: absolute;
  bottom: 3px;
  display: block;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  text-shadow: 0 0 8px #000;
  font-size: 15px;
  line-height: 1;
}

.my-challenges-manage-item__cover__premium-badge, .my-challenges-manage-item__cover____title__book-badge, .my-challenges-manage-item__cover__expo-badge {
  position: absolute;
  top: 0;
  right: -32px;
  left: auto;
  width: 100px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
  color: #f0f0f0;
  background-color: #000;
  line-height: 35px;
}
.my-challenges-manage-item__cover__premium-badge:after, .my-challenges-manage-item__cover____title__book-badge:after, .my-challenges-manage-item__cover__expo-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.my-challenges-manage-item__cover__premium-badge i, .my-challenges-manage-item__cover____title__book-badge i, .my-challenges-manage-item__cover__expo-badge i {
  vertical-align: middle;
  font-size: 14px;
}

.my-challenges-manage-item__cover__expo-badge {
  background-color: #005c83;
}

.my-challenges-manage-item__cover____title__book-badge {
  background-color: #cc6238;
}

/* time left */
.my-challenges-manage-item__time-left {
  min-width: 140px;
}

.my-challenges-manage-item__time-left__body {
  position: relative;
  display: block;
  overflow: hidden;
  height: 101px;
  line-height: 1;
}
.my-challenges-manage-item__time-left__body .icon-hourglass-start {
  position: absolute;
  top: calc(50% + 5px);
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  font-size: 40px;
}

.my-challenges-manage-item__time-left__footer {
  position: relative;
  top: -33px;
}
.my-challenges-manage-item__time-left__footer .time_left {
  vertical-align: middle;
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

/* gur pick */
.my-challenges-manage-item__guru-pick {
  min-width: 140px;
}

.my-challenges-manage-item__guru-pick__body {
  position: relative;
  display: block;
  overflow: hidden;
  height: 101px;
  line-height: 1;
}
.my-challenges-manage-item__guru-pick__body .icon-guru-stars {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  font-size: 65px;
}
.my-challenges-manage-item__guru-pick__body .votes {
  position: absolute;
  top: calc(50% + 5px);
  left: -1px;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}

/* points */
.my-challenges-manage-item__points {
  min-width: 140px;
}

.my-challenges-manage-item__points__body {
  position: relative;
  display: block;
  height: 101px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.my-challenges-manage-item__points__body .column-1 {
  position: relative;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  font-size: 14px;
}
.my-challenges-manage-item__points__body .column-1 canvas {
  transform: rotate(180deg);
}
.my-challenges-manage-item__points__body .column-2 {
  display: inline-flex;
  padding: 0 15px;
  vertical-align: middle;
  color: #3397d2;
  font-size: 18px;
}
.my-challenges-manage-item__points__body .column-2 > span {
  margin: 0 5px;
}
.my-challenges-manage-item__points__body .column-3 {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100%;
  vertical-align: middle;
  font-size: 14px;
}
.my-challenges-manage-item__points__body .players {
  position: absolute;
  top: calc(50% + 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item__points__body .players .next {
  text-align: center;
  letter-spacing: -0.9px;
  color: #999;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
}
.my-challenges-manage-item__points__body .title, .my-challenges-manage-item__points__body .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item__points__body .title-mobile {
  position: absolute;
  bottom: calc(100% - 1px);
  left: 0;
  width: 100%;
  color: #969696;
  font-size: 14px;
}
.my-challenges-manage-item__points__body .points_label {
  display: block;
  width: 40px;
  height: 18px;
  background-position: center;
  font-size: 11px;
}

.my-challenges-manage-item__points__body--guru-pro {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 101px;
  text-align: center;
  letter-spacing: -2px;
  color: #666666;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}

.my-challenges-manage-item__points__round {
  position: relative;
  display: inline-block;
  width: 91px;
  height: 91px;
  margin-top: 8px;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
}

.my-challenges-manage-item__points__round__internal {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 22px;
  font-weight: 600;
  line-height: 0.7;
}
.my-challenges-manage-item__points__round__internal .points_label {
  display: block;
  width: 100%;
  height: 18px;
  margin-top: 5px;
  background-position: center;
  font-size: 11px;
}

/* votes */
.my-challenges-manage-item__votes {
  min-width: 140px;
}

.my-challenges-manage-item__votes__body {
  position: relative;
}
.my-challenges-manage-item__votes__body .votes-total {
  position: absolute;
  top: calc(50% + 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  color: #218ccc;
  font-size: 0;
  line-height: 1;
}
.my-challenges-manage-item__votes__body .votes-total > div {
  letter-spacing: -1.9px;
  font-size: 36px;
  font-weight: 600;
}
.my-challenges-manage-item__votes__body .votes-total > i {
  font-size: 18px;
}
.my-challenges-manage-item__votes__body .players {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item__votes__body .players .next {
  margin-top: 5px;
  text-align: center;
  letter-spacing: -0.9px;
  color: #3397d2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

/* photos */
.my-challenges-manage-item__photos {
  min-width: 300px;
}

.my-challenges-manage-item__photos__body {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 5px;
}

.my-challenges-manage-item__photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: calc(25% - 4px);
  vertical-align: middle;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.my-challenges-manage-item__photo:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}
.my-challenges-manage-item__photo + .my-challenges-manage-item__photo {
  margin-left: 4px;
}

.my-challenges-manage-item__photos__photo__link {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #1c8bcb;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

/* guru top pick */
.my-challenges-manage-item__guru-top-pick {
  min-width: 300px;
}

.my-challenges-manage-item__gurus-top-pick__body {
  position: relative;
  display: block;
  height: 101px;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.my-challenges-manage-item__gurus-top-pick__body:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.my-challenges-manage-item__gurus-top-pick__winner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: calc(25% - 4px);
  vertical-align: middle;
  border: 2px solid #3397d2;
  border-radius: 4px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.my-challenges-manage-item__gurus-top-pick__winner:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}

my-challenges-manage-item-mobile {
  position: relative;
  display: none;
  width: 100%;
  max-width: 400px;
  min-height: 400px;
  margin: 0 auto;
  vertical-align: top;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1350px) {
  my-challenges-manage-item-mobile {
    display: block;
  }
}

.my-challenges-manage-item-mobile__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 33%;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.my-challenges-manage-item-mobile__info {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.my-challenges-manage-item-mobile__info-item, .my-challenges-manage-item-mobile__info-item--3, .my-challenges-manage-item-mobile__info-item--2 {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}
.my-challenges-manage-item-mobile__info-item .title, .my-challenges-manage-item-mobile__info-item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile__info-item .title-mobile, .my-challenges-manage-item-mobile__info-item--3 .title, .my-challenges-manage-item-mobile__info-item--3 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile__info-item--3 .title-mobile, .my-challenges-manage-item-mobile__info-item--2 .title, .my-challenges-manage-item-mobile__info-item--2 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile__info-item--2 .title-mobile {
  padding-bottom: 5px;
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile__info-item .body, .my-challenges-manage-item-mobile__info-item--3 .body, .my-challenges-manage-item-mobile__info-item--2 .body {
  position: relative;
}
.my-challenges-manage-item-mobile__info-item .body--guru-pro, .my-challenges-manage-item-mobile__info-item--3 .body--guru-pro, .my-challenges-manage-item-mobile__info-item--2 .body--guru-pro {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  text-align: center;
  letter-spacing: -2px;
  color: #666666;
  font-size: 32px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item-mobile__info-item .icon-hourglass-start, .my-challenges-manage-item-mobile__info-item--3 .icon-hourglass-start, .my-challenges-manage-item-mobile__info-item--2 .icon-hourglass-start {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  color: #3397d2;
  font-size: 40px;
}
.my-challenges-manage-item-mobile__info-item .icon-guru-stars, .my-challenges-manage-item-mobile__info-item--3 .icon-guru-stars, .my-challenges-manage-item-mobile__info-item--2 .icon-guru-stars {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #3397d2;
  font-size: 65px;
}
.my-challenges-manage-item-mobile__info-item .votes, .my-challenges-manage-item-mobile__info-item--3 .votes, .my-challenges-manage-item-mobile__info-item--2 .votes {
  position: absolute;
  top: calc(50% - 5px);
  left: -1px;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.my-challenges-manage-item-mobile__info-item .players, .my-challenges-manage-item-mobile__info-item--3 .players, .my-challenges-manage-item-mobile__info-item--2 .players {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item-mobile__info-item .players .next, .my-challenges-manage-item-mobile__info-item--3 .players .next, .my-challenges-manage-item-mobile__info-item--2 .players .next {
  text-align: center;
  letter-spacing: -0.9px;
  color: #999;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
}
.my-challenges-manage-item-mobile__info-item .players i, .my-challenges-manage-item-mobile__info-item--3 .players i, .my-challenges-manage-item-mobile__info-item--2 .players i {
  margin-top: 1px;
  color: #3397d2;
}
.my-challenges-manage-item-mobile__info-item .points, .my-challenges-manage-item-mobile__info-item--3 .points, .my-challenges-manage-item-mobile__info-item--2 .points {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item-mobile__info-item .points_label, .my-challenges-manage-item-mobile__info-item--3 .points_label, .my-challenges-manage-item-mobile__info-item--2 .points_label {
  display: block;
  width: 100%;
  height: 18px;
  background-position: center;
  font-size: 11px;
}
.my-challenges-manage-item-mobile__info-item .footer, .my-challenges-manage-item-mobile__info-item--3 .footer, .my-challenges-manage-item-mobile__info-item--2 .footer {
  position: relative;
  min-height: 25px;
  margin-top: -10px;
}
.my-challenges-manage-item-mobile__info-item .gs-btn-blue--type-2--s--, .my-challenges-manage-item-mobile__info-item--3 .gs-btn-blue--type-2--s--, .my-challenges-manage-item-mobile__info-item--2 .gs-btn-blue--type-2--s-- {
  font-size: 12px;
}
.my-challenges-manage-item-mobile__info-item .time_left, .my-challenges-manage-item-mobile__info-item--3 .time_left, .my-challenges-manage-item-mobile__info-item--2 .time_left {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

.my-challenges-manage-item-mobile__actions {
  overflow: hidden;
  min-height: 25px;
  padding: 0 10px 15px;
}
.my-challenges-manage-item-mobile__actions .column--1 {
  display: inline-block;
  width: 33.3333333333%;
  vertical-align: middle;
}
.my-challenges-manage-item-mobile__actions .column--2 {
  display: inline-block;
  width: 66.6666666667%;
  vertical-align: middle;
}
.my-challenges-manage-item-mobile__actions .gs-btn-blue--type-2--s-- {
  font-size: 12px;
}

.my-challenges-manage-item-mobile__info-item--2 {
  width: 50%;
}

.my-challenges-manage-item-mobile__info-item--3 {
  width: 33.3333333333%;
}
.my-challenges-manage-item-mobile__info-item--3 canvas {
  transform: rotate(180deg);
}

.my-challenges-manage-item-mobile__photos {
  padding: 10px 0;
}
.my-challenges-manage-item-mobile__photos .title, .my-challenges-manage-item-mobile__photos .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile__photos .title-mobile {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile__photos .photos {
  padding: 10px 2px;
}
.my-challenges-manage-item-mobile__photos .action {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

.my-challenges-manage-item-mobile__top-pick {
  padding: 10px 0;
}
.my-challenges-manage-item-mobile__top-pick .title, .my-challenges-manage-item-mobile__top-pick .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile__top-pick .title-mobile {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile__top-pick .photo {
  padding: 10px 2px;
}
.my-challenges-manage-item-mobile__top-pick .action {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

my-challenges-manage-item-mobile-draft {
  position: relative;
  display: none;
  width: 100%;
  max-width: 400px;
  min-height: 400px;
  margin: 0 auto;
  vertical-align: top;
  background-color: #fff;
  box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1350px) {
  my-challenges-manage-item-mobile-draft {
    display: block;
  }
}

.my-challenges-manage-item-mobile-draft__cover {
  position: relative;
  width: 100%;
  padding-bottom: 33%;
  background-color: #e2e2e2;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  overflow: hidden;
}

.my-challenges-manage-item-mobile-draft__info {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.my-challenges-manage-item-mobile-draft__info-item, .my-challenges-manage-item-mobile-draft__info-item--edit, .my-challenges-manage-item-mobile-draft__info-item--3, .my-challenges-manage-item-mobile-draft__info-item--2 {
  display: inline-block;
  padding: 10px;
  vertical-align: top;
  opacity: 0.3;
}
.my-challenges-manage-item-mobile-draft__info-item .title, .my-challenges-manage-item-mobile-draft__info-item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__info-item .title-mobile, .my-challenges-manage-item-mobile-draft__info-item--edit .title, .my-challenges-manage-item-mobile-draft__info-item--edit .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__info-item--edit .title-mobile, .my-challenges-manage-item-mobile-draft__info-item--3 .title, .my-challenges-manage-item-mobile-draft__info-item--3 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__info-item--3 .title-mobile, .my-challenges-manage-item-mobile-draft__info-item--2 .title, .my-challenges-manage-item-mobile-draft__info-item--2 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__info-item--2 .title-mobile {
  padding-bottom: 5px;
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile-draft__info-item .body, .my-challenges-manage-item-mobile-draft__info-item--edit .body, .my-challenges-manage-item-mobile-draft__info-item--3 .body, .my-challenges-manage-item-mobile-draft__info-item--2 .body {
  position: relative;
}
.my-challenges-manage-item-mobile-draft__info-item .icon-hourglass-start, .my-challenges-manage-item-mobile-draft__info-item--edit .icon-hourglass-start, .my-challenges-manage-item-mobile-draft__info-item--3 .icon-hourglass-start, .my-challenges-manage-item-mobile-draft__info-item--2 .icon-hourglass-start {
  position: absolute;
  top: calc(50% - 5px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  color: #3397d2;
  font-size: 40px;
}
.my-challenges-manage-item-mobile-draft__info-item .icon-guru-stars, .my-challenges-manage-item-mobile-draft__info-item--edit .icon-guru-stars, .my-challenges-manage-item-mobile-draft__info-item--3 .icon-guru-stars, .my-challenges-manage-item-mobile-draft__info-item--2 .icon-guru-stars {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #3397d2;
  font-size: 65px;
}
.my-challenges-manage-item-mobile-draft__info-item .votes, .my-challenges-manage-item-mobile-draft__info-item--edit .votes, .my-challenges-manage-item-mobile-draft__info-item--3 .votes, .my-challenges-manage-item-mobile-draft__info-item--2 .votes {
  position: absolute;
  top: calc(50% - 5px);
  left: -1px;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 800;
  line-height: 1;
}
.my-challenges-manage-item-mobile-draft__info-item .players, .my-challenges-manage-item-mobile-draft__info-item--edit .players, .my-challenges-manage-item-mobile-draft__info-item--3 .players, .my-challenges-manage-item-mobile-draft__info-item--2 .players {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item-mobile-draft__info-item .players .next, .my-challenges-manage-item-mobile-draft__info-item--edit .players .next, .my-challenges-manage-item-mobile-draft__info-item--3 .players .next, .my-challenges-manage-item-mobile-draft__info-item--2 .players .next {
  text-align: center;
  letter-spacing: -0.9px;
  color: #999;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.33;
}
.my-challenges-manage-item-mobile-draft__info-item .players i, .my-challenges-manage-item-mobile-draft__info-item--edit .players i, .my-challenges-manage-item-mobile-draft__info-item--3 .players i, .my-challenges-manage-item-mobile-draft__info-item--2 .players i {
  margin-top: 1px;
  color: #3397d2;
}
.my-challenges-manage-item-mobile-draft__info-item .points, .my-challenges-manage-item-mobile-draft__info-item--edit .points, .my-challenges-manage-item-mobile-draft__info-item--3 .points, .my-challenges-manage-item-mobile-draft__info-item--2 .points {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.my-challenges-manage-item-mobile-draft__info-item .points_label, .my-challenges-manage-item-mobile-draft__info-item--edit .points_label, .my-challenges-manage-item-mobile-draft__info-item--3 .points_label, .my-challenges-manage-item-mobile-draft__info-item--2 .points_label {
  display: block;
  width: 100%;
  height: 18px;
  background-position: center;
  font-size: 11px;
}
.my-challenges-manage-item-mobile-draft__info-item .footer, .my-challenges-manage-item-mobile-draft__info-item--edit .footer, .my-challenges-manage-item-mobile-draft__info-item--3 .footer, .my-challenges-manage-item-mobile-draft__info-item--2 .footer {
  position: relative;
  min-height: 25px;
  margin-top: -10px;
}
.my-challenges-manage-item-mobile-draft__info-item .gs-btn-blue--type-2--s--, .my-challenges-manage-item-mobile-draft__info-item--edit .gs-btn-blue--type-2--s--, .my-challenges-manage-item-mobile-draft__info-item--3 .gs-btn-blue--type-2--s--, .my-challenges-manage-item-mobile-draft__info-item--2 .gs-btn-blue--type-2--s-- {
  opacity: 0.3;
  font-size: 12px;
}
.my-challenges-manage-item-mobile-draft__info-item .time_left, .my-challenges-manage-item-mobile-draft__info-item--edit .time_left, .my-challenges-manage-item-mobile-draft__info-item--3 .time_left, .my-challenges-manage-item-mobile-draft__info-item--2 .time_left {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

.my-challenges-manage-item-mobile-draft__actions {
  overflow: hidden;
  min-height: 25px;
  padding: 0 10px 15px;
}
.my-challenges-manage-item-mobile-draft__actions .column--1 {
  display: inline-block;
  width: 33.3333333333%;
  vertical-align: middle;
}
.my-challenges-manage-item-mobile-draft__actions .column--2 {
  display: inline-block;
  width: 66.6666666667%;
  vertical-align: middle;
}
.my-challenges-manage-item-mobile-draft__actions .gs-btn-blue--type-2--s-- {
  opacity: 0.3;
  font-size: 12px;
}

.my-challenges-manage-item-mobile-draft__info-item--2 {
  width: 50%;
  opacity: 0.3;
}

.my-challenges-manage-item-mobile-draft__info-item--3 {
  width: 33.3333333333%;
  opacity: 0.3;
}
.my-challenges-manage-item-mobile-draft__info-item--3 canvas {
  transform: rotate(180deg);
}

.my-challenges-manage-item-mobile-draft__info-item--edit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-height: 168px;
  opacity: 1;
}
.my-challenges-manage-item-mobile-draft__info-item--edit .title, .my-challenges-manage-item-mobile-draft__info-item--edit .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__info-item--edit .title-mobile {
  text-align: center;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile-draft__info-item--edit .gs-btn-blue--type-2--s-- {
  opacity: 1;
  font-size: 12px;
}
.my-challenges-manage-item-mobile-draft__info-item--edit .starting-at {
  letter-spacing: -0.5px;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
.my-challenges-manage-item-mobile-draft__info-item--edit .starting-at b {
  font-weight: 600;
}

.my-challenges-manage-item-mobile-draft__photos {
  padding: 10px 0;
  opacity: 0.3;
}
.my-challenges-manage-item-mobile-draft__photos .title, .my-challenges-manage-item-mobile-draft__photos .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage-item-mobile-draft__photos .title-mobile {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}
.my-challenges-manage-item-mobile-draft__photos .photos {
  padding: 10px 2px;
}
.my-challenges-manage-item-mobile-draft__photos .action {
  letter-spacing: -0.6px;
  color: #777777;
  font-size: 14px;
  line-height: 1.29;
}

my-challenges-manage-item-suggested {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-wrap: nowrap;
  justify-content: flex-start;
  width: 100%;
  max-width: 1600px;
  min-height: 160px;
  margin: 35px auto 0;
  transition: box-shadow 0.3s ease-in-out;
  text-align: left;
  border: 1px solid #d4dedf;
  background-color: #fff;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
my-challenges-manage-item-suggested:hover {
  box-shadow: 0 0 0 7px rgba(151, 151, 151, 0.46);
}
my-challenges-manage-item-suggested .icon-question-sign {
  font-size: 18px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  cursor: pointer;
}
@media screen and (max-width: 1350px) {
  my-challenges-manage-item-suggested {
    display: none;
  }
}

/* cover */
.my-challenges-manage-item-suggested__cover {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 158px;
  max-width: 158px;
  height: 158px;
  text-align: center;
  vertical-align: middle;
  background-color: #e2e2e2;
}
.my-challenges-manage-item-suggested__cover .icon-star {
  color: white;
  line-height: 158px;
  font-size: 60px;
}

.my-challenges-manage-item-suggested__info {
  display: flex;
  height: 158px;
  padding: 10px 30px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  visibility: hidden;
  width: 100%;
}
.my-challenges-manage-item-suggested__info.show {
  visibility: visible;
}
.my-challenges-manage-item-suggested__info.show div {
  line-height: 21px;
  max-height: 63px;
  overflow: hidden;
}
.my-challenges-manage-item-suggested__info span {
  display: block;
  font-size: 23px;
  margin-bottom: 5px;
  letter-spacing: -0.6px;
  color: #000000;
  line-height: 1.3;
  font-weight: 700;
}
.my-challenges-manage-item-suggested__info div {
  color: #969696;
  white-space: pre-wrap;
  font-size: 15px;
  line-height: 1.4;
}
.my-challenges-manage-item-suggested__info div p {
  padding: 0;
  margin: 0;
}
.my-challenges-manage-item-suggested__info a {
  font-size: 14px;
  margin-top: 5px;
}
.my-challenges-manage-item-suggested__info a:hover {
  text-decoration: none;
}

.my-challenges-manage-item-suggested__start-date, .my-challenges-manage-item-suggested__end-date {
  min-width: 180px;
  color: #969696;
  width: 158px;
}
.my-challenges-manage-item-suggested__start-date span, .my-challenges-manage-item-suggested__end-date span {
  color: #777;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
}

.my-challenges-manage-item-suggested__start-date__body div {
  font-size: 14px;
}
.my-challenges-manage-item-suggested__start-date__body div:first-child {
  font-size: 18px;
  font-weight: 600;
  color: black;
  margin-bottom: 5px;
}

.my-challenges-manage-item-suggested__claim-challenge {
  min-width: 360px;
  max-width: 360px;
}
.my-challenges-manage-item-suggested__claim-challenge span {
  color: black;
  font-weight: 600;
  font-size: 14px;
  margin-top: 40px;
  margin-bottom: 10px;
  display: block;
}

.my-challenges-manage-item-suggested__title {
  height: 49px;
  color: #969696;
  font-size: 18px;
}

.my-challenges-manage-item-suggested__section, .my-challenges-manage-item-suggested__start-date, .my-challenges-manage-item-suggested__end-date, .my-challenges-manage-item-suggested__claim-challenge {
  display: inline-block;
  height: 158px;
  padding: 10px 30px;
  text-align: center;
  vertical-align: top;
  font-size: 0;
}

.my-challenges-manage-item-suggested__v-line {
  display: inline-block;
  align-self: center;
  width: 0;
  height: 138px;
  vertical-align: middle;
  border-left: 1px solid #e2e2e2;
  line-height: 1;
}

.gs-challenge-title {
  display: block;
  font-size: 23px;
  margin-bottom: 5px;
  letter-spacing: -0.6px;
  color: #000000;
  line-height: 1.3;
  font-weight: 700;
}

my-challenges-manage {
  display: block;
  max-width: 1600px;
  width: 100%;
  padding: 25px;
  color: #000;
  font-size: 0;
  line-height: 1;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 950px) {
  my-challenges-manage {
    padding: 10px 10px 60px;
  }
}

.my-challenges-manage__data {
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding-bottom: 25px;
  text-align: right;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__data .label {
  float: left;
  text-align: left;
  vertical-align: middle;
  letter-spacing: normal;
  color: #222222;
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__data .label {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__data {
    text-align: center;
  }
}

.my-challenges-manage__data__item {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__data__item + .my-challenges-manage__data__item {
  margin-left: 40px;
}
.my-challenges-manage__data__item i {
  display: inline-block;
  vertical-align: middle;
  color: #3397d2;
  font-size: 21px;
}
.my-challenges-manage__data__item .title, .my-challenges-manage__data__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage__data__item .title-mobile {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  letter-spacing: -0.6px;
  color: #222;
  font-size: 14px;
  font-weight: 600;
}
.my-challenges-manage__data__item .number {
  display: inline-block;
  padding: 4px 6px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 4px;
  background-color: #000;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__data__item + .my-challenges-manage__data__item {
    margin-left: 30px;
  }
  .my-challenges-manage__data__item .title, .my-challenges-manage__data__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage__data__item .title-mobile {
    display: none;
  }
  .my-challenges-manage__data__item i {
    margin-right: 10px;
  }
}

.my-challenges-manage__cover {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 198px;
  border-radius: 6px;
  background-color: #269;
  background-image: linear-gradient(white 2px, transparent 2px), linear-gradient(90deg, white 2px, transparent 2px), linear-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.3) 1px, transparent 1px);
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__cover {
    height: 98px;
  }
}

.my-challenges-manage__create-btn {
  padding: 8px 12px;
  cursor: pointer;
  transition: all 333ms ease-in-out;
  color: #3397d2;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 18px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__create-btn i, .my-challenges-manage__create-btn span {
  display: inline-block;
  vertical-align: middle;
}
.my-challenges-manage__create-btn i {
  margin-right: 5px;
  font-size: 24px;
}
.my-challenges-manage__create-btn:hover {
  color: #fff;
  border-color: #3397d2;
  background-color: #3397d2;
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__create-btn {
    padding: 4px 8px;
    font-size: 16px;
  }
  .my-challenges-manage__create-btn i {
    font-size: 18px;
  }
}

.my-challenges-manage__group {
  position: relative;
  margin-top: 60px;
  border-top: 1px solid #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__group + .my-challenges-manage__group {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__group {
    margin-top: 40px;
  }
  .my-challenges-manage__group + .my-challenges-manage__group {
    margin-top: 40px;
  }
}

.my-challenges-manage__group-title {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  padding: 0 40px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  text-transform: uppercase;
  background-color: #ededed;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__group-title span {
  display: inline-block;
  vertical-align: middle;
  color: #444;
  font-size: 16px;
  font-weight: 500;
}
.my-challenges-manage__group-title .icon-arrow-down {
  display: inline-block;
  margin-left: 10px;
  transition: transform 0.4s ease-in-out;
  transform: rotate(0deg) translateZ(0);
  vertical-align: middle;
  color: #666;
  font-size: 18px;
  font-weight: 400;
}
.my-challenges-manage__group-title .icon-arrow-down.open {
  transform: rotate(-180deg) translateZ(0);
}
@media screen and (max-width: 768px) {
  .my-challenges-manage__group-title {
    padding: 0 20px;
  }
}

.my-challenges-manage__bidding-message {
  width: 100%;
  margin: 10px 0;
  background-color: #fff;
  position: relative;
  min-height: 217px;
  border-radius: 13px;
  border: solid 1px #979797;
  padding-bottom: 10px;
}
.my-challenges-manage__bidding-message img {
  height: 100%;
  position: absolute;
  top: 0;
}
.my-challenges-manage__bidding-message img:first-child {
  left: 0;
}
.my-challenges-manage__bidding-message img:last-child {
  right: 0;
}

.my-challenges-manage__bidding-message__desc {
  font-size: 14px;
  line-height: 1.5;
  margin-top: 23px;
  display: flex;
  justify-content: center;
}
.my-challenges-manage__bidding-message__desc div {
  max-width: 600px;
}
.my-challenges-manage__bidding-message__desc div:first-child {
  margin-right: 30px;
}

.my-challenges-manage__bidding-message__wrapper {
  padding: 0 20%;
  margin-top: 37px;
  position: relative;
  z-index: 1000;
}

.my-challenges-manage__bidding-message__title {
  font-size: 18px;
  font-weight: 900;
  line-height: 1.22;
}

.my-challenges-manage__empty {
  width: 100%;
  margin: 10px 0;
  padding: 20px 80px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.my-challenges-manage__empty .title, .my-challenges-manage__empty .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .my-challenges-manage__empty .title-mobile {
  margin-bottom: 20px;
  text-align: center;
  color: #222;
  font-size: 18px;
  line-height: 0.56;
}
.my-challenges-manage__empty > img {
  display: inline-block;
  width: calc(100% - 310px);
  vertical-align: middle;
}
.my-challenges-manage__empty .start {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  margin-left: 200px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #3397d2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 24px;
  font-weight: 600;
}

.my-challenges-manage__group-items {
  margin: 40px auto 20px;
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
  text-align: center;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1350px) {
  .my-challenges-manage__group-items {
    text-align: left;
  }
}

.my-challenges-manage__group-item {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-manage__group-item + .my-challenges-manage__group-item {
  margin-top: 20px;
}
@media screen and (max-width: 1350px) {
  .my-challenges-manage__group-item {
    display: inline-block;
    width: calc(33.3333333333% - 20px);
    margin: 10px;
    text-align: center;
    vertical-align: top;
  }
  .my-challenges-manage__group-item + .my-challenges-manage__group-item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 950px) {
  .my-challenges-manage__group-item {
    display: block;
    width: 100%;
    margin: 0;
  }
}

.my-challenges-manage__more {
  width: 150px;
  margin-top: 20px;
  text-align: center;
}

/*body.challenges {*/
.fake-ad {
  position: fixed;
  bottom: 0;
  width: 728px;
  height: 90px;
  background-color: orange;
  z-index: 10;
  transform: translateX(-50%);
  left: 50%;
}

.challenges {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100vh;
  margin: 0;
  background-color: #ededed;
  /* No items */
  /* mobile block */
}
.challenges:after {
  display: none;
}
.challenges .collection.dashboard {
  text-align: left;
}
.challenges .md-dialog-container {
  position: absolute;
}
.challenges .gs-views-indicator {
  position: absolute;
  top: 8px;
  right: 8px;
}
.challenges .c-loader {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.challenges .c-faq-link {
  position: fixed;
  z-index: 70;
  right: -14px;
  bottom: 260px;
  display: inline-block;
  padding: 8px 12px;
  transform: rotate(-90deg) translateZ(0);
  text-decoration: none;
  color: #fff;
  border: 1px solid rgba(31, 31, 31, 0.41);
  border-color: white;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #727272;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.challenges .c-faq-link:hover {
  right: -12px;
}
@media screen and (max-width: 800px) {
  .challenges .c-faq-link {
    display: none;
  }
}
.challenges .challenges-mobile-top-header {
  display: none;
  position: fixed;
  top: 0;
  height: 51px;
  width: 100%;
  background-color: black;
  z-index: 10;
}
.challenges .challenges-mobile-top-header span {
  background-color: white;
  height: 29px;
  width: 2px;
}
.challenges .challenges-mobile-top-header__item {
  height: 100%;
  width: 200px;
  font-weight: 600;
  font-size: 14px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.challenges #page {
  position: relative;
  overflow-x: hidden;
  width: 100%;
  text-align: center;
  background-color: #ededed;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges #page .challenges-top-tab-menu {
  top: 68px;
}
.challenges #page > .challenges {
  position: relative;
  z-index: 1;
  overflow-x: hidden;
  max-width: 1600px;
  min-height: 800px;
  margin: 10px auto 0;
  padding: 120px 2.5% 165px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .challenges #page > .challenges {
    padding: 120px 0 165px;
  }
}
.challenges #page .collection {
  padding: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .challenges #page .collection {
    padding: 0 5px;
  }
}
@media screen and (max-width: 1070px) {
  .challenges #page .collection {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 1000px) {
  .challenges #page {
    padding-top: 51px;
  }
  .challenges #page .challenges-top-tab-menu {
    top: 51px;
  }
  .challenges #page .challenges-top-tab-menu .top-tab-menu__item-wrapper {
    margin-left: unset;
    width: 200px;
  }
  .challenges #page .challenges-mobile-top-header {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.challenges .c-actions-block {
  display: block;
  width: 100%;
  height: auto;
  margin: 15px auto 50px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-actions-block .left {
  display: inline-block;
  width: 70%;
  padding-left: 23px;
  text-align: left;
  vertical-align: middle;
}
.challenges .c-actions-block .left .gs-btn-shop {
  vertical-align: middle;
  text-transform: capitalize;
}
.challenges .c-actions-block .left .gs-btn-shop + .gs-btn-shop {
  margin-left: 30px;
}
.challenges .c-actions-block .right {
  display: inline-block;
  width: 30%;
  text-align: right;
  vertical-align: middle;
}
.challenges .c-actions-block .facebook-like {
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1036px) {
  .challenges .c-actions-block .facebook-like > span {
    display: none;
  }
}
.challenges .c-actions-block .gs-btn--type1 {
  width: 100px;
}
@media screen and (max-width: 1070px) {
  .challenges .c-actions-block {
    display: none;
  }
}
.challenges .c-actions-block--more {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px auto;
  text-align: center;
  font-size: 0;
}
.challenges .c-actions-block--more .gs-btn--type1 {
  width: 100px;
}
.challenges .c-actions-block--mobile, .challenges .c-actions-block--mobile--past {
  display: none;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-actions-block--mobile .challengeToggle, .challenges .c-actions-block--mobile--past .challengeToggle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 10px 0 !important;
}
@media screen and (max-width: 1099px) {
  .challenges .c-actions-block--mobile, .challenges .c-actions-block--mobile--past {
    display: block;
  }
}
.challenges .c-actions-block--mobile--past {
  margin-bottom: 40px;
}
.challenges .c-actions-block--mobile__actions {
  margin: 15px auto 60px;
  padding: 10px;
  text-align: center;
  line-height: 60px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-actions-block--mobile__actions button {
  min-width: 0;
  padding-left: 30px;
}
.challenges .c-actions-block--mobile__actions button i.icon-plus-invert {
  display: none;
}
.challenges .c-actions-block--mobile__actions button + button {
  margin-left: 21px;
}
@media screen and (max-width: 1099px) {
  .challenges .c-actions-block--mobile__actions {
    margin-bottom: 10px;
  }
}
.challenges .c-actions-block--mobile__autofill {
  display: block;
  width: 100%;
}
.challenges .c-actions-block--mobile__autofill .gs-btn--type1 {
  position: relative;
  width: 115px;
}
.challenges .c-actions-block--mobile__autofill .gs-btn--type1:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
  content: "";
  transform: translate(-50%, -50%);
  background-color: #dedbdb;
}
.challenges .c-actions-block__earn-autofills {
  display: inline-block;
  margin-left: 15px;
  cursor: pointer;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-actions-block__earn-autofills:hover .c-actions-block__earn-autofills__icon {
  transition: 0.3s ease-in-out;
  box-shadow: none;
}
@media screen and (max-width: 1324px) {
  .challenges .c-actions-block__earn-autofills {
    display: none;
  }
}
.challenges .c-actions-block__earn-autofills__icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 30px;
  line-height: 50px;
}
.challenges .c-actions-block__earn-autofills__text {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.challenges .c-actions-block__earn-autofills__text__new {
  position: absolute;
  top: -12px;
  right: -12px;
  display: inline-block;
  margin: 0 0 3px;
  padding: 2px 4px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #ff002f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 600;
}
.challenges .challengeToggle {
  display: none;
  white-space: nowrap;
}
.challenges .challengeToggle .onoffswitch {
  width: 56px;
}
.challenges .challengeToggle .title, .challenges .challengeToggle .title-mobile {
  font-size: 12px;
}
.challenges .challengeToggle .title span, .challenges .challengeToggle .title-mobile span {
  font-size: 12px;
}
.challenges .challengeToggle .title-mobile {
  display: none;
  margin: 0 1px;
  vertical-align: middle;
  line-height: 1.2;
}
@media screen and (max-width: 800px) {
  .challenges .challengeToggle {
    text-align: center;
  }
}
.challenges .c-toggle {
  font-size: 14px;
}
.challenges .c-toggle__tgl {
  display: none;
}
.challenges .c-toggle__tgl, .challenges .c-toggle__tgl:after, .challenges .c-toggle__tgl:before, .challenges .c-toggle__tgl *, .challenges .c-toggle__tgl *:after, .challenges .c-toggle__tgl *:before, .challenges .c-toggle__tgl + .tgl-btn {
  box-sizing: border-box;
}
.challenges .c-toggle__tgl::selection, .challenges .c-toggle__tgl:after::selection, .challenges .c-toggle__tgl:before::selection, .challenges .c-toggle__tgl *::selection, .challenges .c-toggle__tgl *:after::selection, .challenges .c-toggle__tgl *:before::selection, .challenges .c-toggle__tgl + .tgl-btn::selection {
  background: none;
}
.challenges .c-toggle__tgl + .tgl-btn {
  position: relative;
  display: block;
  width: 4em;
  height: 2em;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  outline: 0;
}
.challenges .c-toggle__tgl + .tgl-btn:after, .challenges .c-toggle__tgl + .tgl-btn:before {
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  content: "";
}
.challenges .c-toggle__tgl + .tgl-btn:after {
  left: 0;
}
.challenges .c-toggle__tgl + .tgl-btn:before {
  display: none;
}
.challenges .c-toggle__tgl:checked + .tgl-btn:after {
  left: 50%;
}
.challenges .c-toggle__tgl--ios + .tgl-btn {
  padding: 2px;
  transition: all 0.4s ease;
  border: 1px solid #e8eae9;
  border-radius: 2em;
  background: #218ccc;
}
.challenges .c-toggle__tgl--ios + .tgl-btn:after {
  transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
  border-radius: 50%;
  background: #fbfbfb;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 0 rgba(0, 0, 0, 0.08);
}
.challenges .c-toggle__tgl--ios + .tgl-btn:hover:after {
  will-change: padding;
}
.challenges .c-toggle__tgl--ios + .tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9;
}
.challenges .c-toggle__tgl--ios + .tgl-btn:active:after {
  padding-right: 0.8em;
}
.challenges .c-toggle__tgl--ios:checked + .tgl-btn {
  background: #fbfbfb;
}
.challenges .c-toggle__tgl--ios:checked + .tgl-btn:active {
  box-shadow: none;
}
.challenges .c-toggle__tgl--ios:checked + .tgl-btn:active:after {
  margin-left: -0.8em;
}
.challenges .c-no-items-label {
  margin: 170px auto;
  font-size: 20px;
  font-weight: 300;
}
.challenges .c-no-items-label a {
  text-decoration: none;
  color: #000;
  font-weight: 600;
}
.challenges .c-getMore-btn {
  width: 150px;
  text-align: center;
}
.challenges .c-google-play-link {
  text-decoration: none;
  color: #000;
  font-size: 12px;
  font-weight: 400;
}
.challenges .c-google-play-link span {
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.challenges .c-google-play-link img {
  display: inline-block;
  height: 31px;
  vertical-align: middle;
}
.challenges .w-max {
  display: block;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  padding-right: 2.5%;
  padding-left: 2.5%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .challenges .w-max {
    padding: 0;
  }
}
.challenges .c-challenges-view {
  position: relative;
  z-index: 1;
  padding-top: 49px;
  flex: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .challenges .c-challenges-view {
    padding-top: 49px;
  }
}
.challenges .c-challenges__member-path-block {
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 125px;
  padding: 30px 0;
  text-align: center;
  background-color: rgb(224, 224, 224);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .challenges .c-challenges__member-path-block {
    display: none;
  }
}
.challenges .c-challenges__manage-block {
  position: relative;
  z-index: 2;
  width: 100%;
  min-height: 125px;
  padding-bottom: 30px;
  text-align: center;
  background-color: rgb(224, 224, 224);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .challenges .c-challenges__manage-block {
    display: none;
  }
}
.challenges .c-challenges__no-items {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto 20px;
  padding: 10px;
  color: #999;
  background-color: transparent;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-challenges__no-items i.icon-finish-flag {
  font-size: 80px;
}
@media screen and (max-width: 796px) {
  .challenges .c-challenges__no-items i.icon-finish-flag {
    font-size: 50px;
  }
}
.challenges .c-challenges__no-items__title {
  margin: 10px auto 0;
  font-size: 22px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 796px) {
  .challenges .c-challenges__no-items__title {
    font-size: 16px;
  }
}
.challenges .c-challenges__no-items__desc {
  font-size: 16px;
  font-weight: 400;
}
.challenges .c-challenges__no-items__desc span {
  vertical-align: middle;
}
.challenges .c-challenges__no-items__desc i {
  margin: 8px 0 0 -10px;
  transform: rotate(19deg);
  vertical-align: top;
  color: #666;
  font-size: 50px;
}
.challenges .c-challenges__no-items__suggested {
  display: block;
  margin: -20px auto 10px;
  padding: 30px 10px;
}
.challenges .c-challenges__no-items__suggested__challenges {
  margin: 0 auto 15px;
}
.challenges .c-points-round {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 3px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 50%;
}
.challenges .c-points-round__internal {
  width: 100%;
  height: 100%;
  padding-top: 18px;
  color: rgb(51, 51, 51);
  border: 1px solid rgb(204, 204, 204);
  border-radius: 50%;
  text-shadow: 1px 1px 4px rgb(150, 150, 150);
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
}
.challenges .c-points__label {
  width: 100%;
  height: 15px;
  margin-top: 3px;
  background: rgba(0, 0, 0, 0) url("../svg/gs_points_icon.svg") no-repeat scroll 0 0/2.6em 1.3em;
  background-position: center;
  font-size: 12px;
}
.challenges .c-my-mobile-block {
  display: none;
  width: 100%;
  height: auto;
  margin: 0 2px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-my-mobile-block h4 {
  color: #989797;
  font-size: 13px;
  font-weight: 500;
}
.challenges .c-my-mobile-block .time-left {
  margin-bottom: 15px;
  text-align: center;
  color: rgb(154, 151, 151);
  font-size: 15px;
  font-weight: 300;
}
.challenges .c-my-mobile-block .my-progress {
  position: relative;
  float: left;
  width: 33%;
  height: 140px;
  text-align: center;
  line-height: 1;
}
.challenges .c-my-mobile-block .my-progress > .wrap {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  display: block;
  width: 80%;
  height: 48px;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .bar {
  position: relative;
  height: 50%;
  text-align: center;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .bar > .bar-border {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 11px;
  margin: 0 auto;
  border: 1px solid #d4dedf;
  background-color: #d4dedf;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .bar > .bar-border > .bar-path {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  transition: width 1s;
  background-color: #2C7FA6;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.challenges .c-my-mobile-block .my-progress > .wrap .closed {
  width: 100%;
  height: 100%;
}
.challenges .c-my-mobile-block .my-progress > .wrap .closed > p {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 400;
}
.challenges .c-my-mobile-block .my-progress > .wrap .closed > p > span {
  display: block;
  font-size: 16px;
  font-weight: 600;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .message {
  position: relative;
  width: 100%;
  height: 50%;
  text-align: left;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .message > p {
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  font-size: 13px;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .closed {
  width: 100%;
  height: 100%;
  text-align: center;
}
.challenges .c-my-mobile-block .my-progress > .wrap > .closed > p {
  position: relative;
  top: 50%;
  padding: 0;
  transform: translateY(-50%);
  font-size: 14px;
}
.challenges .c-my-mobile-block .my-votes {
  position: relative;
  float: left;
  width: 33%;
  height: 140px;
  text-align: center;
  line-height: 1;
}
.challenges .c-my-mobile-block .my-votes > i {
  margin-top: 22px;
  color: #8e8a8a;
  font-size: 35px;
}
.challenges .c-my-mobile-block .my-votes .votes {
  margin: 5px auto;
  padding: 0;
  color: #5d5b5b;
  font-size: 43px;
  font-weight: bold;
}
.challenges .c-my-mobile-block .my-votes .label {
  padding: 0;
  color: rgba(68, 68, 68, 0.47);
  font-size: 18px;
  font-weight: 500;
}
.challenges .c-my-mobile-block .my-exposure {
  position: relative;
  clear: both;
  width: 100%;
  padding-top: 25px;
  text-align: center;
  line-height: 1;
}
.challenges .c-my-mobile-block .my-exposure .label {
  color: #989797;
  font-size: 13px;
  font-weight: 500;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter {
  position: relative;
  display: inline-block;
  margin-top: 2px;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .labels {
  margin-top: 5px;
  color: #8d8d8d;
  font-size: 12px;
  font-weight: 500;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .labels .low {
  position: absolute;
  top: 46px;
  left: -28px;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .labels .high {
  position: absolute;
  top: 46px;
  right: -28px;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper {
  position: relative;
  display: inline-block;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .speedometer {
  display: inline-block;
  width: 110px;
  height: 110px;
  transform: rotate(45deg);
  border: 1px solid #ddd;
  border-right: 1px solid transparent;
  border-bottom: 1px solid transparent;
  border-radius: 100%;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle {
  position: absolute;
  bottom: 53%;
  display: inline-block;
  width: 3px;
  height: 53px;
  transition: all 1s ease-in-out;
  transform-origin: bottom;
  border-radius: 100% 100% 5px 5px;
  background: #ddd;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.arrow {
  right: 0;
  left: 0;
  margin: 0 auto;
  background: #999;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.arrow:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 50%;
  display: block;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  content: "";
  border: 1px solid transparent;
  border-radius: 7px;
  background-color: #999;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.arrow:before {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 50%;
  display: block;
  width: 7px;
  height: 7px;
  margin-left: -3.5px;
  content: "";
  border: 1px solid transparent;
  border-radius: 7px;
  background-color: #999;
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle1 {
  top: 30px;
  left: 14px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(-67.5deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle2 {
  top: 16px;
  left: 24px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(-45deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle3 {
  top: 7px;
  left: 37px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(-22.5deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle4 {
  top: 4px;
  right: 0;
  left: 0;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(0deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle5 {
  top: 7px;
  right: 37px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(22.5deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle6 {
  top: 16px;
  right: 24px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(45deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .speedometer-wrapper .needle.needle7 {
  top: 30px;
  right: 14px;
  width: 1px;
  height: 7px;
  margin: 0 auto;
  transform: rotate(67.5deg);
}
.challenges .c-my-mobile-block .my-exposure .exposure-meter .exposure-vote {
  position: absolute;
  right: 0;
  bottom: 9px;
  left: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1099px) {
  .challenges .c-my-mobile-block {
    display: block;
  }
}
@media screen and (max-width: 649px) {
  .challenges .c-my-mobile-block .c-challenge-premium-badge {
    z-index: 3;
    top: -7px;
    right: -136px;
    line-height: 43px;
  }
  .challenges .c-my-mobile-block .c-challenge-premium-badge:after {
    border: none;
    border-bottom: 1px solid #fff;
  }
  .challenges .c-my-mobile-block .c-challenge-premium-badge i {
    font-size: 18px;
  }
  .challenges .c-my-mobile-block .time-left {
    margin-bottom: 0;
  }
  .challenges .c-my-mobile-block h4 {
    display: none;
  }
  .challenges .c-my-mobile-block .my-points {
    width: 60%;
  }
  .challenges .c-my-mobile-block .my-progress {
    display: none;
  }
  .challenges .c-my-mobile-block .my-votes {
    width: 40%;
    padding-right: 20px;
  }
}
.challenges .c-my-mobile-block__info-line {
  display: table;
  width: 100%;
  table-layout: fixed;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
.challenges .c-my-mobile-block__info-line__item {
  display: table-cell;
  width: 1%;
  margin: 10px auto;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.challenges .c-my-mobile-block__info-line__points {
  color: #727272;
  font-size: 22px;
}
.challenges .c-my-mobile-block__info-line__points span {
  display: block;
  color: #000;
  font-size: 35px;
  font-weight: 600;
}
.challenges .c-my-mobile-block__info-line__badge {
  position: relative;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenges .c-my-mobile-block__info-line__badge i {
  font-size: 73px;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-0 {
  color: #b3b3b3;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-1 {
  color: #2c7fa6;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-2 {
  color: #0a655c;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-3 {
  color: #853445;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-4 {
  color: #234f64;
}
.challenges .c-my-mobile-block__info-line__badge i.c-level-5 {
  color: #1c1c1c;
}
@media screen and (max-width: 340px) {
  .challenges .c-my-mobile-block__info-line__badge i {
    font-size: 68px;
  }
}
.challenges .c-my-mobile-block__info-line__badge__label {
  position: absolute;
  top: 24px;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
}
.challenges .c-my-mobile-block__info-line__badge__label.c-level-0 {
  top: 26px;
  font-size: 8px;
}
.challenges .c-my-mobile-block__info-line__badge__label.c-level-0 span {
  font-size: 8px;
}
.challenges .c-my-mobile-block__info-line__badge__label span {
  display: block;
  font-size: 11px;
}

.c-top-tabs-menu {
  position: fixed;
  z-index: 10;
  top: 67px;
  display: block;
  width: 100%;
  transform: translateZ(0);
  text-align: center;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.87);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.downloadApps .c-top-tabs-menu {
  top: 114px;
}
@media screen and (max-width: 1000px) {
  .c-top-tabs-menu {
    top: 0;
  }
}

.c-top-tabs-menu__item {
  position: relative;
  display: inline-block;
  width: 135px;
  padding: 10px 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: middle;
  border-bottom: 3px solid transparent;
  font-size: 14px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-top-tabs-menu__item > i {
  vertical-align: middle;
}
.c-top-tabs-menu__item.active {
  color: #2C7FA6;
  border-color: #218ccc;
  font-weight: 600;
}
.c-top-tabs-menu__item:hover {
  color: #218ccc;
}
@media screen and (min-width: 1201px) {
  .c-top-tabs-menu__item:hover .c-top-tabs-menu__item__sub {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
  }
}
@media screen and (max-width: 539px) {
  .c-top-tabs-menu__item {
    overflow: hidden;
    width: 25%;
    vertical-align: bottom;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
  }
}
@media screen and (max-width: 396px) {
  .c-top-tabs-menu__item {
    width: 22%;
  }
  .c-top-tabs-menu__item.active {
    width: 34%;
  }
}
@media screen and (max-width: 1200px) {
  .c-top-tabs-menu__item .icon-arrow-down {
    display: none;
  }
}

.c-top-tabs-menu__item__sub {
  position: absolute;
  top: calc(100% + 3px);
  display: block;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 0;
  opacity: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.c-top-tabs-menu__item__sub > div {
  padding: 5px 0;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.c-top-tabs-menu__item__sub > div.active, .c-top-tabs-menu__item__sub > div:hover {
  color: #2C7FA6;
}

.c-top-tabs-menu__viewBlock {
  display: none;
  max-width: 1600px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-top-tabs-menu__viewBlock.my-challenges {
  max-width: none;
}
.c-top-tabs-menu__viewBlock.active {
  display: block;
  margin-top: 105px;
}
@media screen and (max-width: 1000px) {
  .c-top-tabs-menu__viewBlock.active {
    margin-top: 42px;
  }
}

.c-actions-block {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px auto 60px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-actions-block .left {
  display: inline-block;
  width: 70%;
  padding-left: 23px;
  text-align: left;
  vertical-align: middle;
}
.c-actions-block .left .gs-btn-shop {
  vertical-align: middle;
  text-transform: capitalize;
}
.c-actions-block .left .gs-btn-shop + .gs-btn-shop {
  margin-left: 30px;
}
.c-actions-block .right {
  display: inline-block;
  width: 30%;
  text-align: right;
  vertical-align: middle;
}
.c-actions-block .facebook-like {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 1036px) {
  .c-actions-block .facebook-like > span {
    display: none;
  }
}
.c-actions-block .gs-btn--type1 {
  width: 100px;
}
@media screen and (max-width: 1070px) {
  .c-actions-block {
    display: none;
  }
}

.c-actions-block--more {
  display: block;
  width: 100%;
  height: auto;
  margin: 10px auto;
  text-align: center;
  font-size: 0;
}
.c-actions-block--more .gs-btn--type1 {
  width: 100px;
}

.c-actions-block--mobile, .c-actions-block--mobile--past, .challenges .c-actions-block--mobile--past {
  display: none;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-actions-block--mobile .challengeToggle, .c-actions-block--mobile--past .challengeToggle {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 10px 0 !important;
}
@media screen and (max-width: 1099px) {
  .c-actions-block--mobile, .c-actions-block--mobile--past, .challenges .c-actions-block--mobile--past {
    display: block;
  }
}

.c-actions-block--mobile--past {
  margin-bottom: 40px;
}

.c-actions-block--mobile__actions {
  margin: 15px auto 60px;
  padding: 10px;
  text-align: center;
  line-height: 60px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-actions-block--mobile__actions button {
  min-width: 0;
  padding-left: 30px;
}
.c-actions-block--mobile__actions button i.icon-plus-invert {
  display: none;
}
.c-actions-block--mobile__actions button + button {
  margin-left: 21px;
}
@media screen and (max-width: 1099px) {
  .c-actions-block--mobile__actions {
    margin-bottom: 10px;
  }
}

.c-actions-block--mobile__autofill {
  display: block;
  width: 100%;
}
.c-actions-block--mobile__autofill .gs-btn--type1 {
  position: relative;
  width: 115px;
}
.c-actions-block--mobile__autofill .gs-btn--type1:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: calc(100% + 40px);
  height: calc(100% + 20px);
  content: "";
  transform: translate(-50%, -50%);
  background-color: #dedbdb;
}

.c-actions-block__earn-autofills {
  display: inline-block;
  margin-left: 15px;
  cursor: pointer;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-actions-block__earn-autofills:hover .c-actions-block__earn-autofills__icon {
  transition: 0.3s ease-in-out;
  box-shadow: none;
}
@media screen and (max-width: 1324px) {
  .c-actions-block__earn-autofills {
    display: none;
  }
}

.c-actions-block__earn-autofills__icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 30px;
  line-height: 50px;
}

.c-actions-block__earn-autofills__text {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.c-actions-block__earn-autofills__text__new {
  position: absolute;
  top: -12px;
  right: -12px;
  display: inline-block;
  margin: 0 0 3px;
  padding: 2px 4px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #ff002f;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 600;
}

.c-challenges-friends {
  display: inline-block;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .c-challenges-friends {
    display: block;
  }
}

.c-challenges-friends__item {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  text-align: center;
  color: #3b5999;
  border: 1px solid #d4dedf;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenges-friends__item span {
  display: inline-block;
  vertical-align: middle;
}
.c-challenges-friends__item i {
  display: inline-block;
  vertical-align: top;
}
.c-challenges-friends__item:hover {
  color: #fff;
  background-color: #3b5999;
}
@media screen and (max-width: 1200px) {
  .c-challenges-friends__item {
    width: 50%;
  }
}

.c-challenges-friends__item__plus {
  vertical-align: middle;
  line-height: 1;
}

.my-challenges-mobile-actions {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 10px;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-mobile-actions app-global-bankroll-component {
  width: 100%;
  gap: unset;
  justify-content: space-around;
  align-items: center;
}
.my-challenges-mobile-actions:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (min-width: 1071px) {
  .my-challenges-mobile-actions {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .my-challenges-mobile-actions {
    padding: 10px 4px;
  }
  .my-challenges-mobile-actions app-global-bankroll-component {
    justify-content: space-between;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .global-bankroll-item {
    width: 24%;
    height: 36px;
    padding: 2px;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .global-bankroll-item img {
    height: 18px !important;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .global-bankroll-item .gs-theme-text-headline-sub-bold {
    margin: 0 4px !important;
    flex: 1;
    font-size: 14px;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .global-bankroll-item .global-bankroll-item_plus {
    width: 20px;
    height: 20px;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .global-bankroll-item .global-bankroll-item_plus .icon-plus {
    font-size: 12px;
  }
  .my-challenges-mobile-actions app-global-bankroll-component .my-challenges-mobile-actions__item, .my-challenges-mobile-actions app-global-bankroll-component .my-challenges-mobile-actions__item--btn {
    display: none;
  }
}

.my-challenges-mobile-actions__item, .my-challenges-mobile-actions__item--btn {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.my-challenges-mobile-actions__bar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 84px;
  height: 23px;
  text-align: center;
  border: solid 1px #363636;
  border-radius: 4px;
  background-color: #333;
  line-height: 23px;
}
.my-challenges-mobile-actions__bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #1aafff;
}
.my-challenges-mobile-actions__bar .value {
  position: relative;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.2px;
  color: #fff;
  font-size: 10.5px;
  font-weight: bold;
  line-height: 1;
  line-height: 1;
}

.my-challenges-mobile-actions__item--btn > i {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 32px;
  height: 32px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #363636;
  font-size: 18px;
  line-height: 32px;
}
.my-challenges-mobile-actions__item--btn .value {
  position: relative;
  display: inline-block;
  width: 53px;
  height: 25px;
  margin-left: -18px;
  padding-right: 5px;
  text-align: right;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #3c3c3c;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 5px 14.2px 0.8px rgba(0, 0, 0, 0.35);
  font-size: 15.9px;
  font-weight: 600;
  line-height: 25px;
}

.my-challenges-mobile-autofill {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 10px 0;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.2px;
  color: #318ebf;
  border: 1px solid #b7b7b7;
  background-color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 12.4px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.04;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.my-challenges-mobile-autofill:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.my-challenges-mobile-autofill .gs-btn-blue--type-2--s-- {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  width: 96px;
  margin: 0 auto;
  cursor: pointer;
  transform: translate(0, 44%);
  will-change: transform;
}
.my-challenges-mobile-autofill .gs-btn-blue--type-2--s--.fixed {
  position: fixed;
  transform: translate(0, 55px);
}
.downloadApps .my-challenges-mobile-autofill .gs-btn-blue--type-2--s--.fixed {
  transform: translate(0, 165px);
}
@media screen and (min-width: 1201px) {
  .my-challenges-mobile-autofill {
    display: none;
  }
}
@media screen and (max-width: 1071px) {
  .my-challenges-mobile-autofill {
    border-right: none;
    border-left: none;
  }
}

.my-challenges-list {
  padding: 20px 10px;
}

.challenge-block {
  position: relative;
  display: inline-block;
  width: 31%;
  min-width: 220px;
  height: auto;
  margin: 1%;
  padding: 0;
  vertical-align: top;
  perspective: 1000px;
}
.challenge-block:nth-child(3n-1) {
  margin: 1% 1.1%;
}
.challenge-block:before {
  display: none;
}
.challenge-block a {
  text-decoration: none;
  color: #000;
}
.challenge-block img {
  opacity: 1;
}
@media screen and (max-width: 1080px) {
  .challenge-block {
    width: 47%;
  }
}
@media screen and (max-width: 800px) {
  .challenge-block {
    width: 95%;
    margin: 20px 1.1%;
  }
}

.challenge-block__title {
  margin-bottom: 5px;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}
.challenge-block__title span {
  color: #9e9e9e;
  font-weight: 300;
}

.challenge-block__data {
  position: relative;
  overflow: hidden;
  height: 290px;
  background-color: #ccc;
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.challenge-block__data:hover .challenge-block__data__upload-photo {
  opacity: 0.8;
}
.challenge-block__data:hover header {
  top: 20px;
}
.challenge-block__data:hover header .avatar {
  left: 10px;
}
.challenge-block__data:hover .challenge-block__image {
  transform: scale(1.1);
}
.challenge-block__data:hover .challenge-block__friends-line {
  width: 110%;
}
.challenge-block__data:hover .challenge-block__friends-line__avatar + .challenge-block__friends-line__avatar {
  margin-left: 5px;
}
.challenge-block__data:hover .challenge-block__friends-line__count {
  color: #2C7FA6;
}
.challenge-block__data:hover .challenge-block__friends-line__text {
  display: inline-block;
}
.challenge-block__data > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  min-width: 100%;
  transition: transform 1s cubic-bezier(0.7, 0.15, 0.36, 1);
  transform: translate(-50%, -50%);
  opacity: 1;
}
.challenge-block__data header {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 40px;
  transition: all 0.5s ease-in-out;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.57);
  line-height: 40px;
}
.challenge-block__data header .avatar {
  position: absolute;
  top: -6px;
  left: -100%;
  width: 55px;
  height: 55px;
  transition: all 0.5s ease-in-out;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.33);
}
.challenge-block__data header .title, .challenge-block__data header .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .challenge-block__data header .title-mobile {
  margin-left: 85px;
  text-align: left;
  vertical-align: middle;
  opacity: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.challenge-block__data header .title span, .challenge-block__data header .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .challenge-block__data header .title-mobile span {
  opacity: 0.8;
  font-weight: 600;
}
.challenge-block__data footer {
  position: absolute;
  z-index: 2;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.81);
}
.challenge-block__data footer ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  list-style: none;
}
.challenge-block__data footer ul li {
  position: relative;
  display: table-cell;
  width: 1%;
  padding: 10px 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 23px;
  font-weight: 600;
  line-height: 1;
}
.challenge-block__data footer ul li:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 80%;
  content: "";
  transform: translate3d(0, -50%, 0);
  border-right: 1px solid rgba(255, 255, 255, 0.76);
}
.challenge-block__data footer ul li.countdown {
  font-weight: 300;
}
.challenge-block__data footer ul li.countdown strong {
  font-weight: 300;
}
.challenge-block__data footer ul li.closed {
  font-size: 16px;
}
.challenge-block__data footer ul li > span {
  display: block;
  opacity: 0.7;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 800px) {
  .challenge-block__data {
    min-width: 0;
  }
}
@media screen and (max-width: 1000px) {
  .challenge-block__data > img {
    width: 150%;
    transform: translate(-50%, -50%);
  }
}

.challenge-block__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: transform 1s cubic-bezier(0.7, 0.15, 0.36, 1), opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  opacity: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.challenge-block__image.loaded {
  opacity: 1;
}

.challenge-block__data__link {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.01);
}

.challenge-block__data__upload-photo {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 0;
  left: 0;
  display: inline-block;
  width: 180px;
  margin: 0 auto;
  padding: 10px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  color: #000;
  background-color: #fff;
  text-shadow: 0 0 0.2px #000;
  font-weight: 600;
}
.challenge-block__data__upload-photo:hover:not([disabled]) {
  opacity: 0.9;
  background-color: #fff;
}

.challenge-block__friends-line {
  position: absolute;
  bottom: 65px;
  left: 0;
  display: inline-block;
  overflow: hidden;
  width: 120px;
  padding: 5px 2px;
  transition: width 0.6s ease-in-out;
  text-align: left;
  white-space: nowrap;
  color: #fff;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: rgba(0, 0, 0, 0.81);
  line-height: 1;
}

.challenge-block__friends-line__count {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
}
.challenge-block__friends-line__count + .challenge-block__friends-line__text {
  margin-left: 2px;
}

.challenge-block__friends-line__text {
  display: none;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
}

.challenge-block__friends-line__avatar {
  width: 40px;
  height: 40px;
  transition: margin 0.5s ease-in-out;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -2px 0 7px 0 rgba(0, 0, 0, 0.85);
}

.challenge-block__friends-line__avatar + .challenge-block__friends-line__avatar {
  margin-left: -30px;
}

.challenge-block--upcoming .challenge-block__data footer ul li:after {
  display: none;
}
.challenge-block--upcoming footer ul li:last-child {
  padding-right: 15px;
  text-align: right;
  opacity: 0.7;
}
.challenge-block--upcoming footer ul li:first-child {
  padding-right: 62px;
  padding-left: 25px;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .collection-challenges {
    text-align: center;
  }
}

/*body.contact {*/
.contact.restricted #header--s-- .user--s--, .contact.restricted #header--s-- .gs-header__main-menu {
  display: none;
}

contact-page {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  contact-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.contact-page__wrap {
  max-width: 950px;
  margin: 0 auto;
  padding: 0 20px;
}

.contact-page__text {
  margin-left: 70px;
  float: right;
  width: 400px;
  text-align: left;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.contact-page__text h1 {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.3;
}
.contact-page__text p {
  margin: 10px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}
.contact-page__text a {
  display: inline-block;
  margin: 0;
}
@media screen and (max-width: 900px) {
  .contact-page__text {
    display: block;
    float: none;
    width: 100%;
    max-width: 600px;
    margin: 10px auto 30px !important;
  }
  .contact-page__text h1 {
    font-size: 18px;
  }
}

.contact-page__form {
  display: inline-block;
  width: 400px;
  margin: 0;
  padding: 0;
  vertical-align: top;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.contact-page__form textarea {
  display: block;
  width: 100%;
  min-height: 250px;
  resize: none;
  border: 1px solid #ccc;
}
.contact-page__form .gs-btn--blue--s--, .contact-page__form fixed-footer .fix-footer__btn--s--, fixed-footer .contact-page__form .fix-footer__btn--s--, .contact-page__form .gs-btn--white, .contact-page__form .gs-btn--red, .contact-page__form .gs-btn--grey, .contact-page__form .gs-btn--instagram {
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .contact-page__form {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
  }
}

.contact-page__form__input {
  position: relative;
  overflow: hidden;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.contact-page__form__input + .contact-page__form__input {
  margin-top: 10px;
}
.contact-page__form__input input, .contact-page__form__input textarea {
  width: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #ccc;
  font-size: 18px;
}
.contact-page__form__input input::placeholder, .contact-page__form__input textarea::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .contact-page__form__input input {
    font-size: 14px;
  }
}

.contact-page__form__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #e54b4b;
  font-size: 12px;
  font-weight: 600;
}
.contact-page__form__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.contact-page__thank-you {
  max-width: 820px;
  margin: 0 auto;
  padding: 0 20px;
  line-height: 1.3;
}
.contact-page__thank-you h1 {
  color: #218ccc;
  font-size: 36px;
  font-weight: 600;
}
.contact-page__thank-you p {
  color: #444;
  font-size: 28px;
  font-weight: 400;
}

modal-deactivate-delete-account {
  display: block;
}
modal-deactivate-delete-account .gs-loader {
  background-color: white;
  border-radius: 12px;
}
modal-deactivate-delete-account md-checkbox {
  display: block;
}
modal-deactivate-delete-account md-checkbox .md-label {
  margin-left: 60px;
  vertical-align: text-bottom;
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}
modal-deactivate-delete-account textarea {
  display: block;
  overflow: auto;
  resize: none;
}
modal-deactivate-delete-account md-dialog-content {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-deactivate-delete-account md-dialog-content > div {
  margin-right: 35px;
}
@media screen and (max-width: 400px) {
  modal-deactivate-delete-account md-dialog-content > div {
    margin-right: unset;
  }
}

.inputStyle, modal-deactivate-delete-account textarea, modal-deactivate-delete-account input {
  width: 100%;
  padding: 10px;
  border: solid 1px rgba(137, 148, 154, 0.3);
  background-color: #ffffff;
  border-radius: 4px;
  outline: none;
  line-height: 1.3;
}
.inputStyle::placeholder, modal-deactivate-delete-account textarea::placeholder, modal-deactivate-delete-account input::placeholder {
  color: #999;
}

.modal-deactivate-delete-account__border, .deactivated-page__message__wrap, .deactivated-page__desc, .deactivated-page__title, .modal-deactivate-delete-account__admin__section-title, .modal-deactivate-delete-account__admin-reasons__wrapper, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper, .modal-deactivate-delete-account__admin-reasons, .modal-deactivate-delete-account__admin-action, .modal-deactivate-delete-account__admin-period, .modal-deactivate-delete-account__reasons, .modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > span, .modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div, .modal-deactivate-delete-account__warning-wrapper, .modal-deactivate-delete-account__followers, .modal-deactivate-delete-account__achievements, .modal-deactivate-delete-account__admin-subtitle, .modal-deactivate-delete-account__title {
  border-bottom: 1px solid #eef2f5;
}

.modal-deactivate-delete-account {
  max-height: 98vh;
  overflow: visible;
  width: 540px;
  max-width: 540px;
  min-height: 200px;
  border-radius: 12px;
  background-color: #fff;
  color: #313030;
  line-height: 1;
  display: flex;
  flex-direction: column;
  padding: 50px 0 30px 35px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .modal-deactivate-delete-account {
    max-width: 98vw;
  }
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account {
    max-width: 98vw;
    padding: 40px 10px 20px 10px;
  }
}

.modal-deactivate-delete-account__content {
  order: 1;
  overflow: visible;
}

.modal-deactivate-delete-account__title {
  text-align: center;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account__admin-title {
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 800;
}
.modal-deactivate-delete-account__admin-title:first-letter {
  text-transform: uppercase;
}

.modal-deactivate-delete-account__admin-subtitle {
  padding-bottom: 15px;
}

.modal-deactivate-delete-account__subtitle {
  font-weight: 600;
  margin: 15px 0 30px 0;
  line-height: 1.36;
}

.modal-deactivate-delete-account__message {
  border-radius: 6px;
  background-color: #eef2f5;
  padding: 15px 34px;
  text-align: center;
  line-height: 1.36;
}
.modal-deactivate-delete-account__message span {
  font-weight: bold;
}

.modal-deactivate-delete-account__achievements {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
  gap: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__achievement {
  width: 80px;
  margin-bottom: 16px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__achievement .desc {
  font-size: 14px;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .modal-deactivate-delete-account__achievement .desc {
    display: none;
  }
}

.modal-deactivate-delete-account__followers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  line-height: 1;
}

.modal-deactivate-delete-account__follower__avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.modal-deactivate-delete-account__follower__avatar + .modal-deactivate-delete-account__follower__avatar {
  margin-left: -20px;
}

.modal-deactivate-delete-account__follower__text {
  display: inline-block;
  max-width: 50%;
  margin-left: 15px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.3px;
  font-weight: 600;
  line-height: 1.36;
}
.modal-deactivate-delete-account__follower__text > div {
  font-weight: normal;
}

.modal-deactivate-delete-account__warning-wrapper {
  padding: 30px 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__warning-wrapper {
    padding: 5px 0;
  }
}

.modal-deactivate-delete-account__warning {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: rgba(255, 157, 157, 0.24);
  padding: 20px;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__warning > div {
  font-weight: 600;
  line-height: 1.36;
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__warning i {
    display: none;
  }
}

.modal-deactivate-delete-account__actions {
  order: 2;
  padding-top: 30px;
  padding-right: 35px;
  display: flex;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__actions div, .modal-deactivate-delete-account__actions button {
  flex: 1;
  height: 35px;
}
.modal-deactivate-delete-account__actions div:last-child, .modal-deactivate-delete-account__actions button:last-child {
  margin-left: 22px;
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__actions {
    padding-right: unset;
  }
}

.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE > div > img {
  width: 161px;
  height: 100px;
  margin-bottom: 25px;
  text-align: center;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group {
  text-align: left;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div {
  padding: 20px 0;
  display: flex;
  align-items: flex-start;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div {
  margin-left: 40px;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > span {
  display: block;
  padding-bottom: 10px;
  font-weight: 600;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > div {
  margin-top: 10px;
  line-height: 1.3;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > md-radio-button {
  width: 20px;
  flex-shrink: 0;
  margin-bottom: unset;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > md-radio-button .md-label {
  margin-left: unset;
}

.modal-deactivate-delete-account__content__ADMIN md-checkbox .md-label {
  margin-left: 35px;
}
.modal-deactivate-delete-account__content__ADMIN .modal-deactivate-delete-account__warning i {
  color: #ff9d9d;
  font-size: 24px;
  margin-right: 20px;
  opacity: 0.8;
}
.modal-deactivate-delete-account__content__ADMIN .modal-deactivate-delete-account__warning > div > span {
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning-wrapper {
  padding-top: unset;
}
.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning i {
  color: #ff9d9d;
  font-size: 30px;
  margin-right: 30px;
  opacity: 0.8;
}
.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning > div > span {
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account_DEACTIVATE .modal-deactivate-delete-account__warning i {
  font-size: 56px;
}
.modal-deactivate-delete-account_DEACTIVATE .modal-deactivate-delete-account__warning > div > span {
  margin-bottom: 6px;
}

.modal-deactivate-delete-account__reasons {
  padding-top: 20px;
}

.modal-deactivate-delete-account__admin-reasons, .modal-deactivate-delete-account__admin-action, .modal-deactivate-delete-account__admin-period {
  padding-left: 40px;
}

.modal-deactivate-delete-account__admin-reasons_cbs {
  margin-bottom: 15px;
}

.modal-deactivate-delete-account__admin__textarea {
  margin-bottom: 15px;
}

.modal-deactivate-delete-account__admin-reasons__wrapper, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper {
  position: relative;
}
.modal-deactivate-delete-account__admin-reasons__wrapper i, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper i, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper i {
  position: absolute;
  color: #3797d1;
  left: -32px;
  top: 11px;
  font-size: 20px;
}

.modal-deactivate-delete-account__admin-period i {
  top: 12px;
  font-size: 16px;
}
.modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper {
  border-bottom: unset;
}

.modal-deactivate-delete-account__admin-action {
  border-bottom: unset;
}
.modal-deactivate-delete-account__admin-action i {
  top: 11px;
  font-size: 20px;
}
.modal-deactivate-delete-account__admin__send-email {
  padding: 15px 0;
  margin-bottom: unset;
}

.modal-deactivate-delete-account__admin__section-title {
  font-weight: 600;
  padding: 15px 0;
  margin-bottom: 15px;
}
.modal-deactivate-delete-account__admin__section-title span {
  font-weight: normal;
}

/*body.deactivated {*/
.deactivated #header--s-- {
  display: none;
}

deactivated-page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  text-align: center;
  background-color: white;
  font-size: 0;
  line-height: 1;
  padding: 10px;
  color: #313030;
}
deactivated-page .wrap {
  max-width: 480px;
}

.deactivated-page__logo {
  color: black;
}
.deactivated-page__logo i {
  font-size: 43px;
  margin-right: 15px;
}
.deactivated-page__logo span {
  font-size: 38px;
  font-weight: 700;
}

.deactivated-page__title {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 15px;
  margin-top: 30px;
}

.deactivated-page__desc {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.36;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 20px;
}
.deactivated-page__desc a {
  margin-left: 2px;
  color: #3397d2;
}

.deactivated-page__deactivate-member .deactivated-page__desc {
  border-bottom: unset;
  padding-bottom: 25px;
}

.deactivated-page__message {
  height: 58px;
  border-radius: 6px;
  background-color: #e8f3f9;
}
.deactivated-page__message i {
  font-size: 18px;
  color: #3397d2;
  margin-right: 15px;
}
.deactivated-page__message span {
  font-size: 14px;
  font-weight: 800;
}

.deactivated-page__message__wrap {
  padding-bottom: 25px;
}

.deactivated-page__reason {
  border-radius: 6px;
  background-color: #eef2f5;
  padding: 20px 27px;
  flex-direction: column;
  margin-top: 15px;
}

.deactivated-page__reason-title {
  font-size: 14px;
  font-weight: 800;
  margin-bottom: 10px;
  text-align: center;
}

.deactivated-page__reason__time-left {
  border-radius: 6px;
  background-color: #f6f8fa;
  font-size: 16px;
  font-weight: bold;
  color: #838383;
  width: 250px;
  height: 29px;
  margin-top: 18px;
}

.deactivated-page__reason-desc {
  font-size: 14px;
  font-weight: 600;
  text-align: left;
}

.deactivated-page__actions {
  font-size: 16px;
  margin-top: 30px;
  display: flex;
}
.deactivated-page__actions div {
  width: 170px;
  font-size: 16px;
  font-weight: 600;
  flex: 1;
  height: 36px;
}
.deactivated-page__actions div:last-child {
  margin-left: 20px;
}

/*body.discover {*/
.discover:not(.loggedIn) mobile-header {
  display: none;
}

discover {
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
discover.logged_in mobile-header-empty {
  display: none !important;
}
discover.logged_in mobile-header {
  display: block;
}
@media screen and (max-width: 1000px) {
  discover {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.discover__cover {
  position: relative;
  width: 100%;
  height: 400px;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 796px) {
  .discover__cover {
    height: 290px;
  }
}

.discover__search {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 20px);
  max-width: 700px;
  transform: translate(-50%, -50%);
  text-align: center;
}
.discover__search md-autocomplete {
  background-color: transparent;
}
.discover__search md-autocomplete-wrap {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
}
.discover__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 0 10px;
  text-align: left;
  letter-spacing: -0.6px;
  color: #fff;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1;
}
.discover__search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
.discover__search .icon-search {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}
.discover__search .icon-search:hover {
  box-shadow: none;
}

.discover__by {
  position: absolute;
  right: 2px;
  bottom: 2px;
  padding: 2px 5px;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  opacity: 0.7;
  color: #fff;
  border-radius: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 600;
}
.discover__by:hover {
  text-decoration: none;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.3);
}

.discover__tabs {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  padding: 0 100px 0 40px;
  text-align: right;
  color: #fff;
  line-height: 40px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .discover__tabs {
    padding: 0;
  }
}

.discover__tabs__title {
  float: left;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  font-size: 40px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .discover__tabs__title {
    display: block;
    float: none;
    margin-bottom: 10px;
    text-align: center;
    font-size: 24px;
  }
}

.discover__tabs__items {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .discover__tabs__items {
    display: block;
    text-align: center;
  }
}

.discover__tabs__item {
  display: inline-block;
  padding: 2px 6px;
  cursor: pointer;
  transition: background-color 0.15s ease-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  font-size: 15px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.discover__tabs__item:hover, .discover__tabs__item.active {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 11px rgba(0, 0, 0, 0.2);
}
.discover__tabs__item + .discover__tabs__item {
  margin-left: 15px;
}
@media screen and (max-width: 960px) {
  .discover__tabs__item {
    font-size: 13px;
  }
}

.discover__loader {
  position: relative;
  height: calc(100vh - 468px);
}

discover-photos {
  position: relative;
  display: block;
  min-height: 50vh;
  font-size: 14px;
}

.discover-photos__items {
  position: relative;
  font-size: 0;
  line-height: 1;
}
.discover-photos__items > div {
  opacity: 1;
}

.discover-photos__item {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  background-color: #ccc;
}
.discover-photos__item:hover .discover-photos__badge {
  transition: transform 333ms ease-in-out 100ms;
  transform: translate3d(0, -50%, 0) scale(1);
}
.discover-photos__item:hover .discover-photos__data {
  transition: transform 333ms ease-in-out 100ms;
  transform: translate3d(0, 0, 0);
}
.discover-photos__item .data {
  position: absolute;
  top: 0;
  left: 0;
}

.discover-photos__image {
  transition: opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  opacity: 0;
}
.discover-photos__image.loaded {
  opacity: 1;
}

.discover-photos__badge {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0) scale(0);
  transform-origin: 50% 50%;
  text-align: center;
  color: #fff;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
  line-height: 1;
}
.discover-photos__badge i {
  font-size: 140px;
}
.discover-photos__badge .challenge {
  margin-top: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  line-height: 1.3;
}
.discover-photos__badge .name {
  font-size: 17px;
  font-weight: 600;
}
.discover-photos__badge .desc {
  font-size: 15px;
  font-weight: 300;
}

.discover-photos__like {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0.6;
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
}
.discover-photos__like.liked .icon-heart_thin {
  transform: scale(1);
}
.discover-photos__like i {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.discover-photos__like .icon-heart_thin {
  transition: transform 333ms ease-in-out;
  transform: scale(0);
  color: #218ccc;
}

.discover-photos__data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px 15px;
  transform: translate3d(0, 100%, 0);
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 5%, transparent 100%);
}

.discover-photos__data-item {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.discover-photos__data-item + .discover-photos__data-item {
  margin-left: 5px;
}
.discover-photos__data-item span, .discover-photos__data-item i {
  display: inline-block;
  vertical-align: middle;
}
.discover-photos__data-item i {
  font-size: 16px;
}
.discover-photos__data-item .icon-vote-menu {
  padding-bottom: 2px;
}

.discover-photos__by {
  position: absolute;
  right: 2px;
  bottom: 2px;
  padding: 2px 5px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  opacity: 0.8;
  color: #fff;
  border-radius: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 600;
}

.discover-photos__loader {
  position: relative;
  width: 100%;
  height: 200px;
}

discover-search {
  position: relative;
  display: block;
  min-height: 50vh;
  font-size: 14px;
}

.discover-photos__empty {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 40px;
  text-align: center;
  color: #555;
  font-size: 25px;
  font-weight: 400;
}
.discover-photos__empty i {
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 100px;
  margin-bottom: 10px;
}

.discover-photos__items {
  position: relative;
  font-size: 0;
  line-height: 1;
}
.discover-photos__items > div {
  opacity: 1;
}

.discover-photos__item {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  background-color: #ccc;
}
.discover-photos__item:hover .discover-photos__badge {
  transition: transform 333ms ease-in-out 100ms;
  transform: translate3d(0, -50%, 0) scale(1);
}
.discover-photos__item:hover .discover-photos__data {
  transition: transform 333ms ease-in-out 100ms;
  transform: translate3d(0, 0, 0);
}
.discover-photos__item .data {
  position: absolute;
  top: 0;
  left: 0;
}

.discover-photos__image {
  transition: opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  opacity: 0;
}
.discover-photos__image.loaded {
  opacity: 1;
}

.discover-photos__badge {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0) scale(0);
  transform-origin: 50% 50%;
  text-align: center;
  color: #fff;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
  line-height: 1;
}
.discover-photos__badge i {
  font-size: 140px;
}
.discover-photos__badge .challenge {
  margin-top: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  line-height: 1.3;
}
.discover-photos__badge .name {
  font-size: 17px;
  font-weight: 600;
}
.discover-photos__badge .desc {
  font-size: 15px;
  font-weight: 300;
}

.discover-photos__like {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  opacity: 0.6;
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
}
.discover-photos__like.liked .icon-heart_thin {
  transform: scale(1);
}
.discover-photos__like i {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
}
.discover-photos__like .icon-heart_thin {
  transition: transform 333ms ease-in-out;
  transform: scale(0);
  color: #218ccc;
}

.discover-photos__data {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px 10px 15px;
  transform: translate3d(0, 100%, 0);
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 5%, transparent 100%);
}

.discover-photos__data-item {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.discover-photos__data-item + .discover-photos__data-item {
  margin-left: 5px;
}
.discover-photos__data-item span, .discover-photos__data-item i {
  display: inline-block;
  vertical-align: middle;
}
.discover-photos__data-item i {
  font-size: 16px;
}
.discover-photos__data-item .icon-vote-menu {
  padding-bottom: 2px;
}

.discover-photos__by {
  position: absolute;
  right: 2px;
  bottom: 2px;
  padding: 2px 5px;
  -webkit-user-select: none;
          user-select: none;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  opacity: 0.8;
  color: #fff;
  border-radius: 5px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 600;
}

.discover-photos__loader {
  position: relative;
  width: 100%;
  height: 200px;
}

page404 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding-top: 68px;
  background-color: #3397d2;
  background-image: url("../png/background.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  font-size: 0;
  line-height: 1;
}

.page404__wrap {
  text-align: center;
}

.page404__image {
  display: block;
  width: 60%;
  max-width: 1742px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 670px) {
  .page404__image {
    width: 90%;
  }
}

.page404__oops {
  display: inline-block;
  width: 250px;
  max-width: 466px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 670px) {
  .page404__oops {
    width: 100px;
  }
}

.page404__title {
  margin-top: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}

.page404__actions {
  margin-top: 100px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 670px) {
  .page404__actions {
    margin-top: 60px;
  }
}

.page404__btn {
  display: inline-block;
  min-width: 260px;
  padding: 15px 30px;
  cursor: pointer;
  transition: background-color 333ms ease-in-out;
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 16px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.page404__btn + .page404__btn {
  margin-left: 50px;
}
.page404__btn:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.8);
}
@media screen and (max-width: 670px) {
  .page404__btn {
    display: block;
    width: 230px;
    margin: 0 auto;
    font-size: 14px;
  }
  .page404__btn + .page404__btn {
    margin-top: 20px;
    margin-left: auto;
  }
}

exhibitions-item {
  display: block;
  padding: 40px 10px;
  text-align: center;
  background-color: #ddd;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
exhibitions-item + exhibitions-item {
  margin-top: 30px;
}
@media screen and (max-width: 1100px) {
  exhibitions-item {
    padding: 15px 10px;
  }
  exhibitions-item + exhibitions-item {
    margin-top: 0;
  }
}

.exhibitions-item__wrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__wrap app-ng-image-component {
  background-image: none !important;
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__wrap {
    max-width: 700px;
    padding: 20px 0 0;
    background-color: #fff;
    box-shadow: 0 0 13.5px 1.5px rgba(0, 0, 0, 0.1);
  }
}

.exhibitions-item__title {
  position: relative;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__title .country-flag {
  display: inline-block;
  width: 43px;
  height: 26px;
  margin-right: 10px;
  vertical-align: middle;
  position: relative;
}
.exhibitions-item__title > span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.7px;
  color: #444;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
}
.exhibitions-item__title .city {
  text-transform: uppercase;
}
.exhibitions-item__title .country {
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: 400;
}
.exhibitions-item__title .date {
  margin-left: 10px;
  text-transform: uppercase;
  font-weight: 300;
}
.exhibitions-item__title .sponsor {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 10px;
  cursor: pointer;
  text-decoration: none;
  color: #444;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-weight: 400;
  line-height: 1;
}
.exhibitions-item__title .sponsor:hover {
  text-decoration: none;
}
.exhibitions-item__title .sponsor .label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.exhibitions-item__title .sponsor img {
  height: 46px;
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__title {
    text-align: center;
  }
  .exhibitions-item__title img {
    display: block;
    margin: 0 auto;
  }
  .exhibitions-item__title .city {
    display: block;
    letter-spacing: -0.5px;
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
  }
  .exhibitions-item__title .country, .exhibitions-item__title .date {
    text-align: center;
    letter-spacing: -0.3px;
    color: #444;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.07;
  }
  .exhibitions-item__title .sponsor {
    display: none;
  }
}

.exhibitions-item__card {
  position: relative;
  overflow: auto;
  width: 100%;
  margin-top: 30px;
  background-color: #fff;
  box-shadow: 0 0 13.5px 1.5px rgba(0, 0, 0, 0.1);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card {
    margin: 0;
    box-shadow: none;
  }
}

.exhibitions-item__card__media {
  position: relative;
  display: inline-block;
  float: right;
  width: 59%;
  vertical-align: top;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__card__media:before {
  display: block;
  padding-bottom: 63%;
  content: "";
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__media {
    display: block;
    float: none;
    width: 100%;
    margin: 20px 0;
  }
  .exhibitions-item__card__media:before {
    display: block;
    padding-bottom: 53%;
    content: "";
  }
}

.exhibitions-item__card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

.exhibitions-item__card__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.exhibitions-item__card__video:hover i {
  opacity: 1;
}
.exhibitions-item__card__video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  opacity: 0.6;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  font-size: 60px;
}

.exhibitions-item__card__text {
  display: inline-block;
  width: 41%;
  padding: 60px 60px 0;
  text-align: left;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__text {
    display: block;
    width: 100%;
    margin-top: 10px;
    padding: 0;
    text-align: center;
  }
}

.exhibitions-item__card__text-wrap {
  min-height: 110px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__card__text-wrap .wrap {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__text-wrap {
    min-height: 0;
  }
}

.exhibitions-item__card__text__title {
  cursor: pointer;
  text-decoration: none;
  letter-spacing: -0.6px;
  color: #444;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__card__text__title:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.exhibitions-item__card__text__title:hover {
  text-decoration: none;
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__text__title {
    text-align: center;
    letter-spacing: -0.4px;
    color: #444;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.05;
  }
}

.exhibitions-item__card__text__sub-title {
  letter-spacing: -0.4px;
  color: #444;
  font-size: 18px;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__text__sub-title {
    text-align: center;
    letter-spacing: -0.4px;
    color: #444;
    font-size: 18px;
    line-height: 1;
  }
}

.exhibitions-item__card__text__summary {
  margin-top: 10px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__card__text__summary {
    margin: 30px 0;
  }
}

.exhibitions-item__card__text__summary__column {
  display: inline-block;
  width: 50%;
  line-height: 1.2;
}
.exhibitions-item__card__text__summary__column + .exhibitions-item__card__text__summary__column {
  border-left: 1px solid #e9e9e9;
}

.exhibitions-item__sum-line {
  letter-spacing: -0.5px;
  color: #444;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
.exhibitions-item__sum-line .label {
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.43;
}

.exhibitions-item__members-exhibited {
  text-align: center;
  letter-spacing: -0.8px;
  color: #444;
  font-size: 41px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
}
.exhibitions-item__members-exhibited .label {
  max-width: 90px;
  margin: 0 auto;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}

.exhibitions-item__actions {
  margin-top: 40px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__actions {
    margin-top: 20px;
    text-align: center;
  }
}

.exhibitions-item__action-btn {
  display: inline-block;
  min-width: 100px;
  margin-bottom: 15px;
  padding: 0 6px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #1c8bcb;
  border: solid 1px #1c8bcb;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.79;
}
.exhibitions-item__action-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #1c8bcb;
}

.exhibitions-item__comment {
  z-index: -1;
  width: 100%;
  padding: 15px;
  background-color: #ebebeb;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1100px) {
  .exhibitions-item__comment {
    display: none;
  }
}

.exhibitions-item__comment__wrap {
  position: relative;
  background-color: #fff;
}

.exhibitions-item__comment__avatar {
  display: inline-block !important;
  width: 81px;
  height: 81px;
  cursor: pointer;
  vertical-align: middle;
  background-color: #ccc;
  position: relative;
}

.exhibitions-item__comment__text {
  display: inline-block;
  width: calc(100% - 81px);
  max-width: 600px;
  padding: 0 120px 0 20px;
  vertical-align: middle;
  line-height: 1.3;
}
.exhibitions-item__comment__text .comment {
  letter-spacing: -0.4px;
  color: #666;
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}
.exhibitions-item__comment__text .name {
  display: inline-block;
  cursor: pointer;
  letter-spacing: -0.3px;
  color: #1c8bcb;
  font-size: 14px;
  font-weight: 300;
}

.exhibitions-item__comment__image {
  position: absolute;
  top: 0;
  right: 0;
  width: 120px;
  height: 81px;
  background-repeat: no-repeat;
  background-size: cover;
}

.exhibitions-item__sponsor-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: #444;
  border-top: 2px solid #ddd;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions-item__sponsor-mobile:hover {
  text-decoration: none;
}
.exhibitions-item__sponsor-mobile .label {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
}
.exhibitions-item__sponsor-mobile .sponsor__label {
  margin-right: 5px;
}
.exhibitions-item__sponsor-mobile img {
  width: 132px !important;
  height: 46px !important;
}
@media screen and (min-width: 1101px) {
  .exhibitions-item__sponsor-mobile {
    display: none;
  }
}

/* TODO: move to vars */
/*body.home-page {*/
.home-page {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page gs-footer {
  display: block;
  font-size: 12px;
}
.home-page .gs-loader {
  background-color: #f1f1f1;
}
.home-page mobile-header {
  display: none;
}
.home-page mobile-header-empty {
  background-color: rgb(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  .home-page gs-footer {
    padding-bottom: 10px;
  }
}

home-page {
  font-size: 20px;
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  line-height: 1;
}

.home-page__cover {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 68px);
  padding-bottom: 41%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover_wide.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1225px) {
  .home-page__cover {
    background-image: url("../jpg/cover_medium.jpg");
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover {
    padding-bottom: 0;
    background-position: 50% 0;
    background-image: url("../jpg/cover-2.jpg");
    height: calc(100vh - 52px);
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover {
    background-position: 90% 0;
    background-image: url("../jpg/cover-wide.jpg");
  }
}

.home-page__cover__apps {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__apps {
    bottom: 80px;
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__apps {
    bottom: 70px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__apps {
    left: unset;
    right: 50px;
    bottom: 52px;
  }
}

.home-page__app-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/app-store-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__app-store {
    margin-left: 13px;
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__app-store {
    width: 100px;
  }
}

.home-page__google-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/google-play-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__google-store {
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__google-store {
    width: 100px;
  }
}

.home-page__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__video {
    display: none;
  }
}

.home-page__cover__wrap {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__wrap {
    top: 45%;
  }
}

.home-page__cover__title {
  padding-left: 160px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__title .line-1 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 32px;
}
.home-page__cover__title .line-2 {
  letter-spacing: 1px;
  color: #fff;
  font-size: 90px;
  font-family: "bebas-neue";
  line-height: 0.9;
}
.home-page__cover__title .line-3 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 24px;
  line-height: 1.42;
  margin-top: 17px;
}
.home-page__cover__title .cover__btn--s-- {
  display: inline-block;
  margin-top: 65px;
  padding: 14px 34px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #218ccc;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__cover__title .cover__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__title {
    padding-left: 110px;
  }
  .home-page__cover__title .line-1 {
    font-size: 27px;
  }
  .home-page__cover__title .line-3 {
    font-size: 20px;
  }
  .home-page__cover__title .cover__btn--s-- {
    font-size: 20px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__title {
    padding-left: 0;
  }
  .home-page__cover__title .line-1 {
    text-align: center;
  }
  .home-page__cover__title .line-2 {
    text-align: center;
  }
  .home-page__cover__title .line-3 {
    text-align: center;
    margin-top: 10px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__title .line-1 {
    font-size: 22px;
  }
  .home-page__cover__title .line-2 {
    font-size: 55px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 16px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 350px) {
  .home-page__cover__title .line-1 {
    font-size: 20px;
  }
  .home-page__cover__title .line-2 {
    font-size: 45px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 14px;
  }
  .home-page__cover__title .cover__btn--s-- {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__title {
    padding-left: 50px;
  }
  .home-page__cover__title .line-1 {
    text-align: left;
    font-size: 18px;
  }
  .home-page__cover__title .line-2 {
    text-align: left;
    font-size: 78px;
  }
  .home-page__cover__title .line-3 {
    text-align: left;
    font-size: 14px;
    margin-top: 6px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: inline-block;
    margin-top: 33px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

.home-page__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.home-page__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
  .home-page__cover__footer img {
    height: 50px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .home-page__cover__footer img {
    height: 25px;
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__footer img {
    height: 21px;
    margin-left: 0;
  }
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
}

.home-page__motivated {
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.home-page__motivated .motivated__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__motivated .motivated__text {
  max-width: 860px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__motivated .motivated__text span {
  display: block;
}
.home-page__motivated .motivated__awards {
  width: 100%;
  max-width: 1219px;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .home-page__motivated .motivated__awards {
    display: none;
  }
}
.home-page__motivated .motivated__awards--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
}
@media screen and (min-width: 961px) {
  .home-page__motivated .motivated__awards--mobile {
    display: none;
  }
}
.home-page__motivated .motivated__btn--s-- {
  display: none;
  margin: 20px auto 0;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__motivated .motivated__btn--s-- {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__motivated .motivated__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__motivated .motivated__title span {
    font-size: 26px;
  }
  .home-page__motivated .motivated__text {
    margin: 20px auto;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__motivated .motivated__text span {
    display: inline;
  }
}

.home-page__images {
  text-align: center;
  background-color: #ccc;
  font-size: 0;
}

.home-page__images__item, .home-page__images__item--3, .home-page__images__item--2, .home-page__images__item--1 {
  display: inline-block;
  width: 33.3333333333%;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item, .home-page__images__item--3, .home-page__images__item--2, .home-page__images__item--1 {
    display: none;
  }
}

.home-page__images__item--1 {
  background-image: url("../jpg/images__01.jpg");
}

.home-page__images__item--2 {
  background-image: url("../jpg/images__02.jpg");
}

.home-page__images__item--3 {
  background-image: url("../jpg/images__03.jpg");
}

.home-page__images__item--4 {
  display: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 90%;
  background-image: url("../jpg/votes-cover.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item--4 {
    display: block;
  }
}

.home-page__votes {
  padding: 50px 5px;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes {
    padding: 25px 10px;
  }
}

.home-page__votes__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__votes__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__votes__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__votes__title span {
    font-size: 26px;
  }
  .home-page__votes__title span:before {
    display: block;
    content: "";
  }
}
@media screen and (max-width: 340px) {
  .home-page__votes__title {
    font-size: 21px;
  }
}

.home-page__votes__text {
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes__text {
    padding: 0 10px;
    font-size: 16px;
  }
}

.home-page__challenges {
  padding-bottom: 60px;
  text-align: center;
  background-color: #eee;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
  padding: 34px 5px;
  text-align: center;
  letter-spacing: 0;
  color: #008ddc;
  font-size: 28px;
}
.home-page__challenges .image {
  height: 210px;
  background-color: #ccc;
  background-image: url("../jpg/challenges.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-page__challenges .title--mobile {
  display: none;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .home-page__challenges {
    padding-bottom: 25px;
    background-color: #fff;
  }
  .home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
    display: none;
  }
  .home-page__challenges .title--mobile {
    display: block;
  }
  .home-page__challenges .image {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 69%;
    background-image: url("../jpg/challenges-2.jpg");
    background-size: cover;
  }
}

.home-page__challenges__btn--s-- {
  display: none;
  margin: 0 auto;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__challenges__btn--s-- {
    display: inline-block;
  }
}

.home-page__insights {
  position: relative;
  padding-bottom: 45%;
  background-color: #ccc;
  background-image: url("../jpg/insights.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__insights .text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
}
.home-page__insights .sub-title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 1285px) {
  .home-page__insights .text {
    top: 15px;
    padding: 0 10px;
    line-height: 1;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    font-size: 24px;
  }
  .home-page__insights .sub-title {
    margin-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .home-page__insights {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 156%;
    background-image: url("../jpg/insights-2.jpg");
  }
  .home-page__insights .text {
    top: 40px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
  .home-page__insights .title span, .home-page__insights .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__insights .title-mobile span {
    display: block;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title span {
    display: block;
  }
}
@media screen and (max-width: 365px) {
  .home-page__insights .text {
    top: 25px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.home-page__prizes {
  padding: 100px 5px 0;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__prizes span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__prizes .image {
  width: 100%;
  max-width: 1821px;
  margin: 60px auto 0;
}
.home-page__prizes .image--mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-page__prizes {
    padding: 25px 0;
  }
  .home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__prizes .title span, .home-page__prizes .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__prizes .title-mobile span {
    font-size: 26px;
  }
  .home-page__prizes .title span:after, .home-page__prizes .challenges .challengeToggle .title-mobile span:after, .challenges .challengeToggle .home-page__prizes .title-mobile span:after {
    display: block;
    content: "";
  }
  .home-page__prizes .image {
    display: none;
  }
  .home-page__prizes .image--mobile {
    display: block;
    max-width: 960px;
  }
}

.home-page__sponsors {
  padding: 50px 70px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__sponsors .image {
  display: block;
  width: 100%;
  max-width: 1776px;
  margin: 0 auto;
}
.home-page__sponsors .image--mobile {
  display: none;
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .home-page__sponsors {
    padding: 30px 5px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
}
@media screen and (max-width: 425px) {
  .home-page__sponsors {
    padding: 1px 10px 25px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 855px;
    margin: 10px auto;
  }
}

.home-page__people-on-expo {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__people-on-expo {
    display: none;
  }
}

.home-page__exhibited {
  position: relative;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited {
    padding: 25px 0 0;
    border-bottom: none;
  }
}

.home-page__exhibited__image {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image {
    display: none;
  }
}

.home-page__exhibited__image--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image--mobile {
    display: block;
    width: 100%;
    max-width: 960px;
  }
}

.home-page__exhibited__text {
  display: inline-block;
  width: 45%;
  max-width: 390px;
  margin-left: 50px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__exhibited__text span {
  letter-spacing: -0.1px;
  color: #008ddc;
  font-size: 40px;
  font-weight: bold;
}
.home-page__exhibited__text .text {
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .home-page__exhibited__text {
    font-size: 24px;
  }
  .home-page__exhibited__text span {
    font-size: 24px;
  }
  .home-page__exhibited__text .text {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__text {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__exhibited__text .text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page__exhibited__text span {
    color: #fff;
    font-size: 24px;
  }
}

.home-page__community {
  padding: 80px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__community {
    padding: 30px 0;
  }
}

.home-page__community__title {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__community__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__community__title {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__community__title span {
    font-size: 24px;
  }
}

.home-page__community__image {
  display: block;
  width: 100%;
  margin-top: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 640px) {
  .home-page__community__image {
    display: none;
  }
}

.home-page__community__image--mobile {
  display: block;
  width: 100%;
  max-width: 957px;
  margin: 30px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 641px) {
  .home-page__community__image--mobile {
    display: none;
  }
}

.home-page__comments {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 80px;
  text-align: center;
  border-bottom: 1px solid #979797;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments {
    padding: 40px 15px;
  }
}

.home-page__comments__item {
  max-width: 300px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__comments__item .comment {
  text-align: left;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.home-page__comments__item .by {
  margin-top: 10px;
  text-align: left;
  color: #4990e2;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1388px) {
  .home-page__comments__item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .home-page__comments__item {
    max-width: 215px;
  }
  .home-page__comments__item .comment {
    font-size: 18px;
  }
  .home-page__comments__item .by {
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) {
  .home-page__comments__item {
    max-width: 190px;
  }
  .home-page__comments__item .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 622px) {
  .home-page__comments__item:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 454px) {
  .home-page__comments__item:nth-child(2) {
    display: none;
  }
}

.home-page__comments__item--quote-left {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-left {
    top: 20px;
    left: 15px;
    width: 30px;
  }
}

.home-page__comments__item--quote-right {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-right {
    right: 20px;
    bottom: 15px;
    width: 30px;
  }
}

.home-page__app {
  padding: 80px 0 0;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app {
    padding: 30px 10px 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__app {
    padding: 25px 0 0;
  }
}

.home-page__app__image {
  display: inline-block;
  width: 385px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app__image {
    display: none;
  }
}

.home-page__app__image--mobile {
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1001px) {
  .home-page__app__image--mobile {
    display: none;
  }
}

.home-page__app__text {
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__app__text span {
  color: #4990e2;
  font-weight: bold;
}
.home-page__app__text .text {
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__app__text .link {
  display: inline-block;
  margin: 60px 10px 0;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.home-page__app__text .link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.home-page__app__text .link img {
  height: 72px;
}
@media screen and (max-width: 1000px) {
  .home-page__app__text {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__app__text .title span, .home-page__app__text .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__app__text .title-mobile span {
    font-size: 26px;
  }
  .home-page__app__text .text {
    margin-top: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__app__text .link {
    display: inline-block;
    margin: 10px;
    text-align: center;
  }
  .home-page__app__text .link img {
    height: 35px;
  }
}

/* TODO: move to vars */
.exhibitions #header--s--.gs-header--s-- {
  position: relative;
  transform: none;
  will-change: unset;
  backface-visibility: visible;
}
.exhibitions #page {
  padding-top: 0;
}
.exhibitions .gs-footer {
  display: none !important;
}

exhibitions {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #f1f1f1;
}

.exhibitions__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 30%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions__cover .exhibition__cover__image img {
  height: 150% !important;
}
@media screen and (max-width: 950px) {
  .exhibitions__cover {
    padding: 20px 10px;
  }
}

.exhibitions__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .exhibitions__cover__video {
    display: none;
  }
}

.exhibitions__cover__video-filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.exhibitions__cover__text-wrap {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions__cover__text-wrap .image {
  height: 76px;
}
.exhibitions__cover__text-wrap .title, .exhibitions__cover__text-wrap .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .exhibitions__cover__text-wrap .title-mobile {
  letter-spacing: -1.2px;
  color: #fff;
  text-shadow: 0 0 13.5px rgba(0, 0, 0, 0.3);
  font-size: 62px;
  font-weight: 600;
  line-height: 1.3;
}
.exhibitions__cover__text-wrap .sub-title {
  letter-spacing: -0.7px;
  color: #fff;
  text-shadow: 0 0 13.5px rgba(0, 0, 0, 0.3);
  font-size: 33px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
}
@media screen and (max-width: 950px) {
  .exhibitions__cover__text-wrap {
    position: static;
    transform: none;
  }
  .exhibitions__cover__text-wrap .image {
    height: 47px;
  }
  .exhibitions__cover__text-wrap .title, .exhibitions__cover__text-wrap .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .exhibitions__cover__text-wrap .title-mobile {
    margin: 10px 0;
    letter-spacing: -0.7px;
    font-size: 18px;
    font-weight: 600;
    line-height: 0.94;
  }
  .exhibitions__cover__text-wrap .sub-title {
    text-align: center;
    letter-spacing: -0.3px;
    font-size: 14px;
    line-height: 1.25;
  }
}

.exhibitions__v-exhibitions {
  position: absolute;
  top: 0;
  right: 300px;
  width: 225px;
  height: 76px;
  cursor: pointer;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1510px) {
  .exhibitions__v-exhibitions {
    right: 120px;
  }
}
@media screen and (max-width: 950px) {
  .exhibitions__v-exhibitions {
    position: relative;
    top: initial;
    right: initial;
    margin: 15px auto;
    transform: none;
  }
}

.exhibitions__badge {
  position: absolute;
  top: 0;
  right: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 150px;
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.exhibitions__badge img {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
}
.exhibitions__badge .text {
  position: relative;
  color: #fff;
}
.exhibitions__badge .text--1 {
  font-size: 32px;
  font-weight: 700;
}
.exhibitions__badge .text--2 {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 400;
}
.exhibitions__badge .text--3 {
  font-size: 20px;
  font-weight: 600;
}
@media screen and (max-width: 1510px) {
  .exhibitions__badge .badge {
    right: 40px;
    transform: translateY(-20%);
  }
}
@media screen and (max-width: 950px) {
  .exhibitions__badge {
    position: relative;
    top: initial;
    right: initial;
    margin: 15px auto;
    transform: none;
  }
}

.exhibitions__body {
  overflow: auto;
  min-height: 45vh;
  padding: 50px 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 950px) {
  .exhibitions__body {
    padding: 0;
  }
}

/*body.exhibitionWidget {*/
.exhibitionWidget #header--s--,
.exhibitionWidget #footer {
  display: none !important;
}

exhibition-widget {
  display: block;
  height: auto;
  min-height: 100vh;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 14px;
  line-height: 1;
}

.exhibition-widget__info {
  padding: 15px;
  text-align: center;
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  line-height: 1.3;
}
.exhibition-widget__info h1 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
}
.exhibition-widget__info h1 span {
  font-weight: 300;
}

.exhibition-widget__search {
  position: relative;
  max-width: 400px;
  margin: 10px auto;
}
.exhibition-widget__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 5px 10px;
  text-align: left;
  letter-spacing: -0.6px;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1;
}
.exhibition-widget__search input::placeholder {
  vertical-align: middle;
  color: #999;
  font-size: 16px !important;
}
.exhibition-widget__search .search-btn {
  position: absolute;
  top: 50%;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  transform: translateY(-50%);
  text-align: center;
  color: #666;
  font-size: 22px;
  line-height: 32px;
}
.exhibition-widget__search .search-btn:hover {
  box-shadow: none;
}

.exhibition-widget__photos {
  display: block;
  text-align: left;
}

.exhibition-widget__photo {
  position: relative;
  display: inline-block;
  width: calc(20% - 4px);
  margin: 2px;
  vertical-align: top;
  background-color: #ccc;
  background-position: center center;
  background-size: cover;
}
.exhibition-widget__photo:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}

.exhibition-widget__slide-show-btn {
  position: fixed;
  bottom: 25px;
  left: 25px;
  padding: 10px;
  cursor: pointer;
  color: #fff;
  border-radius: 11px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 50px;
  line-height: 1;
  transition: box-shadow 333ms ease-in-out;
}
.exhibition-widget__slide-show-btn:hover {
  box-shadow: 0 2px 5px 8px rgba(0, 0, 0, 0.24);
}

/*body.generateSsStatus {*/
.generateSsStatus {
  width: 1200px;
  height: 630px;
  min-height: 0;
}
.generateSsStatus #header--s--.gs-header--s-- {
  display: none;
}
.generateSsStatus mobile-header {
  display: none !important;
}
.generateSsStatus .gs-footer {
  display: none;
}
.generateSsStatus #footer,
.generateSsStatus #modal {
  display: none;
}
.generateSsStatus #page {
  width: 1200px;
  height: 630px;
  min-height: 0;
}

generate-ss-status {
  display: inline-block;
  text-align: center;
}

.generate-ss-status__banner {
  position: relative;
  display: block;
  width: 1200px;
  height: 630px;
  text-align: center;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.generate-ss-status__banner:before {
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
}

.generate-ss-status__title {
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  font-size: 36px;
  font-weight: 600;
}
.generate-ss-status__title span {
  vertical-align: middle;
}
.generate-ss-status__title i {
  vertical-align: middle;
  font-weight: 400;
}

.generate-ss-status__badge {
  position: absolute;
  top: 50%;
  right: 50%;
  color: #FFF;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  line-height: 1;
  transform: translate(50%, -50%);
  font-size: 420px;
}

.generate-ss-status__avatar {
  position: absolute;
  bottom: 15px;
  left: 15px;
  line-height: 1;
}
.generate-ss-status__avatar .up-arrow {
  position: absolute;
  right: 0;
  bottom: calc(100% - 10px);
  left: 0;
  width: 70px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
}
.generate-ss-status__avatar .up-arrow:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: "";
  transform: translateX(-50%);
  border-width: 0 50px 50px 50px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.generate-ss-status__avatar .up-arrow > div {
  position: relative;
  margin-top: -15px;
  color: #000;
  font-size: 12px;
  font-weight: 800;
  line-height: 0.9;
}
.generate-ss-status__avatar .up-arrow > div span {
  display: block;
  font-size: 36px;
}
.generate-ss-status__avatar .round {
  position: relative;
  overflow: hidden;
  width: 150px;
  height: 150px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #ccc;
}
.generate-ss-status__avatar img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.generate-ss-status__logo {
  position: absolute;
  right: 30px;
  bottom: 30px;
  opacity: 0.6;
  color: #fff;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7);
  font-size: 60px;
  line-height: 1;
}

admin-menu {
  position: relative;
  display: block;
  margin: 10px 40px;
  padding: 0 8px;
  text-align: left;
  font-size: 0;
  line-height: 1;
}

.admin-menu__link {
  display: inline-block;
  padding-right: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #3397d2;
  font-size: 18px;
  font-weight: 600;
}
.admin-menu__link:last-child {
  padding-right: 0;
}
.admin-menu__link:hover {
  text-decoration: none;
}
.admin-menu__link.active {
  color: tomato;
}
.admin-menu__link + .admin-menu__link {
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
.admin-menu__link i {
  vertical-align: middle;
}
.admin-menu__link span {
  display: inline-block;
  vertical-align: middle;
}

admin-sub-menu {
  position: relative;
  display: inline-block;
  padding: 8px;
  text-align: left;
  border-top: 1px solid #ccc;
  font-size: 0;
  line-height: 1;
}

.admin-sub-menu {
  display: inline-block;
  padding-right: 10px;
  cursor: pointer;
  text-decoration: none;
  color: #3397d2;
  font-size: 16px;
  font-weight: 600;
}
.admin-sub-menu:last-child {
  padding-right: 0;
}
.admin-sub-menu:hover {
  text-decoration: none;
}
.admin-sub-menu + .admin-sub-menu {
  padding-left: 10px;
  border-left: 1px solid #ccc;
}
.admin-sub-menu__link.active, .admin-sub-menu__link.gs-active {
  color: tomato;
}
.admin-sub-menu__link:hover {
  text-decoration: none;
}

challenges-auto-submit {
  position: relative;
  display: block;
  min-height: 80vh;
  margin-top: 20px;
  text-align: left;
  font-size: 0;
  line-height: 1.4;
}
challenges-auto-submit .gs-loader {
  z-index: 1;
  background-color: #f1f1f1;
}

.challenges-auto-submit__title {
  margin-bottom: 30px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.challenges-auto-submit__input {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.challenges-auto-submit__btn {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  text-align: center;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 18px;
  font-weight: 600;
}
.challenges-auto-submit__btn:hover {
  box-shadow: none;
}

challenges-calendar {
  position: relative;
  display: block;
  min-height: 80vh;
  margin-top: 10px;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
}
challenges-calendar .vis-item {
  color: #000;
  background: rgb(56, 214, 4);
  background: linear-gradient(to right, rgb(56, 214, 4) 0%, rgb(206, 135, 4) 70%, rgb(229, 0, 53) 100%);
  text-shadow: 0 1px 4px rgba(68, 68, 68, 0.71);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#38d604", endColorstr="#e50035",GradientType=1 );
}
challenges-calendar .vis-item.vis-range {
  border-radius: 8px;
}
challenges-calendar .vis-item.vis-selected {
  z-index: 2;
  border-color: #3397d2;
  background-color: #D5DDF6;
}
challenges-calendar .vis-item.upcoming {
  opacity: 0.6;
}
challenges-calendar .vis-item.speed {
  padding-left: 14px;
}
challenges-calendar .vis-item.speed:before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 100%;
  content: "S";
  color: #ff9600;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #000;
  font-size: 12px;
  font-weight: 800;
}
challenges-calendar .vis-item.exhibition {
  padding-left: 14px;
}
challenges-calendar .vis-item.exhibition:before {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 100%;
  content: "E";
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  background-color: #3397d2;
  font-size: 12px;
  font-weight: 800;
}

.challenges-calendar__table {
  padding-top: 30px;
  font-size: 0;
}

.challenges-calendar__table-title {
  margin: 5px auto;
  font-size: 16px;
  font-weight: 600;
}

.challenges-calendar__table-item, .challenges-calendar__table-item--desc {
  position: relative;
  display: inline-block;
  margin-top: 5px;
  margin-left: -1px;
  text-align: center;
  vertical-align: top;
  border: 1px solid #ccc;
}
.challenges-calendar__table-item.active, .active.challenges-calendar__table-item--desc {
  box-shadow: 0 0 4px 1px #218bcd;
}
.challenges-calendar__table-item > div, .challenges-calendar__table-item--desc > div {
  width: 70px;
  padding: 4px 0;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.challenges-calendar__table-item > div:last-child, .challenges-calendar__table-item--desc > div:last-child {
  border-bottom: none;
}
.challenges-calendar__table-item .title, .challenges-calendar__table-item--desc .title, .challenges-calendar__table-item .challenges .challengeToggle .title-mobile, .challenges-calendar__table-item--desc .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .challenges-calendar__table-item .title-mobile, .challenges .challengeToggle .challenges-calendar__table-item--desc .title-mobile {
  color: #fff;
  background-color: #3397d2;
  font-size: 16px;
  font-weight: 600;
}
.challenges-calendar__table-item .total, .challenges-calendar__table-item--desc .total {
  color: #000;
}
.challenges-calendar__table-item .opening, .challenges-calendar__table-item--desc .opening {
  color: green;
}
.challenges-calendar__table-item .closing, .challenges-calendar__table-item--desc .closing {
  color: tomato;
}

.challenges-calendar__table-item--desc > div {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.challenges-calendar__actions {
  position: relative;
  padding: 10px 0;
}

.challenges-calendar__btn {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.challenges-calendar__btn:hover {
  box-shadow: none;
}
.challenges-calendar__btn + .challenges-calendar__btn {
  margin-left: 10px;
}
.challenges-calendar__btn i, .challenges-calendar__btn span {
  vertical-align: middle;
}
.challenges-calendar__btn i {
  margin-right: 5px;
  font-size: 20px;
}

challenges-notification-times {
  position: relative;
  display: block;
  overflow: auto;
  min-height: 80vh;
  text-align: left;
  font-size: 0;
  line-height: 1;
}
challenges-notification-times .gs-loader {
  top: 33px;
  height: calc(100% - 33px);
}

.challenges-notification-times__title {
  margin: 30px auto;
  text-align: center;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.challenges-notification-times__filter {
  display: block;
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  font-size: 14px;
  line-height: 1.4;
}
.challenges-notification-times__filter .md-errors-spacer {
  display: none;
}
.challenges-notification-times__filter input {
  text-align: center;
}

.challenges-notification-times__list {
  text-align: center;
}

.challenges-notification-times__item {
  max-width: 400px;
  margin: 5px auto;
  padding: 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.challenges-notification-times__item .code {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}
.challenges-notification-times__item .hour {
  display: inline-block;
  width: 190px;
  margin: 0 20px;
  vertical-align: middle;
  font-size: 16px;
}
.challenges-notification-times__item .hour .md-errors-spacer {
  display: none;
}
.challenges-notification-times__item .hour input {
  text-align: center;
}
.challenges-notification-times__item .gs-btn--blue--s--, .challenges-notification-times__item fixed-footer .fix-footer__btn--s--, fixed-footer .challenges-notification-times__item .fix-footer__btn--s--, .challenges-notification-times__item .gs-btn--white, .challenges-notification-times__item .gs-btn--red, .challenges-notification-times__item .gs-btn--grey, .challenges-notification-times__item .gs-btn--instagram {
  display: inline-block;
  vertical-align: middle;
}

challenges-schedule {
  position: relative;
  display: block;
  overflow: auto;
  min-height: 80vh;
  text-align: left;
}
challenges-schedule .gs-loader {
  top: 33px;
  height: calc(100% - 33px);
}
challenges-schedule .c-challenges-schedule__statuses {
  position: relative;
  display: inline-block;
  padding: 8px;
  text-align: left;
  border-top: 1px solid #ccc;
  font-size: 0;
  line-height: 1;
}
challenges-schedule .c-challenges-schedule__status {
  display: inline-block;
  padding-right: 10px;
  cursor: pointer;
  text-decoration: none;
  text-transform: capitalize;
  color: #218ccc;
  font-size: 16px;
  font-weight: 600;
  padding-left: 10px;
  border-left: 1px solid #ccc;
}
challenges-schedule .c-challenges-schedule__status:hover {
  text-decoration: none;
}
challenges-schedule .c-challenges-schedule__status:first-child {
  padding-left: unset;
  border-left: unset;
}
challenges-schedule .c-challenges-schedule__status.active {
  color: tomato;
}

.c-challenges-schedule__select {
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}
.c-challenges-schedule__select .md-text > span {
  color: #555;
  font-weight: 300;
}

.c-challenges-schedule__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  padding-right: 52px;
  text-align: left;
  border: 1px solid #ccc;
  font-size: 0;
}
.c-challenges-schedule__item + .c-challenges-schedule__item {
  margin-top: 10px;
}
.c-challenges-schedule__item avatar-full {
  width: 180px;
  font-weight: 400;
  margin: 0 20px;
}
.c-challenges-schedule__item avatar-full a {
  width: 50px;
  height: 50px;
  border-width: 2px;
}
.c-challenges-schedule__item avatar-full span {
  position: relative;
  left: unset;
  color: #555;
  top: unset;
  margin-left: 15px;
}

.c-challenges-schedule__item-status {
  text-align: center;
  margin: 0 20px;
  width: 130px;
}
.c-challenges-schedule__item-status div {
  text-transform: uppercase;
  border-radius: 30px;
  font-size: 16px;
  color: white;
  padding: 5px 12px;
  background-color: orange;
  display: inline-block;
  width: 100%;
  text-align: center;
}
.c-challenges-schedule__item-status span {
  color: red;
  font-size: 14px;
}

.c-challenges-schedule__item-action {
  text-align: center;
  margin: 0 20px;
}
.c-challenges-schedule__item-action div {
  width: 110px;
  margin-top: 5px;
  display: block;
}
.c-challenges-schedule__item-action div:first-child {
  margin-left: unset;
}

.c-challenges-schedule__updated {
  position: absolute;
  top: 2px;
  left: 215px;
  color: #777;
  font-size: 12px;
  font-weight: 300;
}

.c-challenges-schedule__type_tags {
  /*@extend .md-chips;*/
  position: absolute;
  bottom: 2px;
  left: 215px;
  color: #777;
  font-size: 12px;
  font-weight: 300;
  display: flex;
  flex-direction: column;
}
.c-challenges-schedule__type_tags .tag {
  /*@extend .md-chip-content;*/
  cursor: default;
  border-radius: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
  margin: 8px 8px 0 0;
  padding: 0 12px 0 12px;
  float: left;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  /*md-chips.md-default-theme md-chip, md-chips md-chip*/
  background: rgb(224, 224, 224);
  color: rgb(66, 66, 66);
}

.c-challenges-schedule__image {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 200px;
  height: 100px;
  vertical-align: middle;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-challenges-schedule__image .badge {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  padding: 5px;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  background-color: rgba(33, 140, 204, 0.7);
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1500px) {
  .c-challenges-schedule__image {
    height: 178px;
  }
}

.c-challenges-schedule__id {
  display: inline-block;
  padding: 15px;
  -webkit-user-select: all;
          user-select: all;
  vertical-align: middle;
  color: #777;
  font-size: 16px;
  font-weight: 400;
}

.c-challenges-schedule__title {
  display: inline-block;
  padding: 15px;
  cursor: pointer;
  vertical-align: middle;
  text-decoration: none;
  color: #444;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  margin: 0 20px;
  width: 250px;
}
.c-challenges-schedule__title:hover {
  text-decoration: none;
}

.c-challenges-schedule__date {
  display: inline-block;
  padding: 15px;
  vertical-align: middle;
  color: #444;
  font-size: 18px;
}

.c-challenges-schedule__time {
  display: inline-block;
  padding: 10px 5px;
  vertical-align: middle;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.c-challenges-schedule__label {
  text-align: center;
  font-size: 14px;
}

.c-challenges-schedule__duplicate {
  position: relative !important;
  border-top-left-radius: 11px;
  top: unset !important;
  right: unset !important;
  margin-left: 15px;
}

.c-challenges-schedule__edit, .c-challenges-schedule__duplicate {
  position: absolute;
  top: -1px;
  right: -1px;
  padding: 4px 6px;
  cursor: pointer;
  transition: all 333ms ease-in-out;
  text-decoration: none;
  color: #fff;
  border: 1px solid #3397d2;
  border-bottom-left-radius: 11px;
  background-color: #3397d2;
  font-size: 14px;
  font-weight: 600;
}
.c-challenges-schedule__edit:hover, .c-challenges-schedule__duplicate:hover {
  text-decoration: none;
  color: #3397d2;
  background-color: #fff;
}

.c-challenges-schedule__save {
  position: absolute;
  right: -1px;
  bottom: -1px;
  padding: 4px 6px;
  cursor: pointer;
  transition: all 333ms ease-in-out;
  color: #fff;
  border: 1px solid tomato;
  border-top-left-radius: 11px;
  background-color: tomato;
  font-size: 14px;
  font-weight: 600;
}
.c-challenges-schedule__save:hover {
  color: tomato;
  background-color: #fff;
}

.c-challenges-schedule__actions {
  padding: 25px;
  text-align: center;
}
.c-challenges-schedule__actions .gs-btn--blue--s--, .c-challenges-schedule__actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-challenges-schedule__actions .fix-footer__btn--s--, .c-challenges-schedule__actions .gs-btn--white, .c-challenges-schedule__actions .gs-btn--red, .c-challenges-schedule__actions .gs-btn--grey, .c-challenges-schedule__actions .gs-btn--instagram {
  font-size: 14px;
}

.c-challenges-schedule__date-wrapper {
  display: inline-block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1500px) {
  .c-challenges-schedule__date-wrapper {
    display: block;
  }
}

.challenges-schedule__date-section {
  width: 610px;
}

.md-open-menu-container .md-menu-bar-menu {
  min-width: 100%;
}

challenges-winners {
  position: relative;
  display: block;
  min-height: 80vh;
  margin-top: 20px;
  text-align: left;
  font-size: 0;
  line-height: 1.4;
}
challenges-winners .gs-loader {
  z-index: 1;
  background-color: #f1f1f1;
}

.challenges-winners__title {
  margin-bottom: 30px;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.challenges-winners__input, .challenges-winners__select {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.challenges-winners__select {
  margin: 20px 0;
}

.challenges-winners__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.challenges-winners__btn:hover {
  box-shadow: none;
}
.challenges-winners__btn + .challenges-winners__btn {
  margin-left: 10px;
}
.challenges-winners__btn i, .challenges-winners__btn span {
  vertical-align: middle;
}
.challenges-winners__btn i {
  margin-right: 5px;
  font-size: 70px;
}

challenges-sponsors table {
  table-layout: fixed;
  word-break: break-word;
}

admin-challenges {
  display: block;
}

admin-chests {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.admin-chests__reward__range__input {
  display: inline-block;
  margin-right: 10px;
}
.admin-chests__reward__range__input div {
  margin-bottom: 5px;
}

.admin-chests__reward {
  margin-bottom: 25px;
}

.admin-chests__reward__type {
  margin-bottom: 10px;
  font-weight: 600;
}

.admin-chests__reward__range {
  margin-bottom: 10px;
}

.admin-chests__reward__range__delete {
  color: #3397d2;
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}

.admin-chests__reward__range__add {
  color: #3397d2;
  cursor: pointer;
}

admin-custom-card {
  position: relative;
  display: block;
  padding-top: 30px;
}
admin-custom-card cards {
  position: fixed;
  top: 240px;
  right: 55px;
  display: block;
}
admin-custom-card cards.admin--mobile {
  top: 400px;
}

.admin-custom-card__title {
  margin: 10px 0 30px;
  font-size: 26px;
  font-weight: 400;
}

.admin-custom-card__input, .admin-custom-card__input--select {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.admin-custom-card__input--select {
  margin: 10px 0 30px;
}

.admin-custom-card__example {
  position: absolute;
  top: 20px;
  right: 20px;
}

.admin-custom-card__select {
  margin-bottom: 20px;
}

.admin-custom-card__select-btn {
  margin: 5px 0 15px;
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.admin-custom-card__select-btn:hover {
  box-shadow: none;
}
.admin-custom-card__select-btn span {
  display: inline-block;
  vertical-align: middle;
}
.admin-custom-card__select-btn i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  font-size: 20px;
}

admin-daily-rewards-missions {
  display: block;
  font-size: 12px;
}

.admin-daily-rewards-missions__btn {
  display: inline-block;
  min-width: 152px;
  margin-top: 15px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.admin-daily-rewards-missions__btn:hover {
  box-shadow: none;
}
.admin-daily-rewards-missions__btn + .admin-daily-rewards-missions__btn {
  margin-left: 10px;
}
.admin-daily-rewards-missions__btn i, .admin-daily-rewards-missions__btn span {
  vertical-align: middle;
}
.admin-daily-rewards-missions__btn i {
  margin-right: 5px;
  font-size: 20px;
}

.admin-daily-rewards-missions__table {
  margin-top: 15px;
}
.admin-daily-rewards-missions__table table {
  width: 100%;
  border-collapse: collapse;
}
.admin-daily-rewards-missions__table td, .admin-daily-rewards-missions__table th {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
.admin-daily-rewards-missions__table tr:nth-child(even) {
  background-color: #ddd;
}
.admin-daily-rewards-missions__table tbody tr {
  cursor: pointer;
}
.admin-daily-rewards-missions__table tbody tr:hover {
  background-color: darkgray;
}

admin-daily-rewards-prizes {
  display: block;
  font-size: 12px;
}

.admin-daily-rewards-prizes__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
  margin-top: 15px;
}
.admin-daily-rewards-prizes__btn:hover {
  box-shadow: none;
}
.admin-daily-rewards-prizes__btn + .admin-daily-rewards-prizes__btn {
  margin-left: 10px;
}
.admin-daily-rewards-prizes__btn i, .admin-daily-rewards-prizes__btn span {
  vertical-align: middle;
}
.admin-daily-rewards-prizes__btn i {
  margin-right: 5px;
  font-size: 20px;
}

.admin-daily-rewards-prizes__table {
  margin-top: 15px;
}
.admin-daily-rewards-prizes__table table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
.admin-daily-rewards-prizes__table td, .admin-daily-rewards-prizes__table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.admin-daily-rewards-prizes__table tr:nth-child(even) {
  background-color: #dddddd;
}
.admin-daily-rewards-prizes__table tbody tr {
  cursor: pointer;
}
.admin-daily-rewards-prizes__table tbody tr:hover {
  background-color: darkgray;
}
.admin-daily-rewards-prizes__table .admin-daily-rewards-prizes__error {
  font-size: 16px;
  color: red;
  margin: 15px 0;
}

edit-daily-mission {
  position: relative;
  display: block;
  padding-top: 30px;
}

.edit-daily-mission__title {
  margin: 10px 0 30px;
  font-size: 26px;
  font-weight: 400;
}

.edit-daily-mission__input {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.edit-daily-mission__select {
  margin-bottom: 30px;
}

.edit-daily-mission__example {
  position: absolute;
  top: 20px;
  right: 20px;
}

.edit-daily-mission__select {
  margin-bottom: 20px;
}

.edit-daily-mission__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.edit-daily-mission__btn:hover {
  box-shadow: none;
}
.edit-daily-mission__btn + .edit-daily-mission__btn {
  margin-left: 10px;
}
.edit-daily-mission__btn i, .edit-daily-mission__btn span {
  vertical-align: middle;
}
.edit-daily-mission__btn i {
  margin-right: 5px;
  font-size: 20px;
}
.edit-daily-mission__btn md-checkbox .md-label {
  font-size: 15px;
}

.edit-daily-mission__error {
  font-size: 16px;
  color: red;
  margin: 15px 0;
}

edit-daily-prize {
  display: block;
  padding-top: 30px;
  position: relative;
}

.edit-daily-prize__title {
  margin: 10px 0 30px;
  font-size: 26px;
  font-weight: 400;
}

.edit-daily-prize__input {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.edit-daily-prize__select {
  margin-bottom: 30px;
}

.edit-daily-prize__example {
  position: absolute;
  top: 20px;
  right: 20px;
}

.edit-daily-prize__select {
  margin-bottom: 20px;
}

.edit-daily-prize__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.edit-daily-prize__btn:hover {
  box-shadow: none;
}
.edit-daily-prize__btn + .edit-daily-prize__btn {
  margin-left: 10px;
}
.edit-daily-prize__btn i, .edit-daily-prize__btn span {
  vertical-align: middle;
}
.edit-daily-prize__btn i {
  margin-right: 5px;
  font-size: 20px;
}

.edit-daily-prize__error {
  font-size: 16px;
  color: red;
  margin: 15px 0;
}

admin-daily-rewards {
  display: block;
  font-size: 0;
  line-height: 1;
}

admin-events-leader-board {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.admin-events-leader-board__btn-new {
  font-size: 16px;
}

.admin-events-leader-board__wrraper {
  margin-top: 15px;
}

.admin-events-leader-board__table {
  display: inline-block;
}
.admin-events-leader-board__table table {
  width: 100%;
  border-collapse: collapse;
}
.admin-events-leader-board__table td, .admin-events-leader-board__table th {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
.admin-events-leader-board__table th {
  height: 31px;
}
.admin-events-leader-board__table tr:nth-child(even) {
  background-color: #ddd;
}
.admin-events-leader-board__table tbody tr {
  cursor: pointer;
}
.admin-events-leader-board__table tbody tr:hover {
  background-color: darkgray;
}

.admin-events-leader-board__duplicates {
  display: inline-block;
}
.admin-events-leader-board__duplicates table {
  width: 100%;
  border-collapse: collapse;
}
.admin-events-leader-board__duplicates td, .admin-events-leader-board__duplicates th {
  padding: 8px;
  text-align: left;
  border: 1px solid transparent;
}
.admin-events-leader-board__duplicates th {
  height: 31px;
}
.admin-events-leader-board__duplicates span {
  color: #3397d2;
  cursor: pointer;
}

.admin-events-leader-board__status {
  display: inline-block;
  width: 150px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  margin-left: 20px;
}

edit-lb-event {
  position: relative;
  display: block;
  padding-top: 30px;
  font-size: 14px;
}
edit-lb-event input {
  min-height: 30px;
  padding: 3px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
edit-lb-event textarea {
  overflow: auto;
  width: 800px;
  min-height: 135px;
  padding: 5px 10px;
  resize: none;
  border: 1px solid #ccc;
  background-color: #fff;
  line-height: 1.3;
}
edit-lb-event md-input-container {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 20px 0;
  color: #000;
  font-weight: 400;
}
edit-lb-event md-input-container.gs-inline-block {
  margin-right: 20px;
}
edit-lb-event md-input-container {
  width: 200px;
}

.edit-lb-event__max-members {
  margin-bottom: 30px;
  margin-top: unset !important;
}

.edit-lb-event__title {
  margin: 10px 0 20px;
  font-size: 20px;
  font-weight: 600;
}

.edit-lb-event__select {
  margin-bottom: 20px;
}

.edit-lb-event__error {
  font-size: 16px;
  color: red;
  margin: 15px 0;
}

.edit-lb-event__segmentation {
  width: 700px;
}
.edit-lb-event__segmentation md-checkbox {
  width: 150px;
}

.edit-lb-event__time {
  margin-top: 30px;
}
.edit-lb-event__time .edit-lb-event__time-input {
  display: inline-block;
  margin-right: 20px;
}
.edit-lb-event__time .edit-lb-event__time-input:last-child {
  margin-top: 20px;
}
.edit-lb-event__time .edit-lb-event__time-input div {
  font-weight: 600;
  margin-bottom: 5px;
}
.edit-lb-event__time .edit-lb-event__time-input input {
  min-width: 170px;
}

.edit-lb-event__section-title {
  margin-top: 30px;
  font-weight: 800;
}

.edit-lb-event__section {
  padding-left: 30px;
  padding-top: 15px;
}

.edit-lb-event__section__input, .edit-lb-event__section__small-input, .edit-lb-event__max-members {
  width: 800px;
  margin-top: 20px;
}
.edit-lb-event__section__input:first-child, .edit-lb-event__section__small-input:first-child, .edit-lb-event__max-members:first-child {
  margin-top: unset;
}
.edit-lb-event__section__input div, .edit-lb-event__section__small-input div, .edit-lb-event__max-members div {
  font-weight: 600;
  margin-bottom: 5px;
}
.edit-lb-event__section__input input, .edit-lb-event__section__small-input input, .edit-lb-event__max-members input {
  width: 100%;
}

.edit-lb-event__section__small-input input, .edit-lb-event__max-members input {
  width: 200px;
}

.edit-lb-event__actions {
  margin-top: 40px;
}

.edit-lb-event__prizes__generate-btn {
  display: inline-block;
  margin-top: 20px;
}

.edit-lb-event__prizes .edit-lb-event__section-title {
  font-weight: 600;
}

.edit-lb-event__prizes__position > .edit-lb-event__section > .edit-lb-event__section__small-input, .edit-lb-event__prizes__position > .edit-lb-event__section > .edit-lb-event__max-members {
  margin-bottom: 20px;
}
.edit-lb-event__prizes__position .edit-lb-event__section__small-input, .edit-lb-event__prizes__position .edit-lb-event__max-members {
  display: inline-block;
  margin-top: unset;
}

admin-events {
  display: block;
  font-size: 0;
  line-height: 1;
}

admin-exhibitions-edit {
  position: relative;
  display: block;
  min-height: 100vh;
}

.edit-exhibition__title {
  margin-top: 10px;
  font-size: 26px;
  font-weight: 400;
}

.edit-exhibition__preview {
  margin-top: 10px;
}

.edit-exhibition__wrap {
  margin: 20px 0;
  flex-wrap: wrap;
  justify-content: space-around;
}

.edit-exhibition__block {
  display: inline-block;
  max-width: 350px;
  padding: 15px;
  vertical-align: top;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.edit-exhibition__block + .edit-exhibition__block {
  margin-left: 15px;
}

.edit-exhibition__block-label {
  margin-bottom: 20px;
  color: #000;
  text-shadow: 1px 0 0 rgba(0, 0, 0, 0.3);
  font-size: 16px;
}

.edit-exhibition__input, .edit-exhibition__input--select {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.edit-exhibition__input--select {
  margin: 10px 0 30px;
}

.edit-exhibition__example {
  position: absolute;
  top: 20px;
  right: 20px;
}

.edit-exhibition__select {
  margin-bottom: 20px;
}

.edit-exhibition__select-btn {
  display: inline-block;
  min-width: 152px;
  margin: 5px 0 15px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.edit-exhibition__select-btn:hover {
  box-shadow: none;
}
.edit-exhibition__select-btn span {
  display: inline-block;
  vertical-align: middle;
}
.edit-exhibition__select-btn i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 20px;
}

.edit-exhibition__actions {
  margin: 20px 0;
}

admin-exhibitions-manager-item {
  position: relative;
  display: block;
  min-height: 100px;
  text-align: left;
  background-color: #f1f1f1;
  box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12);
  font-size: 0;
}
admin-exhibitions-manager-item + admin-exhibitions-manager-item {
  margin-top: 25px;
}

.adminExhibitionsManagerItem__selected-times {
  position: absolute;
  top: 5px;
  right: 5px;
  color: tomato;
  font-size: 14px;
  font-weight: 600;
}
.adminExhibitionsManagerItem__selected-times.never {
  color: darkgreen;
}

.adminExhibitionsManagerItem__data {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.adminExhibitionsManagerItem__badge {
  display: inline-block;
  vertical-align: middle;
}
.adminExhibitionsManagerItem__badge badge {
  font-size: 30px;
}
.adminExhibitionsManagerItem__badge .ranked {
  margin-top: 5px;
  text-align: center;
  color: #555;
  font-size: 12px;
  font-weight: 400;
}

.adminExhibitionsManagerItem__avatar {
  display: inline-block;
  object-fit: cover;
  width: 70px;
  height: 70px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 50%;
  cursor: pointer;
}

.adminExhibitionsManagerItem__info-wrap {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  line-height: 1.4;
}

.adminExhibitionsManagerItem__info-totals {
  display: inline-block;
  margin-left: 10px;
  line-height: 1.4;
  color: tomato;
  font-size: 14px;
  font-weight: 600;
  float: right;
}

.adminExhibitionsManagerItem__data-wrep {
  display: inline-block;
}

.adminExhibitionsManagerItem__info-name {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2px;
}

.adminExhibitionsManagerItem__info {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
}
.adminExhibitionsManagerItem__info + .adminExhibitionsManagerItem__info {
  margin-left: 0;
}
.adminExhibitionsManagerItem__info + .adminExhibitionsManagerItem__info:before {
  display: inline-block;
  margin: 0 5px;
  content: "|";
  color: #ccc;
}

.adminExhibitionsManagerItem__images {
  margin-top: 0;
  padding-bottom: 25px;
  text-align: left;
}

.adminExhibitionsManagerItem__image {
  position: relative;
  display: inline-block;
  width: 25%;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.adminExhibitionsManagerItem__image + .adminExhibitionsManagerItem__image:after {
  position: absolute;
  top: 100%;
  display: inline-block;
  height: 25px;
  content: "";
  border-left: 1px solid #ccc;
}
.adminExhibitionsManagerItem__image:before {
  display: block;
  width: 100%;
  padding-bottom: 100%;
  content: "";
}
.adminExhibitionsManagerItem__image .votes {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 22px;
  font-weight: 600;
}
.adminExhibitionsManagerItem__image .rank {
  position: absolute;
  top: 5px;
  left: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 22px;
  font-weight: 600;
}
.adminExhibitionsManagerItem__image .icon-star {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 35px;
}
.adminExhibitionsManagerItem__image .winner {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 90px;
}
.adminExhibitionsManagerItem__image .icon-printer, .adminExhibitionsManagerItem__image .icon-slideshow {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  transform: translate3d(-50%, -50%, 0);
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 80px;
}
.adminExhibitionsManagerItem__image .icon-printer {
  color: tomato;
}
.adminExhibitionsManagerItem__image .icon-slideshow {
  color: #3397d2;
}

.adminExhibitionsManagerItem__image__actions {
  position: absolute;
  top: 100%;
  bottom: 0;
  display: block;
  width: 100%;
  height: 25px;
}

.adminExhibitionsManagerItem__image__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  height: 100%;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: top;
  font-size: 14px;
  font-weight: 400;
}
.adminExhibitionsManagerItem__image__action + .adminExhibitionsManagerItem__image__action {
  border-left: 1px solid #ccc;
}
.adminExhibitionsManagerItem__image__action:hover, .adminExhibitionsManagerItem__image__action.active {
  background-color: #fff;
}
.adminExhibitionsManagerItem__image__action.active {
  font-weight: 600;
}
.adminExhibitionsManagerItem__image__action.print {
  color: tomato;
}
.adminExhibitionsManagerItem__image__action.digital {
  color: #3397d2;
}

* {
  -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
  print-color-adjust: exact !important; /*Firefox*/
}

@media print {
  .gs-admin {
    background-color: white !important;
  }
  .gs-admin * {
    background-color: white !important;
  }
}

admin-exhibitions-manager {
  -webkit-print-color-adjust: exact !important;
          print-color-adjust: exact !important;
  display: block;
  padding: 25px 0;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
@media print {
  admin-exhibitions-manager {
    background-color: white;
  }
}
@media print {
  admin-exhibitions-manager .gs-loader {
    display: none;
  }
}
admin-exhibitions-manager .gs-loader .loader {
  margin: 0;
}
admin-exhibitions-manager table img {
  width: 180px !important;
}
admin-exhibitions-manager table td {
  border: 1px solid #ccc;
}
admin-exhibitions-manager table td.admin-exhibitions-manager__print__table__img, admin-exhibitions-manager table td.admin-exhibitions-manager__print__table__index {
  text-align: center;
}
admin-exhibitions-manager table td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
}
admin-exhibitions-manager .title, admin-exhibitions-manager .challenges .challengeToggle .title-mobile, .challenges .challengeToggle admin-exhibitions-manager .title-mobile {
  text-decoration: none;
  color: #fff;
}
admin-exhibitions-manager .title:hover, admin-exhibitions-manager .challenges .challengeToggle .title-mobile:hover, .challenges .challengeToggle admin-exhibitions-manager .title-mobile:hover {
  text-decoration: none;
}

.admin-exhibitions-manager__loader {
  position: relative;
  width: 100%;
}

md-select-menu {
  max-height: 385px;
}
md-select-menu md-content {
  max-height: 385px;
}

.admin-exhibitions-manager__print {
  position: absolute;
  visibility: hidden;
}
@media print {
  .admin-exhibitions-manager__print {
    visibility: visible;
    position: relative;
  }
  .admin-exhibitions-manager__print:first-child {
    color: red;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-lines {
    margin: 25px 0;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-line {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-line:first-child {
    font-size: 20px;
    font-weight: 700;
  }
  .admin-exhibitions-manager__print md-toast {
    display: none;
  }
  .admin-exhibitions-manager__print table {
    display: table;
    width: 100%;
    page-break-inside: auto;
  }
  .admin-exhibitions-manager__print table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  .admin-exhibitions-manager__print table td.admin-exhibitions-manager__print__table__index {
    text-align: center;
  }
  .admin-exhibitions-manager__print table td.admin-exhibitions-manager__print__table__img {
    width: 180px;
  }
  .admin-exhibitions-manager__print table td:nth-child(2) {
    text-align: center;
    vertical-align: center;
  }
  .admin-exhibitions-manager__print table img {
    display: block !important;
    object-fit: contain !important;
    width: 180px !important;
    height: 100px !important;
  }
  .admin-exhibitions-manager__print .icon-gurushots-full-logo {
    color: #000;
    font-size: 40px;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-sponsor {
    margin-top: 30px;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-sponsor img {
    display: inline-block;
    height: 40px;
    vertical-align: middle;
  }
  .admin-exhibitions-manager__print .admin-exhibitions-manager__print-sponsor span {
    vertical-align: middle;
    font-size: 16px;
    margin-right: 15px;
    font-weight: 600;
  }
}

.admin-exhibitions-manager__actions {
  display: flex;
  justify-content: space-between;
  padding: 25px;
  text-align: left;
  border: 1px dashed #ccc;
}
@media print {
  .admin-exhibitions-manager__actions {
    display: none;
  }
}

.admin-exhibitions-manager__actions__input_wrap {
  display: inline-block;
  vertical-align: middle;
}
.admin-exhibitions-manager__actions__input_wrap .gs-btn--blue--s--, .admin-exhibitions-manager__actions__input_wrap fixed-footer .fix-footer__btn--s--, fixed-footer .admin-exhibitions-manager__actions__input_wrap .fix-footer__btn--s--, .admin-exhibitions-manager__actions__input_wrap .gs-btn--white, .admin-exhibitions-manager__actions__input_wrap .gs-btn--red, .admin-exhibitions-manager__actions__input_wrap .gs-btn--grey, .admin-exhibitions-manager__actions__input_wrap .gs-btn--instagram {
  margin-left: 10px;
}

.admin-exhibitions-manager__actions__input {
  display: inline-block;
  width: 120px;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  color: #555;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
}

.admin-exhibitions-manager__actions__filters {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  font-size: 0;
  line-height: 1;
}
.admin-exhibitions-manager__actions__filters:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.admin-exhibitions-manager__actions__filters .label {
  display: inline-block;
  vertical-align: middle;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}

.admin-exhibitions-manager__actions__filter {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #444;
  font-size: 14px;
  font-weight: 600;
  padding: 0 10px;
  border-right: 2px solid #666;
}
.admin-exhibitions-manager__actions__filter:hover, .admin-exhibitions-manager__actions__filter.active {
  color: tomato;
}
.admin-exhibitions-manager__actions__filter:last-child {
  border: none;
}

.admin-exhibitions-manager__challenge {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 300px;
  margin: 20px auto 40px;
  color: #fff;
  border: 2px solid #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 36px;
}
@media print {
  .admin-exhibitions-manager__challenge {
    display: none;
  }
}
.admin-exhibitions-manager__challenge:before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

.admin-exhibitions-manager__items {
  width: 100%;
  margin: 0 auto;
}

.admin-exhibitions-manager__actions__select {
  align-self: center;
  font-size: 14px;
  margin-top: 4px;
}
.admin-exhibitions-manager__actions__select md-input-container {
  margin: 0;
  line-height: 1.3;
}
.admin-exhibitions-manager__actions__select md-input-container md-select-menu {
  max-height: none;
}
.admin-exhibitions-manager__actions__select md-input-container md-select-menu md-content {
  max-height: none;
}

.admin-exhibitions-manager__actions__select-view {
  margin-left: auto;
  margin-right: 40px;
}

.admin-exhibitions-manager__counter {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 15px;
  right: 0;
  font-size: 15px;
  color: white;
  font-weight: 600;
  padding: 10px 20px;
}
.admin-exhibitions-manager__counter .icon-arrow-up {
  margin-right: 20px;
  border: 1px solid;
  border-radius: 15px;
  font-size: 23px;
  vertical-align: middle;
  cursor: pointer;
}

@media print {
  .admin-exhibitions-manager__gallery {
    display: none;
  }
}

.gs-red {
  color: red;
}

admin-exhibitions-page {
  display: block;
}

.admin-exhibitions__actions {
  padding: 20px 0;
}

.admin-exhibitions__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.admin-exhibitions__btn:hover {
  box-shadow: none;
}
.admin-exhibitions__btn + .admin-exhibitions__btn {
  margin-left: 10px;
}
.admin-exhibitions__btn i, .admin-exhibitions__btn span {
  vertical-align: middle;
}
.admin-exhibitions__btn i {
  margin-right: 5px;
  font-size: 20px;
}

.admin-exhibitions__wrap {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.admin-exhibitions__item {
  position: relative;
}
.admin-exhibitions__item + .admin-exhibitions__item {
  margin-top: 20px;
}

.admin-exhibitions__item-actions {
  position: absolute;
  padding: 10px;
  top: 0;
  right: 0;
  font-size: 14px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border: 1px solid #ddd;
}

admin-exhibitions-selected {
  display: block;
  margin: 30px auto;
}
@media print {
  admin-exhibitions-selected md-toast {
    display: none;
  }
  admin-exhibitions-selected table {
    width: 100%;
    page-break-inside: auto;
  }
  admin-exhibitions-selected table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  admin-exhibitions-selected table td:nth-child(2) {
    text-align: center;
    vertical-align: center;
  }
  admin-exhibitions-selected table img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
  }
}
admin-exhibitions-selected md-input-container {
  margin: 20px 0 0 0;
}
admin-exhibitions-selected md-radio-group {
  display: inline-block;
  vertical-align: middle;
}
admin-exhibitions-selected md-radio-button {
  display: block;
  margin: 5px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 16px;
  font-weight: 600;
}
admin-exhibitions-selected .md-errors-spacer {
  display: none;
}
admin-exhibitions-selected table img {
  width: 150px;
}
admin-exhibitions-selected table td {
  border: 1px solid #ccc;
}
admin-exhibitions-selected table td:first-child {
  text-align: center;
}
admin-exhibitions-selected table td {
  padding: 10px;
  text-align: left;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
}
admin-exhibitions-selected .gs-btn--blue--s--, admin-exhibitions-selected fixed-footer .fix-footer__btn--s--, fixed-footer admin-exhibitions-selected .fix-footer__btn--s--, admin-exhibitions-selected .gs-btn--white, admin-exhibitions-selected .gs-btn--red, admin-exhibitions-selected .gs-btn--grey, admin-exhibitions-selected .gs-btn--instagram {
  vertical-align: middle;
}

@media print {
  .admin-exhibitions-selected__actions {
    display: none;
  }
}

.admin-exhibitions-selected__count {
  margin: 10px 0;
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
}
@media print {
  .admin-exhibitions-selected__count {
    display: none;
  }
}

.admin-exhibitions-selected__btn {
  margin-left: 20px;
  pointer-events: none;
  opacity: 0.4;
}
.admin-exhibitions-selected__btn.active {
  pointer-events: initial;
  opacity: 1;
}
.admin-exhibitions-selected__btn + .admin-exhibitions-selected__btn {
  margin-left: 5px;
}

.admin-exhibitions-selected__btn--red {
  margin-left: 20px;
  color: #fff;
  background-color: tomato;
}

.admin-exhibitions-selected__reset {
  margin-left: 5px;
}

.admin-exhibitions-selected__header-print {
  display: none;
  padding: 40px 10px 0;
  text-align: center;
}
@media print {
  .admin-exhibitions-selected__header-print {
    display: block;
  }
}
.admin-exhibitions-selected__header-print .icon-gurushots-full-logo {
  color: #000;
  font-size: 40px;
}

.admin-exhibitions-selected__lines {
  margin: 25px 0;
}

.admin-exhibitions-selected__lines__line {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}
.admin-exhibitions-selected__lines__line:first-child {
  font-size: 20px;
  font-weight: 700;
}

.admin-exhibitions-selected__lines-edit {
  width: 300px;
  margin: 10px 0;
}
@media print {
  .admin-exhibitions-selected__lines-edit {
    display: none;
  }
}
.admin-exhibitions-selected__lines-edit input {
  display: block;
  width: 100%;
  margin: 10px 0;
  line-height: 1.4;
}

edit-virtual-exhibition {
  position: relative;
  display: block;
  padding-top: 30px;
}
edit-virtual-exhibition .gs-border-top-divider {
  margin: 20px 0;
  width: 600px;
}

.edit-virtual-exhibition__input-section {
  margin-top: 20px;
}
.edit-virtual-exhibition__input-section:first-child {
  margin-top: unset;
}
.edit-virtual-exhibition__input-section > span {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.edit-virtual-exhibition__input-section > input {
  vertical-align: middle;
  display: inline-block;
  width: 400px;
  border: solid 1px rgba(137, 148, 154, 0.3);
  padding: 5px;
  border-radius: 5px;
}
.edit-virtual-exhibition__input-section > select {
  min-width: 200px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
  border: solid 1px rgba(137, 148, 154, 0.3);
  padding: 5px;
  border-radius: 5px;
}

.edit-virtual-exhibition__actions {
  display: flex;
}
.edit-virtual-exhibition__actions div {
  margin-right: 40px;
  height: 35px;
  width: 150px;
}

.edit-virtual-exhibition__select-btn {
  display: inline-flex;
  margin-left: 10px;
  position: relative;
  top: 4px;
}

admin-exhibitions-virtual {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.admin-exhibitions-virtual__btn-new {
  font-size: 16px;
}

.admin-exhibitions-virtual__wrapper {
  margin-top: 15px;
}

.admin-exhibitions-virtual__table {
  width: 100%;
}
.admin-exhibitions-virtual__table td, .admin-exhibitions-virtual__table th {
  padding: 8px;
  text-align: center;
  border: 1px solid #ddd;
  vertical-align: middle;
}
.admin-exhibitions-virtual__table td:last-child, .admin-exhibitions-virtual__table th:last-child {
  border: unset;
}
.admin-exhibitions-virtual__table td a, .admin-exhibitions-virtual__table th a {
  margin-right: 30px;
}
.admin-exhibitions-virtual__table td a:last-child, .admin-exhibitions-virtual__table th a:last-child {
  margin-right: unset;
}
.admin-exhibitions-virtual__table th {
  height: 31px;
}

.admin-exhibitions-virtual__img {
  width: 100px;
  height: 100px;
}

admin-exhibitions {
  display: block;
}

admin-liveops-suggest {
  display: block;
  max-width: 700px;
}
admin-liveops-suggest .md-errors-spacer {
  min-height: 0;
  max-height: 0;
}

.admin-liveops-suggest__new {
  padding: 15px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 20px;
}

.admin-liveops-suggest__new-title {
  margin: 10px 0;
  font-size: 16px;
  font-weight: 600;
}

.admin-liveops-suggest__new-input {
  display: inline-block;
  margin-right: 20px;
}

.admin-liveops-suggest__challenge-list {
  margin-top: 20px;
  margin-left: 20px;
  display: inline-block;
}

.admin-liveops-suggest__challenge-list__titles {
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 10px;
}
.admin-liveops-suggest__challenge-list__titles span {
  display: inline-block;
  width: 200px;
}

.admin-liveops-suggest__challenge-list__item {
  padding: 10px 0;
}
.admin-liveops-suggest__challenge-list__item div {
  width: 200px;
  display: inline-block;
}
.admin-liveops-suggest__challenge-list__item div md-input-container {
  width: 100px;
  margin: 0;
}

.admin-liveops-suggest__challenge-list__item__delete span {
  text-decoration: underline;
  cursor: pointer;
}

.admin-liveops-suggest__action {
  margin-top: 40px;
  text-align: right;
}

admin-liveops {
  display: block;
}

admin-rewarded-video {
  position: relative;
  display: block;
  padding-top: 30px;
}
admin-rewarded-video .c-toast-simple-message__icon {
  display: block;
  margin-bottom: 10px;
}

.admin-rewarded-video__title {
  margin: 10px 0 30px;
  font-size: 18px;
  font-weight: 400;
}

.admin-rewarded-video__input {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.admin-rewarded-video__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.admin-rewarded-video__btn:hover {
  box-shadow: none;
}
.admin-rewarded-video__btn + .admin-rewarded-video__btn {
  margin-left: 10px;
}
.admin-rewarded-video__btn i, .admin-rewarded-video__btn span {
  vertical-align: middle;
}
.admin-rewarded-video__btn i {
  margin-right: 5px;
  font-size: 20px;
}
.admin-rewarded-video__btn md-checkbox .md-label {
  font-size: 15px;
}

edit-spotlight {
  display: block;
  padding-top: 30px;
  position: relative;
}

.edit-spotlight__title {
  margin: 10px 0 30px;
  font-size: 26px;
  font-weight: 400;
}

.edit-spotlight__input {
  position: relative;
  display: block;
  max-width: 300px;
  margin: 10px 0;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}

.edit-spotlight__example {
  position: absolute;
  top: 20px;
  right: 20px;
}

.edit-spotlight__select {
  margin-bottom: 20px;
}

admin-spotlight {
  display: block;
  margin-top: 30px;
}

.admin-spotlight__title {
  color: #555;
  font-size: 24px;
  font-weight: 600;
}

.admin-spotlight__btn {
  display: inline-block;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
.admin-spotlight__btn:hover {
  box-shadow: none;
}
.admin-spotlight__btn + .admin-spotlight__btn {
  margin-left: 10px;
}
.admin-spotlight__btn i, .admin-spotlight__btn span {
  vertical-align: middle;
}
.admin-spotlight__btn i {
  margin-right: 5px;
  font-size: 20px;
}

.admin-spotlight__items {
  margin: 15px 0 0;
  text-align: left;
  font-size: 0;
}

.admin-spotlight__item {
  position: relative;
  display: inline-block;
  margin: 0 15px 15px 0;
}

.admin-spotlight__item__btn, .admin-spotlight__item__btn--right, .admin-spotlight__item__btn--left {
  position: absolute;
  top: 0;
  display: inline-block;
  width: 32px;
  height: 32px;
  cursor: pointer;
  text-align: center;
  color: #333;
  font-weight: 600;
  background-color: #fff;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.6);
  font-size: 24px;
  line-height: 32px;
}
.admin-spotlight__item__btn i, .admin-spotlight__item__btn--right i, .admin-spotlight__item__btn--left i {
  line-height: 1;
}

.admin-spotlight__item__btn--left {
  left: 0;
}

.admin-spotlight__item__btn--right {
  right: 0;
}

admin-edit-leagues {
  display: block;
  font-size: 14px;
  padding-top: 30px;
  max-width: 800px;
}
admin-edit-leagues .gs-border-top-divider {
  margin: 20px 0;
}

.admin-leagues__input-section {
  width: 800px;
  margin-top: 10px;
}
.admin-leagues__input-section:first-child {
  margin-top: unset;
}
.admin-leagues__input-section div,
.admin-leagues__input-section label {
  display: inline-block;
  width: 200px;
  text-align: left;
  vertical-align: middle;
  color: #555;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
}
.admin-leagues__input-section input,
.admin-leagues__input-section textarea {
  vertical-align: middle;
  display: inline-block;
  min-width: 200px;
  border: solid 1px rgba(137, 148, 154, 0.3);
  padding: 5px;
  border-radius: 5px;
}
.admin-leagues__input-section span {
  line-height: 1;
  vertical-align: middle;
  font-size: 14px;
}
.admin-leagues__input-section select {
  min-width: 200px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
  border: solid 1px rgba(137, 148, 154, 0.3);
  padding: 5px;
  border-radius: 5px;
}
.admin-leagues__input-section .icon-info {
  cursor: pointer;
  color: #3397d2;
  font-size: 20px;
  display: inline-block;
  margin-left: 10px;
  vertical-align: text-top;
}

.admin-leagues__title {
  color: #555;
  font-size: 20px;
  font-weight: bold;
}

.admin-leagues__leagues-list {
  max-width: 600px;
}

.admin-leagues__leagues-item {
  border-top: 1px solid #ccc;
  margin-left: 10px;
  margin-top: 10px;
  padding-top: 10px;
  padding-left: 10px;
}

.admin-leagues__leagues-item__first-child {
  border-top: unset;
}

.admin-leagues__leagues-item__title {
  font-size: 18px;
  font-weight: bold;
}

.admin-leagues__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: left;
}

.admin-leagues__action {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.admin-leagues__action div {
  margin-bottom: 10px;
}
.admin-leagues__action:first-child {
  margin-right: 40px;
}

admin-leagues {
  display: block;
}

admin-seasons {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.admin-seasons__table {
  display: inline-block;
}
.admin-seasons__table table {
  width: 100%;
  border-collapse: collapse;
}
.admin-seasons__table td, .admin-seasons__table th {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
.admin-seasons__table th {
  height: 31px;
  cursor: pointer;
}
.admin-seasons__table tr:nth-child(even) {
  background-color: #ddd;
}

admin-teams {
  display: block;
}

.challenges-planned-timings table {
  width: 100%;
  border-collapse: collapse;
}
.challenges-planned-timings td,
.challenges-planned-timings th {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
}
.challenges-planned-timings th {
  height: 31px;
}
.challenges-planned-timings tr {
  cursor: pointer;
}
.challenges-planned-timings tr.start_time {
  background-color: #CADAF7;
}
.challenges-planned-timings tr.start_time:hover {
  background-color: #A5C3F2;
}
.challenges-planned-timings tr.voting_time {
  background-color: #FBE5CE;
}
.challenges-planned-timings tr.voting_time:hover {
  background-color: #F8CA9F;
}
.challenges-planned-timings tr.end_time {
  background-color: darkgray;
}
.challenges-planned-timings tr.end_time:hover {
  background-color: #ddd;
}
admin-widget {
  display: block;
  padding-top: 40px;
  text-align: center;
}

.c-cameras-list__items {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  text-align: left;
}
.c-cameras-list__items:after {
  flex: auto;
  content: "";
}

.c-cameras-list__item {
  width: 200px;
  margin: 5px;
  padding: 15px;
  transition: box-shadow 0.3s ease-in-out;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.c-cameras-list__item:hover {
  box-shadow: 0 0 0 3px rgba(151, 151, 151, 0.46);
}
.c-cameras-list__item .name {
  color: #555;
  font-weight: 600;
}

challenge-templates {
  display: block;
  font-size: 14px;
  margin-top: 20px;
}

.challenge-templates gs-table table {
  width: auto;
}
.challenge-templates gs-table td, .challenge-templates gs-table th {
  padding: 8px 30px;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

.bulk-upload-wrapper {
  padding: 20px 0 0 10px;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 25px;
}
.bulk-upload-wrapper .bulk-upload-form button {
  border-radius: 5px;
  font-size: 16px;
  padding: 2px 8px;
}
.bulk-upload-wrapper .bulk-upload-message {
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
.bulk-upload-wrapper .bulk-upload-message .upload-disabled {
  color: #FF6B6B;
}
.bulk-upload-wrapper .bulk-upload-message .upload-enabled {
  color: #218CCC;
}

edit-challenge-template {
  position: relative;
  display: block;
  padding-top: 30px;
  font-size: 14px;
}
edit-challenge-template my-challenges-permission-groups,
edit-challenge-template my-challenges-rank-levels,
edit-challenge-template my-challenges-prizes,
edit-challenge-template my-challenges-achievement-prize {
  width: 840px;
  margin: 15px 0;
}
edit-challenge-template my-challenges-permission-groups .title, edit-challenge-template my-challenges-permission-groups .challenges .challengeToggle .title-mobile, .challenges .challengeToggle edit-challenge-template my-challenges-permission-groups .title-mobile,
edit-challenge-template my-challenges-rank-levels .title,
edit-challenge-template my-challenges-rank-levels .challenges .challengeToggle .title-mobile,
.challenges .challengeToggle edit-challenge-template my-challenges-rank-levels .title-mobile,
edit-challenge-template my-challenges-prizes .title,
edit-challenge-template my-challenges-prizes .challenges .challengeToggle .title-mobile,
.challenges .challengeToggle edit-challenge-template my-challenges-prizes .title-mobile,
edit-challenge-template my-challenges-achievement-prize .title,
edit-challenge-template my-challenges-achievement-prize .challenges .challengeToggle .title-mobile,
.challenges .challengeToggle edit-challenge-template my-challenges-achievement-prize .title-mobile {
  font-weight: 600;
  color: black;
  position: relative;
  top: 0;
}
edit-challenge-template my-challenges-achievement-prize {
  margin: 35px 0 70px 0 !important;
}

.edit-challenge-template__title {
  margin: 10px 0 20px;
  font-size: 20px;
  font-weight: 600;
}
.edit-challenge-template__input, .edit-challenge-template__select {
  display: flex;
  margin-bottom: 15px;
  align-items: center;
  font-weight: 600;
}
.edit-challenge-template__input__boost_enable, .edit-challenge-template__select__boost_enable {
  pointer-events: none;
  cursor: not-allowed;
}
.edit-challenge-template__input__label, .edit-challenge-template__select__label {
  width: 200px;
}
.edit-challenge-template__input input, .edit-challenge-template__input select, .edit-challenge-template__select input, .edit-challenge-template__select select {
  width: 250px;
}
.edit-challenge-template__actions {
  display: flex;
  margin-top: 35px;
}

.teams-btn-primary-center,
.teams-btn-secondary-center {
  min-width: 48px;
}

content-manager {
  display: block;
  margin: 5px 40px 50px;
  text-align: left;
}

member-manager .c-toast-simple-message {
  right: 25px;
}

.memberManager__account-status {
  display: inline-block;
  margin-left: 15px;
  padding: 4px;
  vertical-align: middle;
  color: #555;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
}
.memberManager__account-status.active {
  color: green;
  border-color: green;
}
.memberManager__account-status.closed {
  color: tomato;
  border-color: tomato;
}
.memberManager__avatar {
  display: inline-block;
  width: 70px;
  height: 70px;
  vertical-align: middle;
  border-radius: 50%;
}
.memberManager__comments {
  margin-bottom: 20px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
}
.memberManager__comments__header {
  padding: 0 20px;
  flex-shrink: 0;
  height: 52px;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  width: 100%;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
}
.memberManager__comments__header i {
  color: #bdcbd9;
  font-size: 24px;
  margin-right: 5px;
}
.memberManager__comments__content {
  max-height: 472px;
  padding-top: 10px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}
.memberManager__comments__content__container {
  flex-shrink: 0;
  margin: 0 10px;
  display: flex;
  flex-direction: column;
}
.memberManager__comments__message {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  align-self: flex-start;
  width: 100%;
}
.memberManager__comments__message__container {
  background-color: #e6f7ff;
  border-top-left-radius: 15px;
  border-top-right-radius: unset;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 10px 15px;
  min-width: 220px;
  order: 2;
  width: 100%;
}
.memberManager__comments__message__user-name {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  max-width: 90%;
  color: #0080ff;
}
.memberManager__comments__message__time {
  font-size: 14px;
  opacity: 0.5;
  display: inline-block;
  float: right;
}
.memberManager__comments__message__text {
  font-size: 14px;
  word-wrap: break-word;
}
.memberManager__comments__actions {
  order: 1;
  margin-right: 6px;
  visibility: visible;
}
.memberManager__comments__actions__delete {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eef2f5;
  cursor: pointer;
  color: #9cb1c7;
}
.memberManager__comments__actions__delete:hover {
  color: #3397d2;
}
.memberManager__comments__actions__delete i {
  font-size: 9px;
}
.memberManager__comments__avatar {
  width: 40px;
  height: 40px;
  order: 3;
  margin-left: 10px;
  margin-right: unset;
}
.memberManager__comments__typing-area {
  border-top: 1px solid #dee5ec;
  padding-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
}
.memberManager__comments__typing-area--active .memberManager__comments__typing-area__textarea__wrapper {
  border-color: rgba(33, 140, 204, 0.3);
}
.memberManager__comments__typing-area--active .memberManager__comments__typing-area__actions__send {
  pointer-events: all;
  background-color: #218ccc;
}
.memberManager__comments__typing-area__textarea__wrapper {
  font-size: 14px;
  border-radius: 20px;
  box-shadow: 0 3px 8px 0 rgba(147, 147, 147, 0.11);
  border: solid 1px #bdcbd9;
  width: 100%;
  position: relative;
  margin-right: 5px;
}
.memberManager__comments__typing-area__textarea {
  width: 100%;
  height: 100%;
  border: unset;
  background-color: unset;
  font-size: 14px;
  padding: 0 10px;
  resize: none;
  max-height: 118px;
  line-height: 28px;
  min-height: 30px;
}
.memberManager__comments__typing-area__actions {
  display: flex;
  align-items: center;
  position: relative;
}
.memberManager__comments__typing-area__actions__send {
  border-radius: 50%;
  background-color: #bdcbd9;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.memberManager__comments__typing-area__actions__send .icon-send {
  color: white;
  font-size: 12px;
}
.memberManager__line, .memberManager__line--pay {
  position: relative;
  display: block;
  margin: 6px 0;
  text-align: left;
  line-height: 1.4;
}
.memberManager__line .title, .memberManager__line--pay .title, .memberManager__line .challenges .challengeToggle .title-mobile, .memberManager__line--pay .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .memberManager__line .title-mobile, .challenges .challengeToggle .memberManager__line--pay .title-mobile {
  display: inline-block;
  min-width: 170px;
  -webkit-user-select: all;
          user-select: all;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 300;
}
.memberManager__line .value, .memberManager__line--pay .value {
  display: inline-block;
  min-width: 140px;
  margin-left: 15px;
  -webkit-user-select: all;
          user-select: all;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 600;
}
.memberManager__line .value .icon-gs-points, .memberManager__line--pay .value .icon-gs-points {
  display: inline-block;
  width: 34px;
  height: 19px;
  vertical-align: middle;
  background: url(../svg/gs_points_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 12px;
  line-height: 1;
}
.memberManager__line .action, .memberManager__line--pay .action {
  display: inline-block;
  margin-left: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}
.memberManager__line .action input, .memberManager__line--pay .action input,
.memberManager__line .action select,
.memberManager__line--pay .action select {
  display: inline-block;
  width: 60px;
  padding: 0 10px;
  vertical-align: middle;
  letter-spacing: -0.6px;
  color: #555;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.memberManager__line .action .gs-btn--blue--s--, .memberManager__line .action fixed-footer .fix-footer__btn--s--, fixed-footer .memberManager__line .action .fix-footer__btn--s--, .memberManager__line--pay .action .gs-btn--blue--s--, .memberManager__line--pay .action fixed-footer .fix-footer__btn--s--, fixed-footer .memberManager__line--pay .action .fix-footer__btn--s--, .memberManager__line .action .gs-btn--white, .memberManager__line--pay .action .gs-btn--white, .memberManager__line .action .gs-btn--red, .memberManager__line--pay .action .gs-btn--red, .memberManager__line .action .gs-btn--grey, .memberManager__line--pay .action .gs-btn--grey, .memberManager__line .action .gs-btn--instagram, .memberManager__line--pay .action .gs-btn--instagram {
  display: inline-block;
  min-width: 70px;
  padding: 4px 6px;
  text-align: left;
  vertical-align: middle;
}
.memberManager__line .action .gs-btn--blue--s--.disabled, .memberManager__line .action fixed-footer .disabled.fix-footer__btn--s--, fixed-footer .memberManager__line .action .disabled.fix-footer__btn--s--, .memberManager__line--pay .action .gs-btn--blue--s--.disabled, .memberManager__line--pay .action fixed-footer .disabled.fix-footer__btn--s--, fixed-footer .memberManager__line--pay .action .disabled.fix-footer__btn--s--, .memberManager__line .action .disabled.gs-btn--white, .memberManager__line--pay .action .disabled.gs-btn--white, .memberManager__line .action .disabled.gs-btn--red, .memberManager__line--pay .action .disabled.gs-btn--red, .memberManager__line .action .disabled.gs-btn--grey, .memberManager__line--pay .action .disabled.gs-btn--grey, .memberManager__line .action .disabled.gs-btn--instagram, .memberManager__line--pay .action .disabled.gs-btn--instagram {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.6;
}
.memberManager__line--pay .title, .memberManager__line--pay .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .memberManager__line--pay .title-mobile {
  font-weight: 600;
}
.memberManager__line--pay .value {
  color: #3397d2;
  font-weight: 700;
}
.memberManager__name {
  display: inline-block;
  max-width: 270px;
  margin-left: 10px;
  vertical-align: middle;
  color: #555;
  font-size: 16px;
  font-weight: 600;
}
.memberManager__paid {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: #3397d2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
}
.memberManager__paid.diamond {
  background-color: goldenrod;
  font-weight: 400;
}
.memberManager__search {
  display: block;
  width: 100%;
  padding: 6px 10px;
  text-align: center;
  letter-spacing: -0.6px;
  color: #555;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #f7f7f7;
  box-shadow: none;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.memberManager__search::placeholder {
  vertical-align: middle;
  color: #999;
  font-size: 18px !important;
}
.memberManager__search__wrap {
  text-align: center;
}
.memberManager__search__wrap .searchType {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  opacity: 0.7;
  color: #555;
  font-size: 12px;
  font-weight: 600;
}
.memberManager__switch {
  display: inline-block;
  margin: 0 !important;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.memberManager__status {
  display: block;
  vertical-align: middle;
  color: #555;
  font-size: 70px;
}
.memberManager__team team-badge {
  width: 70px;
  height: 70px;
}
.memberManager__team team-name {
  font-size: 16px;
}

.gs__loading {
  animation: pulse 0.65s infinite alternate;
}
.gs__card {
  border-radius: 8px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.gs__card--white {
  background-color: #ffffff;
}
.gs__color--1 {
  color: #3397d2;
}
.gs__color--2 {
  color: tomato;
}
.gs__table--style1 th,
.gs__table--style1 td {
  padding: 10px;
  -webkit-user-select: all;
          user-select: all;
  border: 1px solid #ccc;
}
.gs__member-manager .actions--sticky {
  /* TODO: blocker body.gs-admin #page -> why there using overflow: auto?
     Need to remove overflow to unblock this feature
  */
  position: sticky;
  top: 68px; /* header height */
  bottom: auto;
  min-height: 425px;
}
.gs__member-manager .payments .captured {
  color: orange;
}
.gs__member-manager .payments .failed,
.gs__member-manager .payments .rejected {
  color: tomato;
}
.gs__member-manager .payments .refunded {
  color: #777;
}
.gs__member-manager .btn {
  /* TODO: refactoring required */
  display: inline-block;
  min-width: 100%;
  padding: 4px 10px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: middle;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 8px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
.gs__member-manager .btn:hover {
  color: #fff;
  background-color: #3397d2;
}
.gs__member-manager .btn.disabled {
  -webkit-user-select: none;
          user-select: none;
  pointer-events: none;
  opacity: 0.6;
}
.gs__member-manager .btn i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.gs__member-manager .btn span {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
}
.gs__member-manager .btn--red {
  text-align: left;
  color: tomato;
  border-color: tomato;
}
.gs__member-manager .btn--red:hover {
  color: #fff;
  background-color: tomato;
}
.gs__member-manager .teams-manager__section__title {
  margin-top: 0;
  margin-right: 0;
}
.gs__member-manager .teams-manager__section__title.gs-m-t-20 {
  margin-top: 20px;
}
.gs__member-manager .teams-manager__section__title.gs-m-b-0 {
  margin-bottom: 0;
}

redis-manager {
  position: relative;
  display: block;
  overflow: auto;
  margin: 20px 40px;
  text-align: left;
}

.c-redis-manager__block {
  margin: 20px auto;
  text-align: left;
}
.c-redis-manager__block md-input-container {
  display: block;
  max-width: 600px;
}

.c-redis-manager__select {
  position: relative;
  color: #000;
  font-weight: 400;
  font-size: 16px;
}
.c-redis-manager__select .md-text > span {
  color: #555;
  font-weight: 300;
}

.c-redis-manager__option {
  font-weight: 600;
}
.c-redis-manager__option .md-text > span {
  color: #555;
  font-weight: 300;
}

.c-redis-manager__actions .gs-btn--blue--s--.run, .c-redis-manager__actions fixed-footer .run.fix-footer__btn--s--, fixed-footer .c-redis-manager__actions .run.fix-footer__btn--s--, .c-redis-manager__actions .run.gs-btn--white, .c-redis-manager__actions .run.gs-btn--red, .c-redis-manager__actions .run.gs-btn--grey, .c-redis-manager__actions .run.gs-btn--instagram {
  cursor: wait;
  pointer-events: all;
}

/*body.gs-admin {*/
.gs-admin {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0;
  background-color: #ededed;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media print {
  .gs-admin {
    padding: 0;
    background-color: #fff;
  }
  .gs-admin header, .gs-admin admin-menu, .gs-admin admin-sub-menu, .gs-admin .c-challenges-schedule__statuses {
    display: none;
  }
  .gs-admin #page {
    background-color: #fff;
  }
}
.gs-admin:after {
  display: none;
}
.gs-admin #page {
  position: relative;
  overflow: auto;
  background-color: #f1f1f1;
}
@media screen and (max-width: 1000px) {
  .gs-admin {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.admin-input, .edit-challenge-template__input input, .edit-challenge-template__input select, .edit-challenge-template__select input, .edit-challenge-template__select select {
  padding: 4px 10px;
  color: black;
  border: 1px solid rgb(153, 153, 153);
  border-radius: 3px;
  font-size: 16px;
}

/* TODO: move to vars */
/*body.home-page {*/
.home-page {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page gs-footer {
  display: block;
  font-size: 12px;
}
.home-page .gs-loader {
  background-color: #f1f1f1;
}
.home-page mobile-header {
  display: none;
}
.home-page mobile-header-empty {
  background-color: rgb(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  .home-page gs-footer {
    padding-bottom: 10px;
  }
}

home-page {
  font-size: 20px;
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  line-height: 1;
}

.home-page__cover {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 68px);
  padding-bottom: 41%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover_wide.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1225px) {
  .home-page__cover {
    background-image: url("../jpg/cover_medium.jpg");
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover {
    padding-bottom: 0;
    background-position: 50% 0;
    background-image: url("../jpg/cover-2.jpg");
    height: calc(100vh - 52px);
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover {
    background-position: 90% 0;
    background-image: url("../jpg/cover-wide.jpg");
  }
}

.home-page__cover__apps {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__apps {
    bottom: 80px;
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__apps {
    bottom: 70px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__apps {
    left: unset;
    right: 50px;
    bottom: 52px;
  }
}

.home-page__app-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/app-store-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__app-store {
    margin-left: 13px;
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__app-store {
    width: 100px;
  }
}

.home-page__google-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/google-play-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__google-store {
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__google-store {
    width: 100px;
  }
}

.home-page__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__video {
    display: none;
  }
}

.home-page__cover__wrap {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__wrap {
    top: 45%;
  }
}

.home-page__cover__title {
  padding-left: 160px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__title .line-1 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 32px;
}
.home-page__cover__title .line-2 {
  letter-spacing: 1px;
  color: #fff;
  font-size: 90px;
  font-family: "bebas-neue";
  line-height: 0.9;
}
.home-page__cover__title .line-3 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 24px;
  line-height: 1.42;
  margin-top: 17px;
}
.home-page__cover__title .cover__btn--s-- {
  display: inline-block;
  margin-top: 65px;
  padding: 14px 34px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #218ccc;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__cover__title .cover__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__title {
    padding-left: 110px;
  }
  .home-page__cover__title .line-1 {
    font-size: 27px;
  }
  .home-page__cover__title .line-3 {
    font-size: 20px;
  }
  .home-page__cover__title .cover__btn--s-- {
    font-size: 20px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__title {
    padding-left: 0;
  }
  .home-page__cover__title .line-1 {
    text-align: center;
  }
  .home-page__cover__title .line-2 {
    text-align: center;
  }
  .home-page__cover__title .line-3 {
    text-align: center;
    margin-top: 10px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__title .line-1 {
    font-size: 22px;
  }
  .home-page__cover__title .line-2 {
    font-size: 55px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 16px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 350px) {
  .home-page__cover__title .line-1 {
    font-size: 20px;
  }
  .home-page__cover__title .line-2 {
    font-size: 45px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 14px;
  }
  .home-page__cover__title .cover__btn--s-- {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__title {
    padding-left: 50px;
  }
  .home-page__cover__title .line-1 {
    text-align: left;
    font-size: 18px;
  }
  .home-page__cover__title .line-2 {
    text-align: left;
    font-size: 78px;
  }
  .home-page__cover__title .line-3 {
    text-align: left;
    font-size: 14px;
    margin-top: 6px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: inline-block;
    margin-top: 33px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

.home-page__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.home-page__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
  .home-page__cover__footer img {
    height: 50px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .home-page__cover__footer img {
    height: 25px;
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__footer img {
    height: 21px;
    margin-left: 0;
  }
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
}

.home-page__motivated {
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.home-page__motivated .motivated__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__motivated .motivated__text {
  max-width: 860px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__motivated .motivated__text span {
  display: block;
}
.home-page__motivated .motivated__awards {
  width: 100%;
  max-width: 1219px;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .home-page__motivated .motivated__awards {
    display: none;
  }
}
.home-page__motivated .motivated__awards--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
}
@media screen and (min-width: 961px) {
  .home-page__motivated .motivated__awards--mobile {
    display: none;
  }
}
.home-page__motivated .motivated__btn--s-- {
  display: none;
  margin: 20px auto 0;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__motivated .motivated__btn--s-- {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__motivated .motivated__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__motivated .motivated__title span {
    font-size: 26px;
  }
  .home-page__motivated .motivated__text {
    margin: 20px auto;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__motivated .motivated__text span {
    display: inline;
  }
}

.home-page__images {
  text-align: center;
  background-color: #ccc;
  font-size: 0;
}

.home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
  display: inline-block;
  width: 33.3333333333%;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
    display: none;
  }
}

.home-page__images__item--1 {
  background-image: url("../jpg/images__01.jpg");
}

.home-page__images__item--2 {
  background-image: url("../jpg/images__02.jpg");
}

.home-page__images__item--3 {
  background-image: url("../jpg/images__03.jpg");
}

.home-page__images__item--4 {
  display: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 90%;
  background-image: url("../jpg/votes-cover.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item--4 {
    display: block;
  }
}

.home-page__votes {
  padding: 50px 5px;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes {
    padding: 25px 10px;
  }
}

.home-page__votes__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__votes__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__votes__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__votes__title span {
    font-size: 26px;
  }
  .home-page__votes__title span:before {
    display: block;
    content: "";
  }
}
@media screen and (max-width: 340px) {
  .home-page__votes__title {
    font-size: 21px;
  }
}

.home-page__votes__text {
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes__text {
    padding: 0 10px;
    font-size: 16px;
  }
}

.home-page__challenges {
  padding-bottom: 60px;
  text-align: center;
  background-color: #eee;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
  padding: 34px 5px;
  text-align: center;
  letter-spacing: 0;
  color: #008ddc;
  font-size: 28px;
}
.home-page__challenges .image {
  height: 210px;
  background-color: #ccc;
  background-image: url("../jpg/challenges.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-page__challenges .title--mobile {
  display: none;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .home-page__challenges {
    padding-bottom: 25px;
    background-color: #fff;
  }
  .home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
    display: none;
  }
  .home-page__challenges .title--mobile {
    display: block;
  }
  .home-page__challenges .image {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 69%;
    background-image: url("../jpg/challenges-2.jpg");
    background-size: cover;
  }
}

.home-page__challenges__btn--s-- {
  display: none;
  margin: 0 auto;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__challenges__btn--s-- {
    display: inline-block;
  }
}

.home-page__insights {
  position: relative;
  padding-bottom: 45%;
  background-color: #ccc;
  background-image: url("../jpg/insights.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__insights .text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
}
.home-page__insights .sub-title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 1285px) {
  .home-page__insights .text {
    top: 15px;
    padding: 0 10px;
    line-height: 1;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    font-size: 24px;
  }
  .home-page__insights .sub-title {
    margin-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .home-page__insights {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 156%;
    background-image: url("../jpg/insights-2.jpg");
  }
  .home-page__insights .text {
    top: 40px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
  .home-page__insights .title span, .home-page__insights .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__insights .title-mobile span {
    display: block;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title span {
    display: block;
  }
}
@media screen and (max-width: 365px) {
  .home-page__insights .text {
    top: 25px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.home-page__prizes {
  padding: 100px 5px 0;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__prizes span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__prizes .image {
  width: 100%;
  max-width: 1821px;
  margin: 60px auto 0;
}
.home-page__prizes .image--mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-page__prizes {
    padding: 25px 0;
  }
  .home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__prizes .title span, .home-page__prizes .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__prizes .title-mobile span {
    font-size: 26px;
  }
  .home-page__prizes .title span:after, .home-page__prizes .challenges .challengeToggle .title-mobile span:after, .challenges .challengeToggle .home-page__prizes .title-mobile span:after {
    display: block;
    content: "";
  }
  .home-page__prizes .image {
    display: none;
  }
  .home-page__prizes .image--mobile {
    display: block;
    max-width: 960px;
  }
}

.home-page__sponsors {
  padding: 50px 70px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__sponsors .image {
  display: block;
  width: 100%;
  max-width: 1776px;
  margin: 0 auto;
}
.home-page__sponsors .image--mobile {
  display: none;
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .home-page__sponsors {
    padding: 30px 5px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
}
@media screen and (max-width: 425px) {
  .home-page__sponsors {
    padding: 1px 10px 25px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 855px;
    margin: 10px auto;
  }
}

.home-page__people-on-expo {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__people-on-expo {
    display: none;
  }
}

.home-page__exhibited {
  position: relative;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited {
    padding: 25px 0 0;
    border-bottom: none;
  }
}

.home-page__exhibited__image {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image {
    display: none;
  }
}

.home-page__exhibited__image--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image--mobile {
    display: block;
    width: 100%;
    max-width: 960px;
  }
}

.home-page__exhibited__text {
  display: inline-block;
  width: 45%;
  max-width: 390px;
  margin-left: 50px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__exhibited__text span {
  letter-spacing: -0.1px;
  color: #008ddc;
  font-size: 40px;
  font-weight: bold;
}
.home-page__exhibited__text .text {
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .home-page__exhibited__text {
    font-size: 24px;
  }
  .home-page__exhibited__text span {
    font-size: 24px;
  }
  .home-page__exhibited__text .text {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__text {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__exhibited__text .text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page__exhibited__text span {
    color: #fff;
    font-size: 24px;
  }
}

.home-page__community {
  padding: 80px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__community {
    padding: 30px 0;
  }
}

.home-page__community__title {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__community__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__community__title {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__community__title span {
    font-size: 24px;
  }
}

.home-page__community__image {
  display: block;
  width: 100%;
  margin-top: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 640px) {
  .home-page__community__image {
    display: none;
  }
}

.home-page__community__image--mobile {
  display: block;
  width: 100%;
  max-width: 957px;
  margin: 30px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 641px) {
  .home-page__community__image--mobile {
    display: none;
  }
}

.home-page__comments {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 80px;
  text-align: center;
  border-bottom: 1px solid #979797;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments {
    padding: 40px 15px;
  }
}

.home-page__comments__item {
  max-width: 300px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__comments__item .comment {
  text-align: left;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.home-page__comments__item .by {
  margin-top: 10px;
  text-align: left;
  color: #4990e2;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1388px) {
  .home-page__comments__item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .home-page__comments__item {
    max-width: 215px;
  }
  .home-page__comments__item .comment {
    font-size: 18px;
  }
  .home-page__comments__item .by {
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) {
  .home-page__comments__item {
    max-width: 190px;
  }
  .home-page__comments__item .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 622px) {
  .home-page__comments__item:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 454px) {
  .home-page__comments__item:nth-child(2) {
    display: none;
  }
}

.home-page__comments__item--quote-left {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-left {
    top: 20px;
    left: 15px;
    width: 30px;
  }
}

.home-page__comments__item--quote-right {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-right {
    right: 20px;
    bottom: 15px;
    width: 30px;
  }
}

.home-page__app {
  padding: 80px 0 0;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app {
    padding: 30px 10px 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__app {
    padding: 25px 0 0;
  }
}

.home-page__app__image {
  display: inline-block;
  width: 385px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app__image {
    display: none;
  }
}

.home-page__app__image--mobile {
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1001px) {
  .home-page__app__image--mobile {
    display: none;
  }
}

.home-page__app__text {
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__app__text span {
  color: #4990e2;
  font-weight: bold;
}
.home-page__app__text .text {
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__app__text .link {
  display: inline-block;
  margin: 60px 10px 0;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.home-page__app__text .link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.home-page__app__text .link img {
  height: 72px;
}
@media screen and (max-width: 1000px) {
  .home-page__app__text {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__app__text .title span, .home-page__app__text .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__app__text .title-mobile span {
    font-size: 26px;
  }
  .home-page__app__text .text {
    margin-top: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__app__text .link {
    display: inline-block;
    margin: 10px;
    text-align: center;
  }
  .home-page__app__text .link img {
    height: 35px;
  }
}

camera-slider {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
camera-slider + camera-slider {
  margin-top: 15px;
}
camera-slider .c-loader {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
camera-slider .c-loader .loader {
  top: 50%;
  margin: 0;
}
camera-slider .c-camera-slider {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  max-width: 1020px;
  border-top-width: 0;
  border-bottom-width: 2px;
  border-radius: 4px;
  background-color: #fff;
}
camera-slider .c-camera-slider__title {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  margin: 10px 5px;
  text-align: left;
  color: #444;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__title {
    font-size: 16px;
    font-weight: 600;
  }
}
camera-slider .c-camera-slider__photos {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: relative;
  margin: 10px auto 5px;
  border-bottom-width: 2px;
  border-radius: 4px;
  background-color: #fff;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__photos {
    margin: 5px auto 0;
    padding: 0;
    border: none;
  }
  camera-slider .c-camera-slider__photos .slick-prev, camera-slider .c-camera-slider__photos .slick-next {
    top: calc(50% - 70px);
  }
  camera-slider .c-camera-slider__photos .slick-prev:before, camera-slider .c-camera-slider__photos .slick-next:before {
    font-size: 70px;
  }
}
camera-slider .c-camera-slider__photos .slick-prev, camera-slider .c-camera-slider__photos .slick-next {
  top: calc(50% - 73px);
  width: auto;
  height: auto;
  padding: 10px;
}
camera-slider .c-camera-slider__photos .slick-prev:before, camera-slider .c-camera-slider__photos .slick-next:before {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.66);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.41);
  font-size: 100px;
}
camera-slider .c-camera-slider__photos .slick-prev {
  left: 28px;
}
camera-slider .c-camera-slider__photos .slick-next {
  right: 28px;
}
camera-slider .c-camera-slider__photo {
  position: relative;
  margin: 0 5px;
}
camera-slider .c-camera-slider__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: relative;
  width: 100%;
  padding-bottom: 50%;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__image:after {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 40px;
    content: "";
    background: linear-gradient(0deg, transparent 0%, rgba(0, 0, 0, 0.6) 95%);
  }
}
camera-slider .c-camera-slider__image:before {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40px;
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 5%, transparent 100%);
}
camera-slider .c-camera-slider__challenge {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: absolute;
  z-index: 1;
  bottom: 5px;
  left: 10px;
  cursor: pointer;
  transition: 0.5s ease-in;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.66);
  text-shadow: 0 1px 4px rgba(68, 68, 68, 0.71);
  font-size: 14px;
  font-weight: 300;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__challenge {
    top: 5px;
    bottom: inherit;
    color: #fff;
    font-size: 12px;
  }
}
camera-slider .c-camera-slider__challenge:hover {
  text-decoration: none;
  color: #fff;
}
camera-slider .c-camera-slider__challenge span {
  font-weight: 600;
}
camera-slider .c-camera-slider__by {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: absolute;
  z-index: 1;
  right: 10px;
  bottom: 5px;
  cursor: pointer;
  transition: 0.5s ease-in;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.66);
  text-shadow: 0 1px 4px rgba(68, 68, 68, 0.71);
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__by {
    color: #fff;
    font-size: 12px;
  }
}
camera-slider .c-camera-slider__by:hover {
  text-decoration: none;
  color: #fff;
}
camera-slider .c-camera-slider__exif__column, camera-slider .c-camera-slider__exif .column-3, camera-slider .c-camera-slider__exif .column-2, camera-slider .c-camera-slider__exif .column-1 {
  display: inline-block;
  vertical-align: top;
}
camera-slider .c-camera-slider__exif__column > div:nth-child(2), camera-slider .c-camera-slider__exif .column-3 > div:nth-child(2), camera-slider .c-camera-slider__exif .column-2 > div:nth-child(2), camera-slider .c-camera-slider__exif .column-1 > div:nth-child(2) {
  margin-top: 10px;
}
camera-slider .c-camera-slider__exif {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 100%;
  padding: 15px 1px 0;
  text-align: left;
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__exif {
    padding: 10px;
  }
}
camera-slider .c-camera-slider__exif .column-1 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 30%;
}
@media screen and (max-width: 529px) {
  camera-slider .c-camera-slider__exif .column-1 {
    width: 40%;
  }
}
camera-slider .c-camera-slider__exif .column-2 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 50%;
}
@media screen and (max-width: 529px) {
  camera-slider .c-camera-slider__exif .column-2 {
    width: 60%;
  }
}
camera-slider .c-camera-slider__exif .column-3 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 20%;
}
@media screen and (max-width: 529px) {
  camera-slider .c-camera-slider__exif .column-3 {
    display: none;
  }
}
camera-slider .c-camera-slider__exif-item {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  cursor: default;
  white-space: nowrap;
  color: #444;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__exif-item {
    overflow: hidden;
    max-height: 30px;
    vertical-align: top;
  }
  camera-slider .c-camera-slider__exif-item span {
    max-width: calc(100% - 60px);
    max-height: 30px;
  }
}
@media screen and (max-width: 425px) {
  camera-slider .c-camera-slider__exif-item i {
    font-size: 24px;
  }
  camera-slider .c-camera-slider__exif-item span {
    font-size: 12px;
  }
}
camera-slider .c-camera-slider__exif-item i {
  vertical-align: middle;
  font-size: 30px;
  font-weight: 400;
}
camera-slider .c-camera-slider__exif-item span {
  display: inline-block;
  overflow: hidden;
  max-width: 270px;
  margin-left: 4px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
camera-slider .c-camera-slider__footer {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  text-align: right;
  color: #333;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__footer {
    padding: 5px 0 0;
  }
}
camera-slider .c-camera-slider__footer__item {
  display: inline-block;
  margin: 0 5px;
  padding: 4px 6px;
  vertical-align: middle;
}
camera-slider .c-camera-slider__gurushots {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  margin-right: 5px;
  text-decoration: none;
  color: #444;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  camera-slider .c-camera-slider__gurushots i {
    font-size: 18px;
  }
  camera-slider .c-camera-slider__gurushots .powered {
    vertical-align: middle;
    color: #999;
    font-size: 11px;
  }
  camera-slider .c-camera-slider__gurushots .guru {
    font-size: 12px;
  }
  camera-slider .c-camera-slider__gurushots .shots {
    font-size: 12px;
  }
}
camera-slider .c-camera-slider__gurushots:hover {
  text-decoration: none;
}
camera-slider .c-camera-slider__gurushots i {
  vertical-align: middle;
  font-size: 22px;
}
camera-slider .c-camera-slider__gurushots .powered {
  vertical-align: middle;
  color: #999;
  font-size: 11px;
}
camera-slider .c-camera-slider__gurushots .guru {
  vertical-align: middle;
  color: #666;
  font-weight: 600;
}
camera-slider .c-camera-slider__gurushots .shots {
  vertical-align: middle;
  color: #444;
  font-weight: 600;
}

camera-slider-edit {
  position: relative;
  display: block;
  overflow: auto;
  width: 100%;
  min-height: 100vh;
  text-align: center;
  background-color: #f1f1f1;
}
camera-slider-edit .c-loader {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
camera-slider-edit .c-loader .loader {
  top: 50%;
  margin: 0;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn, camera-slider-edit .c-cameras-list__new, camera-slider-edit .c-camera-slider-edit__delete, camera-slider-edit .c-camera-slider-edit__publish, camera-slider-edit .c-camera-slider-edit__new, camera-slider-edit .c-camera-slider-edit__back {
  position: fixed;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn i, camera-slider-edit .c-cameras-list__new i, camera-slider-edit .c-camera-slider-edit__delete i, camera-slider-edit .c-camera-slider-edit__publish i, camera-slider-edit .c-camera-slider-edit__new i, camera-slider-edit .c-camera-slider-edit__back i, camera-slider-edit .c-camera-slider-edit__fixed-btn span, camera-slider-edit .c-cameras-list__new span, camera-slider-edit .c-camera-slider-edit__delete span, camera-slider-edit .c-camera-slider-edit__publish span, camera-slider-edit .c-camera-slider-edit__new span, camera-slider-edit .c-camera-slider-edit__back span {
  vertical-align: middle;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn i, camera-slider-edit .c-cameras-list__new i, camera-slider-edit .c-camera-slider-edit__delete i, camera-slider-edit .c-camera-slider-edit__publish i, camera-slider-edit .c-camera-slider-edit__new i, camera-slider-edit .c-camera-slider-edit__back i {
  margin-right: 10px;
  font-size: 24px;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn:hover, camera-slider-edit .c-cameras-list__new:hover, camera-slider-edit .c-camera-slider-edit__delete:hover, camera-slider-edit .c-camera-slider-edit__publish:hover, camera-slider-edit .c-camera-slider-edit__new:hover, camera-slider-edit .c-camera-slider-edit__back:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__back {
  top: 125px;
  left: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__new {
  top: 125px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__publish {
  top: 175px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__delete {
  top: 225px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__delete span {
  color: rgb(221, 44, 0);
}
camera-slider-edit .c-camera-slider-edit__block {
  position: relative;
  max-width: 945px;
  min-height: 300px;
  margin: 20px auto;
  padding: 20px 40px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
camera-slider-edit .c-camera-slider-edit__search {
  margin-bottom: 40px;
  text-align: center;
}
camera-slider-edit .c-camera-slider-edit__search md-autocomplete {
  background-color: transparent;
}
camera-slider-edit .c-camera-slider-edit__search md-autocomplete-wrap {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 0 10px;
  text-align: left;
  letter-spacing: -0.6px;
  color: #fff;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__search .icon-search {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}
camera-slider-edit .c-camera-slider-edit__search .icon-search:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__item {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  min-width: 190px;
  max-width: 100px;
  height: 40px;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos {
  display: block;
  width: 100%;
  margin-top: 20px;
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos > span {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
  color: #555;
  font-size: 12px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos > span:first-child {
  padding-left: 0;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos input {
  display: inline-block;
  width: 70px;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  color: #444;
  font-size: 18px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 6px 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: box-shadow 0.3s ease-in;
  vertical-align: middle;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn i, camera-slider-edit .c-camera-slider-edit__loadPhotos__btn span {
  vertical-align: middle;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn i {
  margin-right: 5px;
  font-size: 24px;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__img {
  position: relative;
  margin: 15px auto;
  padding: 15px;
  border: 1px dashed #ccc;
  line-height: 1.4;
}
camera-slider-edit .c-camera-slider-edit__img__edit {
  position: absolute;
  top: -1px;
  left: calc(100% + 1px);
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: 0.2s ease-in;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f1f1f1;
  line-height: 25px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn:hover, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:hover {
  color: #444;
  background-color: #fff;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn i, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close i {
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn:first-child, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:first-child {
  margin-bottom: 15px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn--close {
  line-height: 24px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:hover {
  color: #fff;
  background-color: tomato;
}
camera-slider-edit .c-camera-slider-edit__img__title {
  font-size: 18px;
  font-weight: 700;
}
camera-slider-edit .c-camera-slider-edit__img__title span {
  cursor: pointer;
  text-decoration: underline;
}
camera-slider-edit .c-camera-slider-edit__img__photo {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-color: #ccc;
}
camera-slider-edit .c-camera-slider-edit__img__photo .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
camera-slider-edit .c-camera-slider-edit__img__desc {
  padding: 10px;
  background-color: rgb(250, 250, 250);
  font-size: 14px;
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__exif {
  width: 100%;
  padding: 15px 1px 0;
  text-align: left;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  camera-slider-edit .c-camera-slider-edit__exif {
    padding: 10px;
  }
}
camera-slider-edit .c-camera-slider-edit__exif-item {
  display: inline-block;
  white-space: nowrap;
  color: #444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  camera-slider-edit .c-camera-slider-edit__exif-item {
    overflow: hidden;
    width: calc(50% - 10px);
    max-height: 30px;
    margin: 5px;
    vertical-align: top;
  }
  camera-slider-edit .c-camera-slider-edit__exif-item + camera-slider-edit .c-camera-slider-edit__exif-item {
    margin-left: 5px;
  }
  camera-slider-edit .c-camera-slider-edit__exif-item span {
    max-width: 75%;
    max-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
camera-slider-edit .c-camera-slider-edit__exif-item + camera-slider-edit .c-camera-slider-edit__exif-item {
  margin-left: 15px;
}
camera-slider-edit .c-camera-slider-edit__exif-item i {
  vertical-align: middle;
  font-size: 24px;
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__exif-item span {
  display: inline-block;
  overflow: hidden;
  max-width: 300px;
  margin-left: 4px;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 300;
}

camera-slider-edit {
  position: relative;
  display: block;
  overflow: auto;
  width: 100%;
  min-height: 100vh;
  text-align: center;
  background-color: #f1f1f1;
}
camera-slider-edit .c-loader {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
camera-slider-edit .c-loader .loader {
  top: 50%;
  margin: 0;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn, camera-slider-edit .c-cameras-list__new, camera-slider-edit .c-camera-slider-edit__back, camera-slider-edit .c-camera-slider-edit__new, camera-slider-edit .c-camera-slider-edit__publish, camera-slider-edit .c-camera-slider-edit__delete {
  position: fixed;
  min-width: 152px;
  padding: 6px 12px;
  cursor: pointer;
  transition: box-shadow 0.3s ease-in;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn i, camera-slider-edit .c-cameras-list__new i, camera-slider-edit .c-camera-slider-edit__back i, camera-slider-edit .c-camera-slider-edit__new i, camera-slider-edit .c-camera-slider-edit__publish i, camera-slider-edit .c-camera-slider-edit__delete i, camera-slider-edit .c-camera-slider-edit__fixed-btn span, camera-slider-edit .c-cameras-list__new span, camera-slider-edit .c-camera-slider-edit__back span, camera-slider-edit .c-camera-slider-edit__new span, camera-slider-edit .c-camera-slider-edit__publish span, camera-slider-edit .c-camera-slider-edit__delete span {
  vertical-align: middle;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn i, camera-slider-edit .c-cameras-list__new i, camera-slider-edit .c-camera-slider-edit__back i, camera-slider-edit .c-camera-slider-edit__new i, camera-slider-edit .c-camera-slider-edit__publish i, camera-slider-edit .c-camera-slider-edit__delete i {
  margin-right: 10px;
  font-size: 24px;
}
camera-slider-edit .c-camera-slider-edit__fixed-btn:hover, camera-slider-edit .c-cameras-list__new:hover, camera-slider-edit .c-camera-slider-edit__back:hover, camera-slider-edit .c-camera-slider-edit__new:hover, camera-slider-edit .c-camera-slider-edit__publish:hover, camera-slider-edit .c-camera-slider-edit__delete:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__back {
  top: 125px;
  left: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__new {
  top: 125px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__publish {
  top: 175px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__delete {
  top: 225px;
  right: calc(50% - 640px);
}
camera-slider-edit .c-camera-slider-edit__delete span {
  color: rgb(221, 44, 0);
}
camera-slider-edit .c-camera-slider-edit__block {
  position: relative;
  max-width: 945px;
  min-height: 300px;
  margin: 20px auto;
  padding: 20px 40px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
camera-slider-edit .c-camera-slider-edit__search {
  margin-bottom: 40px;
  text-align: center;
}
camera-slider-edit .c-camera-slider-edit__search md-autocomplete {
  background-color: transparent;
}
camera-slider-edit .c-camera-slider-edit__search md-autocomplete-wrap {
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 0 10px;
  text-align: left;
  letter-spacing: -0.6px;
  color: #fff;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__search .icon-search {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  font-size: 24px;
  line-height: 32px;
}
camera-slider-edit .c-camera-slider-edit__search .icon-search:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__item {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  min-width: 190px;
  max-width: 100px;
  height: 40px;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos {
  display: block;
  width: 100%;
  margin-top: 20px;
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos > span {
  display: inline-block;
  padding: 0 5px;
  vertical-align: middle;
  color: #555;
  font-size: 12px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos > span:first-child {
  padding-left: 0;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos input {
  display: inline-block;
  width: 70px;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  color: #444;
  font-size: 18px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  padding: 6px 12px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: box-shadow 0.3s ease-in;
  vertical-align: middle;
  color: #444;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn i, camera-slider-edit .c-camera-slider-edit__loadPhotos__btn span {
  vertical-align: middle;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn i {
  margin-right: 5px;
  font-size: 24px;
}
camera-slider-edit .c-camera-slider-edit__loadPhotos__btn:hover {
  box-shadow: none;
}
camera-slider-edit .c-camera-slider-edit__img {
  position: relative;
  margin: 15px auto;
  padding: 15px;
  border: 1px dashed #ccc;
  line-height: 1.4;
}
camera-slider-edit .c-camera-slider-edit__img__edit {
  position: absolute;
  top: -1px;
  left: calc(100% + 1px);
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close {
  width: 25px;
  height: 25px;
  margin-bottom: 5px;
  cursor: pointer;
  transition: 0.2s ease-in;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f1f1f1;
  line-height: 25px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn:hover, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:hover {
  color: #444;
  background-color: #fff;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn i, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close i {
  line-height: 1;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn:first-child, camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:first-child {
  margin-bottom: 15px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn--close {
  line-height: 24px;
}
camera-slider-edit .c-camera-slider-edit__img__edit__btn--close:hover {
  color: #fff;
  background-color: tomato;
}
camera-slider-edit .c-camera-slider-edit__img__title {
  font-size: 18px;
  font-weight: 700;
}
camera-slider-edit .c-camera-slider-edit__img__title span {
  cursor: pointer;
  text-decoration: underline;
}
camera-slider-edit .c-camera-slider-edit__img__photo {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
  background-color: #ccc;
}
camera-slider-edit .c-camera-slider-edit__img__photo .imageLink {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
camera-slider-edit .c-camera-slider-edit__img__desc {
  padding: 10px;
  background-color: rgb(250, 250, 250);
  font-size: 14px;
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__exif {
  width: 100%;
  padding: 15px 1px 0;
  text-align: left;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  camera-slider-edit .c-camera-slider-edit__exif {
    padding: 10px;
  }
}
camera-slider-edit .c-camera-slider-edit__exif-item {
  display: inline-block;
  white-space: nowrap;
  color: #444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  camera-slider-edit .c-camera-slider-edit__exif-item {
    overflow: hidden;
    width: calc(50% - 10px);
    max-height: 30px;
    margin: 5px;
    vertical-align: top;
  }
  camera-slider-edit .c-camera-slider-edit__exif-item + camera-slider-edit .c-camera-slider-edit__exif-item {
    margin-left: 5px;
  }
  camera-slider-edit .c-camera-slider-edit__exif-item span {
    max-width: 75%;
    max-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
camera-slider-edit .c-camera-slider-edit__exif-item + camera-slider-edit .c-camera-slider-edit__exif-item {
  margin-left: 15px;
}
camera-slider-edit .c-camera-slider-edit__exif-item i {
  vertical-align: middle;
  font-size: 24px;
  font-weight: 400;
}
camera-slider-edit .c-camera-slider-edit__exif-item span {
  display: inline-block;
  overflow: hidden;
  max-width: 300px;
  margin-left: 4px;
  vertical-align: middle;
  white-space: normal;
  font-size: 12px;
  font-weight: 300;
}

cameras-list {
  position: relative;
  z-index: 1;
  display: block;
  overflow: auto;
  min-height: 100vh;
  background-color: #f1f1f1;
  text-align: center;
}
cameras-list .c-loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
cameras-list .c-loader .loader {
  margin: 0;
  top: 50%;
}

.c-cameras-list__new {
  top: 125px;
  right: calc(50% - 670px);
}

challenges-list {
  position: relative;
  z-index: 1;
  display: block;
  overflow: auto;
  text-align: center;
}
challenges-list .c-loader {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}
challenges-list .c-loader .loader {
  top: 50%;
  margin: 0;
}

.c-challenges-list {
  display: block;
  margin: 0 auto;
  max-width: 1400px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-challenges-list {
    text-align: center;
  }
}

hosted-challenge,
.с-hosted-challenge {
  position: relative;
  display: inline-block;
  margin: 1%;
  padding: 0;
  min-width: 220px;
  max-width: 500px;
  width: 31%;
  height: auto;
  color: #000;
  vertical-align: top;
  perspective: 1000px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
hosted-challenge:nth-child(3n-1),
.с-hosted-challenge:nth-child(3n-1) {
  margin: 1% 1.1%;
}
hosted-challenge:before,
.с-hosted-challenge:before {
  display: none;
}
hosted-challenge a,
.с-hosted-challenge a {
  color: #000;
  text-decoration: none;
}
hosted-challenge img,
.с-hosted-challenge img {
  opacity: 1;
}
@media screen and (max-width: 1046px) {
  hosted-challenge,
  .с-hosted-challenge {
    width: 47%;
  }
}
@media screen and (max-width: 768px) {
  hosted-challenge,
  .с-hosted-challenge {
    width: 97%;
  }
}

.c-hosted-challenge__title {
  margin-bottom: 5px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
}
.c-hosted-challenge__title span {
  color: #9E9E9E;
  font-weight: 300;
}

.c-hosted-challenge__data {
  position: relative;
  overflow: hidden;
  height: 290px;
  background-color: #ddd;
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-hosted-challenge__data:hover .c-hosted-challenge__data__upload-photo {
  opacity: 0.8;
}
.c-hosted-challenge__data:hover header {
  top: 20px;
}
.c-hosted-challenge__data:hover header .avatar {
  left: 10px;
}
.c-hosted-challenge__data:hover > img {
  transform: translate(-50%, -50%) scale(1.1);
}
.c-hosted-challenge__data:hover .c-hosted-challenge__friends-line {
  width: 110%;
}
.c-hosted-challenge__data:hover .c-hosted-challenge__friends-line__avatar + .c-hosted-challenge__friends-line__avatar {
  margin-left: 5px;
}
.c-hosted-challenge__data:hover .c-hosted-challenge__friends-line__count {
  color: #2C7FA6;
}
.c-hosted-challenge__data:hover .c-hosted-challenge__friends-line__text {
  display: inline-block;
}
.c-hosted-challenge__data > img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  opacity: 1;
  transition: transform 1s cubic-bezier(0.7, 0.15, 0.36, 1);
  transform: translate(-50%, -50%);
}
.c-hosted-challenge__data header {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.57);
  color: #FFF;
  line-height: 40px;
  transition: all 0.5s ease-in-out;
}
.c-hosted-challenge__data header .avatar {
  position: absolute;
  top: -6px;
  left: -100%;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.33);
  transition: all 0.5s ease-in-out;
}
.c-hosted-challenge__data header .title, .c-hosted-challenge__data header .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-hosted-challenge__data header .title-mobile {
  margin-left: 85px;
  color: #FFF;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  opacity: 1;
}
.c-hosted-challenge__data header .title span, .c-hosted-challenge__data header .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .c-hosted-challenge__data header .title-mobile span {
  font-weight: 600;
  opacity: 0.8;
}
.c-hosted-challenge__data footer {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.81);
  color: #FFF;
}
.c-hosted-challenge__data footer ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  list-style: none;
}
.c-hosted-challenge__data footer ul li {
  position: relative;
  display: table-cell;
  padding: 10px 2px;
  width: 1%;
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  font-size: 23px;
  line-height: 1;
}
.c-hosted-challenge__data footer ul li:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 80%;
  border-right: 1px solid rgba(255, 255, 255, 0.76);
  content: "";
  transform: translate3d(0, -50%, 0);
}
.c-hosted-challenge__data footer ul li.countdown {
  font-weight: 300;
}
.c-hosted-challenge__data footer ul li.countdown strong {
  font-weight: 300;
}
.c-hosted-challenge__data footer ul li.closed {
  font-size: 16px;
}
.c-hosted-challenge__data footer ul li > span {
  display: block;
  font-weight: 600;
  font-size: 14px;
  opacity: 0.7;
}
@media screen and (max-width: 1000px) {
  .c-hosted-challenge__data > img {
    width: 150%;
    transform: translate(-50%, -50%);
  }
}

.c-hosted-challenge__data__link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.01);
}

.c-hosted-challenge__data__upload-photo {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 3;
  display: inline-block;
  margin: 0 auto;
  padding: 10px;
  width: 180px;
  background-color: #fff;
  color: #000;
  text-align: center;
  text-shadow: 0 0 0.2px #000;
  font-weight: 600;
  opacity: 0;
  transform: translateY(-50%);
}
.c-hosted-challenge__data__upload-photo:hover:not([disabled]) {
  background-color: #fff;
  opacity: 0.9;
}

.c-hosted-challenge__friends-line {
  position: absolute;
  bottom: 65px;
  left: 0;
  display: inline-block;
  overflow: hidden;
  padding: 5px 2px;
  width: 120px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: rgba(0, 0, 0, 0.81);
  color: #fff;
  text-align: left;
  white-space: nowrap;
  line-height: 1;
  transition: width 0.6s ease-in-out;
}

.c-hosted-challenge__friends-line__count {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 18px;
}
.c-hosted-challenge__friends-line__count + .c-hosted-challenge__friends-line__text {
  margin-left: 2px;
}

.c-hosted-challenge__friends-line__text {
  display: none;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
}

.c-hosted-challenge__friends-line__avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -2px 0px 7px 0px rgba(0, 0, 0, 0.85);
  vertical-align: middle;
  transition: margin 0.5s ease-in-out;
}

.c-hosted-challenge__friends-line__avatar + .c-hosted-challenge__friends-line__avatar {
  margin-left: -30px;
}

.c-hosted-challenge--upcoming .c-hosted-challenge__data footer ul li:after {
  display: none;
}
.c-hosted-challenge--upcoming footer ul li:last-child {
  padding-right: 15px;
  text-align: right;
  opacity: 0.7;
}
.c-hosted-challenge--upcoming footer ul li:first-child {
  padding-right: 62px;
  padding-left: 25px;
  text-align: center;
}

/*body.p-iframe {*/
.p-iframe {
  min-height: 0;
}
.p-iframe #header--s-- {
  display: none;
}
.p-iframe mobile-header {
  display: none !important;
}
.p-iframe #footer {
  display: none;
}
.p-iframe #page {
  min-height: 0;
}

.p-iframe__view {
  position: relative;
  display: block;
  background-color: transparent;
  text-align: center;
}

/*body.generateChallengeBanner {*/
.generateChallengeBanner {
  width: 1200px;
  height: 630px;
  min-height: 0;
}
.generateChallengeBanner #header--s--.gs-header--s-- {
  display: none;
}
.generateChallengeBanner mobile-header {
  display: none !important;
}
.generateChallengeBanner .gs-footer {
  display: none;
}
.generateChallengeBanner #footer,
.generateChallengeBanner #modal {
  display: none;
}
.generateChallengeBanner #page {
  width: 1200px;
  height: 630px;
  min-height: 0;
}

generate-challenge-banner {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 1;
}

.generate-challenge-banner {
  position: relative;
  display: block;
  width: 1200px;
  height: 630px;
  text-align: center;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.generate-challenge-banner__info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1.3;
}
.generate-challenge-banner__info .title, .generate-challenge-banner__info .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .generate-challenge-banner__info .title-mobile {
  display: inline-block;
  color: #fff;
}
.generate-challenge-banner__info h1 {
  letter-spacing: -1px;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 600;
}
.generate-challenge-banner__info i {
  display: inline-block;
  margin: 0 5px 0 10px;
  vertical-align: middle;
  font-size: 24px;
}
.generate-challenge-banner__info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
}
.generate-challenge-banner__info .logo {
  font-weight: 700;
}

.generate-challenge-banner__join {
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 230px;
  height: 194px;
}

.generate-challenge-banner__sponsor {
  position: absolute;
  right: 0;
  bottom: 10px;
  line-height: 1.7;
}
.generate-challenge-banner__sponsor .desc {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.generate-challenge-banner__sponsor img {
  height: 65px;
}

.invite-landing {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .invite-landing #footer {
    display: none;
  }
}

invite-landing-page {
  display: block;
  background-color: #f1f1f1;
}

.p-invite-landing__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 460px;
  text-align: center;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-invite-landing__cover .icon-gurushots-full-logo {
  position: absolute;
  top: 20px;
  right: 0;
  left: 0;
  display: none;
  color: #fff;
  font-size: 40px;
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover {
    height: 100vh;
  }
  .p-invite-landing__cover .icon-gurushots-full-logo {
    display: inline-block;
  }
  .p-invite-landing__cover .p-invite-landing__cover__text {
    display: block;
  }
}

.p-invite-landing__cover__image {
  position: fixed;
  top: 67px;
  left: 0;
  width: 100%;
  height: 460px;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: 50% 32%;
  background-size: cover;
  will-change: transform;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-invite-landing__cover__image:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__image {
    display: none;
  }
}

.p-invite-landing__cover__image--mobile {
  position: fixed;
  top: 67px;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100vh - 67px);
  padding: 20px;
  background-image: url("../jpg/covermobile.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  will-change: transform;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-invite-landing__cover__image--mobile:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__image--mobile {
    display: block;
  }
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__image--mobile {
    top: 0;
    height: calc(100vh - 44px);
  }
}

.p-invite-landing__cover__avatar {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 100px auto 0;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__avatar {
    width: 60px;
    height: 60px;
    border-width: 2px;
  }
}

.p-invite-landing__cover__title {
  position: relative;
  margin-top: 5px;
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  font-size: 50px;
  font-weight: 600;
  line-height: 1.1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__title {
    font-size: 16px;
  }
}

.p-invite-landing__cover__text {
  position: relative;
  display: none;
  max-width: 320px;
  margin: 0 auto 10px;
  margin-top: 25px;
  letter-spacing: -0.7px;
  opacity: 0.9;
  color: #fff;
  border-radius: 7px;
  text-shadow: 0 0 20px rgb(0, 0, 0);
  font-size: 16px;
}
.p-invite-landing__cover__text span {
  display: block;
  margin: 0 auto;
  letter-spacing: -0.7px;
  font-size: 30px;
  font-weight: 600;
  line-height: 1;
}

.p-invite-landing__cover__btn {
  position: relative;
  margin: 40px auto 0;
  padding: 11px 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 23px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__btn {
    font-size: 20px;
  }
}

.p-invite-landing__cover__desc {
  position: relative;
  margin-top: 15px;
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-invite-landing__cover__desc {
    display: none;
  }
}

.p-invite-landing-page__view {
  position: relative;
  width: 100%;
  min-height: 40vh;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-invite-landing-page__view {
    display: none;
  }
}

.p-invite-landing-page__view__banner {
  min-height: 100px;
  padding: 55px 0;
  text-align: center;
  color: #fff;
  background-color: #333;
  font-size: 0;
}

.p-invite-landing-page__view__banner__wrap {
  max-width: 1600px;
  margin: 0 auto;
  font-size: 0;
}

.p-invite-landing-page__view__banner__item, .p-invite-landing-page__view__banner__item--right, .p-invite-landing-page__view__banner__item--left {
  display: inline-block;
  min-height: 100px;
  vertical-align: middle;
}

.p-invite-landing-page__view__banner__item--left {
  width: 440px;
  padding: 0 32px;
  text-align: left;
}

.p-invite-landing-page__view__banner__item--right {
  width: calc(100% - 440px);
  padding: 0 25px;
  text-align: center;
  border-left: 1px solid #ccc;
}

.p-invite-landing-page__view__banner__item__title {
  min-height: 110px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.p-invite-landing-page__view__banner__item__title__label {
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}

.p-invite-landing-page__view__banner__item__desc {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

.p-invite-landing-page__view__banner__item__number {
  margin-top: 15px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
}
.p-invite-landing-page__view__banner__item__number span {
  color: #218ccc;
  font-size: 40px;
  font-weight: 600;
}

.p-invite-landing-page__view__banner__item__tools {
  min-height: 132px;
  text-align: center;
  font-size: 0;
}

.p-invite-landing-page__view__banner__item__tools__tool {
  display: inline-block;
}
.p-invite-landing-page__view__banner__item__tools__tool + .p-invite-landing-page__view__banner__item__tools__tool {
  margin-left: 80px;
}
.p-invite-landing-page__view__banner__item__tools__tool .responsive-sprites {
  width: 65px;
}

.p-invite-landing-page__view__banner__item__tools__tool__text {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1;
}
.p-invite-landing-page__view__banner__item__tools__tool__text span {
  display: block;
  font-weight: 600;
}

.p-invite-landing-page__view__challenges {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 2.5%;
}

.p-invite-landing-page__view__challenges__title {
  margin: 40px auto 10px;
  text-align: center;
  color: #333;
  font-size: 33px;
  font-weight: 300;
}
.p-invite-landing-page__view__challenges__title span, .p-invite-landing-page__view__challenges__title i {
  vertical-align: top;
  line-height: 1;
}
.p-invite-landing-page__view__challenges__title i {
  margin: -12px 0 0 6px;
  transform: rotate(297deg);
  color: #333;
  font-size: 61px;
}

.p-invite-landing-page__btn, .p-invite-landing-page__btn--email, .p-invite-landing-page__btn--facebook, .p-invite-landing-page__btn--instagram {
  position: relative;
  display: none;
  width: 200px;
  margin: 15px auto;
  padding: 12px 0;
  white-space: nowrap;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 11px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-invite-landing-page__btn:first-child, .p-invite-landing-page__btn--email:first-child, .p-invite-landing-page__btn--facebook:first-child, .p-invite-landing-page__btn--instagram:first-child {
  margin-top: 30px;
}
@media screen and (max-width: 1000px) {
  .p-invite-landing-page__btn, .p-invite-landing-page__btn--email, .p-invite-landing-page__btn--facebook, .p-invite-landing-page__btn--instagram {
    display: block;
  }
}

.p-invite-landing-page__btn--instagram {
  border: none;
  background-image: linear-gradient(to top, #d9346e, #8646b0);
}

.p-invite-landing-page__btn--facebook {
  border: none;
  background-color: #3c5c95;
}

.p-invite-landing-page__btn--email {
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}

/*body.landingBattle {*/
.landingBattle {
  background-color: #000;
  font-size: 0;
  line-height: 1;
}
.landingBattle #header--s--.gs-header--s-- {
  display: none;
}
.landingBattle mobile-header {
  display: none;
}

landing-battle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  color: #fff;
  background-color: #000;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  landing-battle {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  landing-battle {
    display: block;
    padding-bottom: 100px;
  }
}

.landing-battle__logo {
  position: fixed;
  top: 25px;
  left: 25px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.landing-battle__logo img {
  height: 30px;
}
@media screen and (max-width: 1200px) {
  .landing-battle__logo {
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #000;
  }
  .landing-battle__logo img {
    height: 25px;
  }
}

.landingBattle__wrapper {
  text-align: center;
}

.landingBattle__column, .landingBattle__column--form, .landingBattle__column--soon, .landingBattle__column--video {
  position: relative;
  display: inline-block;
  min-width: 20vw;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.landingBattle__column + .landingBattle__column, .landingBattle__column--form + .landingBattle__column, .landingBattle__column + .landingBattle__column--form, .landingBattle__column--form + .landingBattle__column--form, .landingBattle__column--soon + .landingBattle__column, .landingBattle__column--soon + .landingBattle__column--form, .landingBattle__column + .landingBattle__column--soon, .landingBattle__column--form + .landingBattle__column--soon, .landingBattle__column--soon + .landingBattle__column--soon, .landingBattle__column--video + .landingBattle__column, .landingBattle__column--video + .landingBattle__column--form, .landingBattle__column--video + .landingBattle__column--soon, .landingBattle__column + .landingBattle__column--video, .landingBattle__column--form + .landingBattle__column--video, .landingBattle__column--soon + .landingBattle__column--video, .landingBattle__column--video + .landingBattle__column--video {
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .landingBattle__column, .landingBattle__column--form, .landingBattle__column--soon, .landingBattle__column--video {
    min-width: 0;
    margin: 10px auto;
    padding: 10px 15px;
    text-align: center;
  }
  .landingBattle__column + .landingBattle__column, .landingBattle__column--form + .landingBattle__column, .landingBattle__column + .landingBattle__column--form, .landingBattle__column--form + .landingBattle__column--form, .landingBattle__column--soon + .landingBattle__column, .landingBattle__column--soon + .landingBattle__column--form, .landingBattle__column + .landingBattle__column--soon, .landingBattle__column--form + .landingBattle__column--soon, .landingBattle__column--soon + .landingBattle__column--soon, .landingBattle__column--video + .landingBattle__column, .landingBattle__column--video + .landingBattle__column--form, .landingBattle__column--video + .landingBattle__column--soon, .landingBattle__column + .landingBattle__column--video, .landingBattle__column--form + .landingBattle__column--video, .landingBattle__column--soon + .landingBattle__column--video, .landingBattle__column--video + .landingBattle__column--video {
    margin-left: auto;
  }
}

.landingBattle__column--video {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .landingBattle__column--video {
    max-width: 300px;
    margin: 0 auto;
  }
}

.landingBattle__iPhone {
  height: 100vh;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .landingBattle__iPhone {
    display: none;
  }
}

.landingBattle__iPhone--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1201px) {
  .landingBattle__iPhone--mobile {
    display: none;
  }
}

.landingBattle__video {
  position: absolute;
  top: 165px;
  left: 110px;
  width: calc(100% - 202px);
  height: auto;
  background-color: #000;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .landingBattle__video {
    top: 79px;
    left: 40px;
    width: calc(100% - 80px);
  }
}

.landingBattle__column--soon {
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.landingBattle__column--soon .soon {
  text-align: left;
  letter-spacing: 0.8px;
  color: #fff;
  font-size: 18px;
}
.landingBattle__column--soon img {
  width: 300px;
  margin: 25px 0;
}
.landingBattle__column--soon h2 {
  max-width: 350px;
  text-align: center;
  letter-spacing: 0.4px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56;
}
.landingBattle__column--soon .list {
  margin-top: 40px;
  padding-left: 15px;
  text-align: left;
  letter-spacing: 0.4px;
  color: #fff;
  font-size: 14px;
  line-height: 2;
}
.landingBattle__column--soon .list span {
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .landingBattle__column--soon {
    text-align: center;
  }
  .landingBattle__column--soon .soon {
    text-align: center;
  }
  .landingBattle__column--soon img {
    width: 250px;
  }
  .landingBattle__column--soon h2 {
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
  }
  .landingBattle__column--soon .list {
    max-width: 350px;
    margin: 20px auto 0;
  }
}

.landingBattle__column--form {
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.landingBattle__column--form h2 {
  letter-spacing: normal;
  color: #fff;
  font-size: 40px;
  font-weight: 600;
}
.landingBattle__column--form h3 {
  margin-top: 10px;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
.landingBattle__column--form .actions .gs-btn--blue--s--, .landingBattle__column--form .actions fixed-footer .fix-footer__btn--s--, fixed-footer .landingBattle__column--form .actions .fix-footer__btn--s--, .landingBattle__column--form .actions .gs-btn--white, .landingBattle__column--form .actions .gs-btn--red, .landingBattle__column--form .actions .gs-btn--grey, .landingBattle__column--form .actions .gs-btn--instagram {
  margin-top: 25px;
  text-align: center;
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .landingBattle__column--form {
    margin-top: 25px;
    text-align: center;
  }
}

.landingBattle__friends {
  max-width: 300px;
  margin-top: 50px;
  padding: 15px;
  border-radius: 6px;
  background-color: #fff;
}
.landingBattle__friends h4 {
  margin-bottom: 15px;
  letter-spacing: normal;
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
.landingBattle__friends .gs-btn--blue--s--, .landingBattle__friends fixed-footer .fix-footer__btn--s--, fixed-footer .landingBattle__friends .fix-footer__btn--s--, .landingBattle__friends .gs-btn--white, .landingBattle__friends .gs-btn--red, .landingBattle__friends .gs-btn--grey, .landingBattle__friends .gs-btn--instagram {
  display: inline-block;
  vertical-align: middle;
}
.landingBattle__friends i {
  margin-left: 20px;
  vertical-align: middle;
  color: #ccc;
  font-size: 30px;
}

landing-claim-page {
  display: block;
  overflow-x: hidden;
  width: 100%;
  min-height: calc(100vh - 90px);
  background-color: #f1f1f1;
}

.p-landing_claim__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 460px;
  text-align: center;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover {
    height: 100vh;
  }
}

.p-landing_claim__cover__image {
  position: fixed;
  top: 67px;
  left: 0;
  width: 100%;
  height: 460px;
  padding: 20px;
  background-image: url("../png/claim_cover_photo_1920.png");
  background-repeat: no-repeat;
  background-position: 50% 32%;
  background-size: cover;
  will-change: transform;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-landing_claim__cover__image:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__image {
    height: 100vh;
    background-image: url("../png/claim_cover_photo_1440.png");
    background-position: 33% 32%;
  }
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__image {
    top: 0;
  }
}

.p-landing_claim__cover__avatar {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 80px auto 0;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.p-landing_claim__cover__title {
  position: relative;
  margin-top: 105px;
  padding: 0 20px;
  text-align: center;
  letter-spacing: -0.7px;
  opacity: 0.9;
  color: #fff;
  border-radius: 7px;
  text-shadow: 0 0 20px #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-landing_claim__cover__title span {
  display: block;
  margin: 0 auto;
  letter-spacing: -0.7px;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__title {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .p-landing_claim__cover__title {
    margin-top: 180px;
    font-size: 16px;
  }
  .p-landing_claim__cover__title span {
    font-size: 30px;
  }
}

.p-landing_claim__cover__btn {
  position: relative;
  margin: 40px auto 0;
  padding: 11px 20px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 23px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__btn {
    font-size: 15px;
  }
}

.p-landing_claim__cover__desc, .p-landing_claim__cover__desc--mobile {
  position: relative;
  margin-top: 15px;
  text-align: center;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  font-size: 28px;
  font-weight: 300;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__desc, .p-landing_claim__cover__desc--mobile {
    display: none;
  }
}

.p-landing_claim__cover__desc--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-landing_claim__cover__desc--mobile {
    display: block;
    font-size: 18px;
    font-weight: 400;
  }
}

.p-landing-claim-page__view {
  position: relative;
  width: 100%;
  min-height: 40vh;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .p-landing-claim-page__view {
    display: none;
  }
}

.p-landing-claim-page__view__banner {
  min-height: 100px;
  padding: 55px 0;
  text-align: center;
  color: #fff;
  background-color: #333;
  font-size: 0;
}

.p-landing-claim-page__view__banner__wrap {
  max-width: 1600px;
  margin: 0 auto;
  font-size: 0;
}

.p-landing-claim-page__view__banner__item, .p-landing-claim-page__view__banner__item--right, .p-landing-claim-page__view__banner__item--left {
  display: inline-block;
  min-height: 100px;
  vertical-align: middle;
}

.p-landing-claim-page__view__banner__item--left {
  width: 440px;
  padding: 0 32px;
  text-align: left;
}

.p-landing-claim-page__view__banner__item--right {
  width: calc(100% - 440px);
  padding: 0 25px;
  text-align: center;
  border-left: 1px solid #ccc;
}

.p-landing-claim-page__view__banner__item__title {
  min-height: 110px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.p-landing-claim-page__view__banner__item__title__label {
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
  font-weight: 300;
}

.p-landing-claim-page__view__banner__item__desc {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.3;
}

.p-landing-claim-page__view__banner__item__number {
  margin-top: 15px;
  font-size: 36px;
  font-weight: 300;
  line-height: 1;
}
.p-landing-claim-page__view__banner__item__number span {
  color: #218ccc;
  font-size: 40px;
  font-weight: 600;
}

.p-landing-claim-page__view__banner__item__tools {
  min-height: 132px;
  text-align: center;
  font-size: 0;
}

.p-landing-claim-page__view__banner__item__tools__tool {
  display: inline-block;
}
.p-landing-claim-page__view__banner__item__tools__tool + .p-landing-claim-page__view__banner__item__tools__tool {
  margin-left: 80px;
}
.p-landing-claim-page__view__banner__item__tools__tool .responsive-sprites {
  width: 65px;
}

.p-landing-claim-page__view__banner__item__tools__tool__text {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1;
}
.p-landing-claim-page__view__banner__item__tools__tool__text span {
  display: block;
  font-weight: 600;
}

.p-landing-claim-page__view__challenges {
  width: 100%;
  max-width: 1700px;
  margin: 0 auto;
  padding: 0 2.5%;
}

.p-landing-claim-page__view__challenges__title {
  margin: 40px auto 10px;
  text-align: center;
  color: #333;
  font-size: 33px;
  font-weight: 300;
}
.p-landing-claim-page__view__challenges__title span, .p-landing-claim-page__view__challenges__title i {
  vertical-align: top;
  line-height: 1;
}
.p-landing-claim-page__view__challenges__title i {
  margin: -12px 0 0 6px;
  transform: rotate(297deg);
  color: #333;
  font-size: 61px;
}

/* TODO: move to vars */
/*body.home-page {*/
.home-page {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page gs-footer {
  display: block;
  font-size: 12px;
}
.home-page .gs-loader {
  background-color: #f1f1f1;
}
.home-page mobile-header {
  display: none;
}
.home-page mobile-header-empty {
  background-color: rgb(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  .home-page gs-footer {
    padding-bottom: 10px;
  }
}

home-page {
  font-size: 20px;
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  line-height: 1;
}

.home-page__cover {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 68px);
  padding-bottom: 41%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover_wide.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1225px) {
  .home-page__cover {
    background-image: url("../jpg/cover_medium.jpg");
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover {
    padding-bottom: 0;
    background-position: 50% 0;
    background-image: url("../jpg/cover-2.jpg");
    height: calc(100vh - 52px);
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover {
    background-position: 90% 0;
    background-image: url("../jpg/cover-wide.jpg");
  }
}

.home-page__cover__apps {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__apps {
    bottom: 80px;
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__apps {
    bottom: 70px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__apps {
    left: unset;
    right: 50px;
    bottom: 52px;
  }
}

.home-page__app-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/app-store-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__app-store {
    margin-left: 13px;
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__app-store {
    width: 100px;
  }
}

.home-page__google-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/google-play-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__google-store {
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__google-store {
    width: 100px;
  }
}

.home-page__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__video {
    display: none;
  }
}

.home-page__cover__wrap {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__wrap {
    top: 45%;
  }
}

.home-page__cover__title {
  padding-left: 160px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__title .line-1 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 32px;
}
.home-page__cover__title .line-2 {
  letter-spacing: 1px;
  color: #fff;
  font-size: 90px;
  font-family: "bebas-neue";
  line-height: 0.9;
}
.home-page__cover__title .line-3 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 24px;
  line-height: 1.42;
  margin-top: 17px;
}
.home-page__cover__title .cover__btn--s-- {
  display: inline-block;
  margin-top: 65px;
  padding: 14px 34px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #218ccc;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__cover__title .cover__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__title {
    padding-left: 110px;
  }
  .home-page__cover__title .line-1 {
    font-size: 27px;
  }
  .home-page__cover__title .line-3 {
    font-size: 20px;
  }
  .home-page__cover__title .cover__btn--s-- {
    font-size: 20px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__title {
    padding-left: 0;
  }
  .home-page__cover__title .line-1 {
    text-align: center;
  }
  .home-page__cover__title .line-2 {
    text-align: center;
  }
  .home-page__cover__title .line-3 {
    text-align: center;
    margin-top: 10px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__title .line-1 {
    font-size: 22px;
  }
  .home-page__cover__title .line-2 {
    font-size: 55px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 16px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 350px) {
  .home-page__cover__title .line-1 {
    font-size: 20px;
  }
  .home-page__cover__title .line-2 {
    font-size: 45px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 14px;
  }
  .home-page__cover__title .cover__btn--s-- {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__title {
    padding-left: 50px;
  }
  .home-page__cover__title .line-1 {
    text-align: left;
    font-size: 18px;
  }
  .home-page__cover__title .line-2 {
    text-align: left;
    font-size: 78px;
  }
  .home-page__cover__title .line-3 {
    text-align: left;
    font-size: 14px;
    margin-top: 6px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: inline-block;
    margin-top: 33px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

.home-page__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.home-page__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
  .home-page__cover__footer img {
    height: 50px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .home-page__cover__footer img {
    height: 25px;
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__footer img {
    height: 21px;
    margin-left: 0;
  }
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
}

.home-page__motivated {
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.home-page__motivated .motivated__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__motivated .motivated__text {
  max-width: 860px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__motivated .motivated__text span {
  display: block;
}
.home-page__motivated .motivated__awards {
  width: 100%;
  max-width: 1219px;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .home-page__motivated .motivated__awards {
    display: none;
  }
}
.home-page__motivated .motivated__awards--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
}
@media screen and (min-width: 961px) {
  .home-page__motivated .motivated__awards--mobile {
    display: none;
  }
}
.home-page__motivated .motivated__btn--s-- {
  display: none;
  margin: 20px auto 0;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__motivated .motivated__btn--s-- {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__motivated .motivated__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__motivated .motivated__title span {
    font-size: 26px;
  }
  .home-page__motivated .motivated__text {
    margin: 20px auto;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__motivated .motivated__text span {
    display: inline;
  }
}

.home-page__images {
  text-align: center;
  background-color: #ccc;
  font-size: 0;
}

.home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
  display: inline-block;
  width: 33.3333333333%;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
    display: none;
  }
}

.home-page__images__item--1 {
  background-image: url("../jpg/images__01.jpg");
}

.home-page__images__item--2 {
  background-image: url("../jpg/images__02.jpg");
}

.home-page__images__item--3 {
  background-image: url("../jpg/images__03.jpg");
}

.home-page__images__item--4 {
  display: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 90%;
  background-image: url("../jpg/votes-cover.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item--4 {
    display: block;
  }
}

.home-page__votes {
  padding: 50px 5px;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes {
    padding: 25px 10px;
  }
}

.home-page__votes__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__votes__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__votes__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__votes__title span {
    font-size: 26px;
  }
  .home-page__votes__title span:before {
    display: block;
    content: "";
  }
}
@media screen and (max-width: 340px) {
  .home-page__votes__title {
    font-size: 21px;
  }
}

.home-page__votes__text {
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes__text {
    padding: 0 10px;
    font-size: 16px;
  }
}

.home-page__challenges {
  padding-bottom: 60px;
  text-align: center;
  background-color: #eee;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
  padding: 34px 5px;
  text-align: center;
  letter-spacing: 0;
  color: #008ddc;
  font-size: 28px;
}
.home-page__challenges .image {
  height: 210px;
  background-color: #ccc;
  background-image: url("../jpg/challenges.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-page__challenges .title--mobile {
  display: none;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .home-page__challenges {
    padding-bottom: 25px;
    background-color: #fff;
  }
  .home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
    display: none;
  }
  .home-page__challenges .title--mobile {
    display: block;
  }
  .home-page__challenges .image {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 69%;
    background-image: url("../jpg/challenges-2.jpg");
    background-size: cover;
  }
}

.home-page__challenges__btn--s-- {
  display: none;
  margin: 0 auto;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__challenges__btn--s-- {
    display: inline-block;
  }
}

.home-page__insights {
  position: relative;
  padding-bottom: 45%;
  background-color: #ccc;
  background-image: url("../jpg/insights.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__insights .text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
}
.home-page__insights .sub-title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 1285px) {
  .home-page__insights .text {
    top: 15px;
    padding: 0 10px;
    line-height: 1;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    font-size: 24px;
  }
  .home-page__insights .sub-title {
    margin-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .home-page__insights {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 156%;
    background-image: url("../jpg/insights-2.jpg");
  }
  .home-page__insights .text {
    top: 40px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
  .home-page__insights .title span, .home-page__insights .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__insights .title-mobile span {
    display: block;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title span {
    display: block;
  }
}
@media screen and (max-width: 365px) {
  .home-page__insights .text {
    top: 25px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.home-page__prizes {
  padding: 100px 5px 0;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__prizes span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__prizes .image {
  width: 100%;
  max-width: 1821px;
  margin: 60px auto 0;
}
.home-page__prizes .image--mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-page__prizes {
    padding: 25px 0;
  }
  .home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__prizes .title span, .home-page__prizes .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__prizes .title-mobile span {
    font-size: 26px;
  }
  .home-page__prizes .title span:after, .home-page__prizes .challenges .challengeToggle .title-mobile span:after, .challenges .challengeToggle .home-page__prizes .title-mobile span:after {
    display: block;
    content: "";
  }
  .home-page__prizes .image {
    display: none;
  }
  .home-page__prizes .image--mobile {
    display: block;
    max-width: 960px;
  }
}

.home-page__sponsors {
  padding: 50px 70px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__sponsors .image {
  display: block;
  width: 100%;
  max-width: 1776px;
  margin: 0 auto;
}
.home-page__sponsors .image--mobile {
  display: none;
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .home-page__sponsors {
    padding: 30px 5px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
}
@media screen and (max-width: 425px) {
  .home-page__sponsors {
    padding: 1px 10px 25px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 855px;
    margin: 10px auto;
  }
}

.home-page__people-on-expo {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__people-on-expo {
    display: none;
  }
}

.home-page__exhibited {
  position: relative;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited {
    padding: 25px 0 0;
    border-bottom: none;
  }
}

.home-page__exhibited__image {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image {
    display: none;
  }
}

.home-page__exhibited__image--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image--mobile {
    display: block;
    width: 100%;
    max-width: 960px;
  }
}

.home-page__exhibited__text {
  display: inline-block;
  width: 45%;
  max-width: 390px;
  margin-left: 50px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__exhibited__text span {
  letter-spacing: -0.1px;
  color: #008ddc;
  font-size: 40px;
  font-weight: bold;
}
.home-page__exhibited__text .text {
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .home-page__exhibited__text {
    font-size: 24px;
  }
  .home-page__exhibited__text span {
    font-size: 24px;
  }
  .home-page__exhibited__text .text {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__text {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__exhibited__text .text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page__exhibited__text span {
    color: #fff;
    font-size: 24px;
  }
}

.home-page__community {
  padding: 80px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__community {
    padding: 30px 0;
  }
}

.home-page__community__title {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__community__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__community__title {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__community__title span {
    font-size: 24px;
  }
}

.home-page__community__image {
  display: block;
  width: 100%;
  margin-top: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 640px) {
  .home-page__community__image {
    display: none;
  }
}

.home-page__community__image--mobile {
  display: block;
  width: 100%;
  max-width: 957px;
  margin: 30px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 641px) {
  .home-page__community__image--mobile {
    display: none;
  }
}

.home-page__comments {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 80px;
  text-align: center;
  border-bottom: 1px solid #979797;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments {
    padding: 40px 15px;
  }
}

.home-page__comments__item {
  max-width: 300px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__comments__item .comment {
  text-align: left;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.home-page__comments__item .by {
  margin-top: 10px;
  text-align: left;
  color: #4990e2;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1388px) {
  .home-page__comments__item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .home-page__comments__item {
    max-width: 215px;
  }
  .home-page__comments__item .comment {
    font-size: 18px;
  }
  .home-page__comments__item .by {
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) {
  .home-page__comments__item {
    max-width: 190px;
  }
  .home-page__comments__item .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 622px) {
  .home-page__comments__item:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 454px) {
  .home-page__comments__item:nth-child(2) {
    display: none;
  }
}

.home-page__comments__item--quote-left {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-left {
    top: 20px;
    left: 15px;
    width: 30px;
  }
}

.home-page__comments__item--quote-right {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-right {
    right: 20px;
    bottom: 15px;
    width: 30px;
  }
}

.home-page__app {
  padding: 80px 0 0;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app {
    padding: 30px 10px 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__app {
    padding: 25px 0 0;
  }
}

.home-page__app__image {
  display: inline-block;
  width: 385px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app__image {
    display: none;
  }
}

.home-page__app__image--mobile {
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1001px) {
  .home-page__app__image--mobile {
    display: none;
  }
}

.home-page__app__text {
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__app__text span {
  color: #4990e2;
  font-weight: bold;
}
.home-page__app__text .text {
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__app__text .link {
  display: inline-block;
  margin: 60px 10px 0;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.home-page__app__text .link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.home-page__app__text .link img {
  height: 72px;
}
@media screen and (max-width: 1000px) {
  .home-page__app__text {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__app__text .title span, .home-page__app__text .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__app__text .title-mobile span {
    font-size: 26px;
  }
  .home-page__app__text .text {
    margin-top: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__app__text .link {
    display: inline-block;
    margin: 10px;
    text-align: center;
  }
  .home-page__app__text .link img {
    height: 35px;
  }
}

/*body.lp1 {*/
.lp1 gs-footer {
  display: block;
  margin-bottom: 86px;
  font-size: 12px;
}
.lp1 .gs-header__main-menu,
.lp1 .gs-header--s-- .signin--s-- {
  display: none !important;
}
.lp1 header {
  display: none;
}

lp1 {
  display: block;
  width: 100%;
  min-width: 1250px;
  min-height: 100vh;
  padding-top: 68px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1;
}

.lp1__header {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 68px;
  cursor: pointer;
  text-align: center;
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
  line-height: 68px;
}
.lp1__header .wrap {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  padding: 0 30px;
  text-align: left;
}
.lp1__header .gs-header__logo--s-- {
  line-height: 68px;
}

.lp1__header__btn {
  float: right;
  color: #fff;
  font-size: 12.6px;
  font-weight: 600;
}

.lp1__cover {
  position: relative;
  overflow: hidden;
  height: 41vw;
  min-height: 400px;
  padding: 0 20px;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover-3.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
}
.lp1__cover .link {
  position: absolute;
  right: 50px;
  bottom: 100px;
  display: inline-block;
  transition: 0.5s ease-in-out;
  border-radius: 1px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.lp1__cover .link:hover {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.85);
}
.lp1__cover .link img {
  height: 50px;
}

.lp1__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .lp1__cover__video {
    display: none;
  }
}

.lp1__cover__filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.lp1__cover__wrap {
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.lp1__cover__title {
  padding-top: 60px;
  text-align: center;
  color: #ffffff;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
}
.lp1__cover__title .line-1 {
  letter-spacing: 0;
  font-size: 30px;
}
.lp1__cover__title .line-2 {
  letter-spacing: -1.4px;
  font-size: 69px;
  font-weight: 600;
}
.lp1__cover__title .line-3 {
  letter-spacing: -0.5px;
  font-size: 26px;
  line-height: 2.19;
}

.lp1__cover__action {
  margin-top: 50px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lp1__cover__action .cover__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.lp1__cover__action .cover__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}
.lp1__cover__action .cover__title {
  letter-spacing: -0.5px;
  color: #ffffff;
  font-size: 26px;
  line-height: 2.19;
}
@media screen and (max-width: 1158px) {
  .lp1__cover__action {
    margin-top: 50px;
  }
}

.lp1__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lp1__cover__footer .title, .lp1__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .lp1__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.lp1__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1158px) {
  .lp1__cover__footer {
    display: none;
  }
}

.lp1__next {
  padding: 60px 20px;
  background-image: url("../jpg/next.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
}
.lp1__next h2 {
  letter-spacing: -1px;
  color: #222222;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.19;
}
.lp1__next .desc {
  margin-top: 20px;
  letter-spacing: -0.4px;
  color: #222222;
  font-size: 18px;
  line-height: 1;
}

.lp1__next-cards {
  max-width: 1290px;
  margin: 60px auto 0;
}

.lp1__next-card {
  display: inline-block;
  width: calc(33.3333333333% - 10px);
  margin: 5px;
  padding: 40px 20px;
  cursor: pointer;
  vertical-align: top;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.lp1__next-card__img {
  height: 77px;
}

.lp1__next-card__title {
  height: 77px;
  letter-spacing: -1.1px;
  color: #222222;
  font-size: 55px;
  font-weight: 800;
  line-height: 1;
}
.lp1__next-card__title .blue {
  color: #3397d2;
}
.lp1__next-card__title .card__desc {
  letter-spacing: -1.2px;
  color: #222222;
  font-size: 20.3px;
  font-weight: 300;
  line-height: 1;
}

.lp1__next-card__text {
  min-height: 46px;
  margin-top: 15px;
  letter-spacing: -0.5px;
  color: #222222;
  font-size: 22px;
  line-height: 1.08;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lp1__next-card__text span {
  color: #218ccc;
  font-weight: 800;
}
@media screen and (max-width: 1460px) {
  .lp1__next-card__text {
    font-size: 18px;
    line-height: 1.3;
  }
}

.lp1__next__btn {
  display: inline-block;
  margin-top: 60px;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.lp1__next__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.lp1__challenges {
  padding: 60px 0;
  background-color: #eaeaea;
}
.lp1__challenges h2 {
  letter-spacing: -1px;
  color: #222222;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.19;
}
.lp1__challenges .desc {
  max-width: 568px;
  margin: auto;
  margin-top: 20px;
  letter-spacing: -0.4px;
  color: #222222;
  font-size: 18px;
  line-height: 1.44;
}
.lp1__challenges img {
  width: 100%;
  max-width: 1920px;
  margin: 60px auto;
}

.lp1__challenges__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.lp1__challenges__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.lp1__rewards {
  padding-bottom: 60px;
  background-color: #eaeaea;
}

.lp1__rewards-quotes {
  display: inline-block;
  width: 44px;
  margin-top: 5px;
  vertical-align: top;
}

.lp1__challenges__comments {
  max-width: 1500px;
  margin: auto;
}

.lp1__challenges__comment {
  display: inline-block;
  width: calc(25% - 10px);
  max-width: 275px;
  min-height: 150px;
  margin: 5px;
  padding: 0 40px;
  text-align: left;
  vertical-align: top;
}
.lp1__challenges__comment .icon-five-stars {
  color: #3397d2;
  font-size: 14px;
}
.lp1__challenges__comment .text {
  margin: 10px 0;
  letter-spacing: -0.5px;
  color: #000000;
  font-size: 18px;
  line-height: 1.38;
}
.lp1__challenges__comment .by {
  letter-spacing: -0.4px;
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
}

.lp1__show {
  position: relative;
  padding-bottom: 34.375%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/show_cover.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
}

.lp1__show__wrap {
  position: absolute;
  top: 90px;
  right: 0;
  left: 0;
}

.lp1__show__title {
  letter-spacing: -1px;
  color: #ffffff;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
  font-size: 38px;
  line-height: 1.19;
}

.lp1__show__btn {
  display: inline-block;
  margin-top: 45px;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.lp1__show__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

lp-mobile {
  display: block;
  width: 100%;
  min-height: 100vh;
  padding-top: 53px;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  min-width: unset;
}
lp-mobile .lp1__desktop {
  display: none;
}
lp-mobile .lp__mobile {
  display: block;
  font-size: 20px;
}

.lpMobile gs-footer {
  display: block;
  margin-bottom: 86px;
  font-size: 12px;
}
.lpMobile .gs-header__main-menu,
.lpMobile .gs-header--s-- .signin--s-- {
  display: none !important;
}
.lpMobile header {
  display: none;
}
.lpMobile mobile-header {
  display: none;
}

.lp__mobile h2 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.19;
  margin-bottom: 15px;
}
.lp__mobile .gs-btn--blue--s--, .lp__mobile fixed-footer .fix-footer__btn--s--, fixed-footer .lp__mobile .fix-footer__btn--s--, .lp__mobile .gs-btn--white, .lp__mobile .gs-btn--red, .lp__mobile .gs-btn--grey, .lp__mobile .gs-btn--instagram {
  font-size: 18px;
  margin-top: 30px;
  padding: 12px 24px;
}
.lp__mobile .lp__mobile-cover {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-position: 50% 0;
  background-image: url(../jpg/cover-2.jpg);
  height: calc(85vh - 53px);
  background-repeat: no-repeat;
  background-size: cover;
}
.lp__mobile .lp__mobile-cover_title {
  color: white;
  padding: 0 10px;
  position: relative;
  top: 26%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lp__mobile .lp__mobile-cover_title .line-1 {
  font-size: 21px;
}
.lp__mobile .lp__mobile-cover_title .line-2 {
  font-family: "bebas-neue";
  font-size: 82px;
  line-height: 0.9;
}
.lp__mobile .lp__mobile-cover_title .line-3 {
  font-size: 22px;
  margin-top: 5px;
  line-height: 26px;
}
@media screen and (max-width: 360px) {
  .lp__mobile .lp__mobile-cover_title .line-1 {
    font-size: 20px;
  }
  .lp__mobile .lp__mobile-cover_title .line-2 {
    font-size: 70px;
  }
  .lp__mobile .lp__mobile-cover_title .line-3 {
    font-size: 20px;
  }
}
.lp__mobile .lp__mobile-cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  align-items: center;
  justify-content: space-around;
}
.lp__mobile .lp__mobile-cover__footer img {
  height: 21px;
  margin-left: 0;
}
.lp__mobile .lp__mobile__next {
  padding: 30px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__next .lp__mobile__next-title {
  padding: 0 20px 30px;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-title .desc {
  color: #666;
  font-size: 16px;
  line-height: 1.4;
  max-width: 300px;
  margin: 0 auto;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card {
  width: calc(50% - 10px);
  display: inline-block;
  margin-bottom: 5px;
  padding: 10vw 5px;
  cursor: pointer;
  vertical-align: top;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title {
  color: #000;
  font-size: 32px;
  font-weight: 800;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title .blue {
  color: #3397d2;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title .card__desc {
  color: #222222;
  font-size: 12px;
  font-weight: 300;
  margin-top: 2px;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__text {
  line-height: 1.1;
  margin-top: 15px;
  color: #000;
  font-size: 3vw;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__text span {
  color: #218ccc;
  font-weight: 800;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__img {
  height: 50px;
}
.lp__mobile .lp__mobile__challenges {
  padding: 30px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__challenges h2 {
  padding: 0 20px;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap {
  position: relative;
  margin: 20px auto 0;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap img {
  width: 100%;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row, .lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row2, .lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row1 {
  position: absolute;
  left: 0;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row1 {
  top: 0;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row2 {
  top: 50%;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-title {
  font-size: 16px;
  color: white;
  display: inline-block;
  width: 50%;
  line-height: 100%;
  text-shadow: 0 2pt 3pt rgba(0, 0, 0, 0.5);
}
.lp__mobile .lp__mobile__comments {
  position: relative;
  padding: 50px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__comments .slick-dots {
  bottom: -63px;
}
.lp__mobile .lp__mobile__comments .slick-dots li {
  margin: 0;
}
.lp__mobile .lp__mobile__comments .slick-dots li button:before {
  font-family: inherit;
  font-size: 30px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes, .lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-right, .lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-left {
  position: absolute;
  width: 32px;
  vertical-align: top;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-left {
  left: 20px;
  top: 20px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-right {
  right: 20px;
  bottom: 20px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment {
  max-width: 220px;
  text-align: left;
  margin: 0 auto;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment .text {
  color: #000000;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment .by {
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}
.lp__mobile .lp__mobile__prizes {
  border-bottom: 2px solid rgb(151, 151, 151);
  padding: 30px 0;
}
.lp__mobile .lp__mobile__prizes img {
  width: 100%;
}
.lp__mobile .lp__mobile__prizes .lp__mobile__sponsors {
  padding: 25px 20px 25px;
}
.lp__mobile .lp__mobile__ready {
  background-image: url(../jpg/footer_image_b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  height: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lp__mobile .lp__mobile__ready h2 {
  color: #fff;
}
.lp__mobile .lp__mobile__ready .gs-btn--blue--s--, .lp__mobile .lp__mobile__ready fixed-footer .fix-footer__btn--s--, fixed-footer .lp__mobile .lp__mobile__ready .fix-footer__btn--s--, .lp__mobile .lp__mobile__ready .gs-btn--white, .lp__mobile .lp__mobile__ready .gs-btn--red, .lp__mobile .lp__mobile__ready .gs-btn--grey, .lp__mobile .lp__mobile__ready .gs-btn--instagram {
  margin-top: 15px;
}

.lp__mobile__header {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  text-align: center;
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
  height: 53px;
  line-height: 53px;
}
.lp__mobile__header .wrap {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
}
.lp__mobile__header .gs-header__logo--s-- {
  line-height: 53px;
  margin-top: -2px;
}
.lp__mobile__header .gs-header__logo--s-- .logo__text {
  font-size: 18px;
}
.lp__mobile__header .gs-header__logo--s-- .logo__icon {
  font-size: 17px;
}
.lp__mobile__header .gs-header__logo--s-- .lp__mobile__header__btn {
  float: right;
  margin-top: 14px;
  font-size: 13px;
  padding: 6px 10px;
  min-width: unset;
}
.lp__mobile__header .lp__mobile__header__btn {
  float: right;
  margin-top: 13px;
}

/* TODO: move to vars */
/*body.home-page {*/
.home-page {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page gs-footer {
  display: block;
  font-size: 12px;
}
.home-page .gs-loader {
  background-color: #f1f1f1;
}
.home-page mobile-header {
  display: none;
}
.home-page mobile-header-empty {
  background-color: rgb(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  .home-page gs-footer {
    padding-bottom: 10px;
  }
}

home-page {
  font-size: 20px;
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  line-height: 1;
}

.home-page__cover {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 68px);
  padding-bottom: 41%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover_wide.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1225px) {
  .home-page__cover {
    background-image: url("../jpg/cover_medium.jpg");
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover {
    padding-bottom: 0;
    background-position: 50% 0;
    background-image: url("../jpg/cover-2.jpg");
    height: calc(100vh - 52px);
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover {
    background-position: 90% 0;
    background-image: url("../jpg/cover-wide.jpg");
  }
}

.home-page__cover__apps {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__apps {
    bottom: 80px;
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__apps {
    bottom: 70px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__apps {
    left: unset;
    right: 50px;
    bottom: 52px;
  }
}

.home-page__app-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/app-store-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__app-store {
    margin-left: 13px;
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__app-store {
    width: 100px;
  }
}

.home-page__google-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/google-play-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__google-store {
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__google-store {
    width: 100px;
  }
}

.home-page__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__video {
    display: none;
  }
}

.home-page__cover__wrap {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__wrap {
    top: 45%;
  }
}

.home-page__cover__title {
  padding-left: 160px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__title .line-1 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 32px;
}
.home-page__cover__title .line-2 {
  letter-spacing: 1px;
  color: #fff;
  font-size: 90px;
  font-family: "bebas-neue";
  line-height: 0.9;
}
.home-page__cover__title .line-3 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 24px;
  line-height: 1.42;
  margin-top: 17px;
}
.home-page__cover__title .cover__btn--s-- {
  display: inline-block;
  margin-top: 65px;
  padding: 14px 34px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #218ccc;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__cover__title .cover__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__title {
    padding-left: 110px;
  }
  .home-page__cover__title .line-1 {
    font-size: 27px;
  }
  .home-page__cover__title .line-3 {
    font-size: 20px;
  }
  .home-page__cover__title .cover__btn--s-- {
    font-size: 20px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__title {
    padding-left: 0;
  }
  .home-page__cover__title .line-1 {
    text-align: center;
  }
  .home-page__cover__title .line-2 {
    text-align: center;
  }
  .home-page__cover__title .line-3 {
    text-align: center;
    margin-top: 10px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__title .line-1 {
    font-size: 22px;
  }
  .home-page__cover__title .line-2 {
    font-size: 55px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 16px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 350px) {
  .home-page__cover__title .line-1 {
    font-size: 20px;
  }
  .home-page__cover__title .line-2 {
    font-size: 45px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 14px;
  }
  .home-page__cover__title .cover__btn--s-- {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__title {
    padding-left: 50px;
  }
  .home-page__cover__title .line-1 {
    text-align: left;
    font-size: 18px;
  }
  .home-page__cover__title .line-2 {
    text-align: left;
    font-size: 78px;
  }
  .home-page__cover__title .line-3 {
    text-align: left;
    font-size: 14px;
    margin-top: 6px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: inline-block;
    margin-top: 33px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

.home-page__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.home-page__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
  .home-page__cover__footer img {
    height: 50px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .home-page__cover__footer img {
    height: 25px;
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__footer img {
    height: 21px;
    margin-left: 0;
  }
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
}

.home-page__motivated {
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.home-page__motivated .motivated__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__motivated .motivated__text {
  max-width: 860px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__motivated .motivated__text span {
  display: block;
}
.home-page__motivated .motivated__awards {
  width: 100%;
  max-width: 1219px;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .home-page__motivated .motivated__awards {
    display: none;
  }
}
.home-page__motivated .motivated__awards--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
}
@media screen and (min-width: 961px) {
  .home-page__motivated .motivated__awards--mobile {
    display: none;
  }
}
.home-page__motivated .motivated__btn--s-- {
  display: none;
  margin: 20px auto 0;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__motivated .motivated__btn--s-- {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__motivated .motivated__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__motivated .motivated__title span {
    font-size: 26px;
  }
  .home-page__motivated .motivated__text {
    margin: 20px auto;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__motivated .motivated__text span {
    display: inline;
  }
}

.home-page__images {
  text-align: center;
  background-color: #ccc;
  font-size: 0;
}

.home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
  display: inline-block;
  width: 33.3333333333%;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
    display: none;
  }
}

.home-page__images__item--1 {
  background-image: url("../jpg/images__01.jpg");
}

.home-page__images__item--2 {
  background-image: url("../jpg/images__02.jpg");
}

.home-page__images__item--3 {
  background-image: url("../jpg/images__03.jpg");
}

.home-page__images__item--4 {
  display: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 90%;
  background-image: url("../jpg/votes-cover.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item--4 {
    display: block;
  }
}

.home-page__votes {
  padding: 50px 5px;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes {
    padding: 25px 10px;
  }
}

.home-page__votes__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__votes__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__votes__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__votes__title span {
    font-size: 26px;
  }
  .home-page__votes__title span:before {
    display: block;
    content: "";
  }
}
@media screen and (max-width: 340px) {
  .home-page__votes__title {
    font-size: 21px;
  }
}

.home-page__votes__text {
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes__text {
    padding: 0 10px;
    font-size: 16px;
  }
}

.home-page__challenges {
  padding-bottom: 60px;
  text-align: center;
  background-color: #eee;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
  padding: 34px 5px;
  text-align: center;
  letter-spacing: 0;
  color: #008ddc;
  font-size: 28px;
}
.home-page__challenges .image {
  height: 210px;
  background-color: #ccc;
  background-image: url("../jpg/challenges.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-page__challenges .title--mobile {
  display: none;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .home-page__challenges {
    padding-bottom: 25px;
    background-color: #fff;
  }
  .home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
    display: none;
  }
  .home-page__challenges .title--mobile {
    display: block;
  }
  .home-page__challenges .image {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 69%;
    background-image: url("../jpg/challenges-2.jpg");
    background-size: cover;
  }
}

.home-page__challenges__btn--s-- {
  display: none;
  margin: 0 auto;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__challenges__btn--s-- {
    display: inline-block;
  }
}

.home-page__insights {
  position: relative;
  padding-bottom: 45%;
  background-color: #ccc;
  background-image: url("../jpg/insights.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__insights .text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
}
.home-page__insights .sub-title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 1285px) {
  .home-page__insights .text {
    top: 15px;
    padding: 0 10px;
    line-height: 1;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    font-size: 24px;
  }
  .home-page__insights .sub-title {
    margin-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .home-page__insights {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 156%;
    background-image: url("../jpg/insights-2.jpg");
  }
  .home-page__insights .text {
    top: 40px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
  .home-page__insights .title span, .home-page__insights .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__insights .title-mobile span {
    display: block;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title span {
    display: block;
  }
}
@media screen and (max-width: 365px) {
  .home-page__insights .text {
    top: 25px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.home-page__prizes {
  padding: 100px 5px 0;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__prizes span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__prizes .image {
  width: 100%;
  max-width: 1821px;
  margin: 60px auto 0;
}
.home-page__prizes .image--mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-page__prizes {
    padding: 25px 0;
  }
  .home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__prizes .title span, .home-page__prizes .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__prizes .title-mobile span {
    font-size: 26px;
  }
  .home-page__prizes .title span:after, .home-page__prizes .challenges .challengeToggle .title-mobile span:after, .challenges .challengeToggle .home-page__prizes .title-mobile span:after {
    display: block;
    content: "";
  }
  .home-page__prizes .image {
    display: none;
  }
  .home-page__prizes .image--mobile {
    display: block;
    max-width: 960px;
  }
}

.home-page__sponsors {
  padding: 50px 70px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__sponsors .image {
  display: block;
  width: 100%;
  max-width: 1776px;
  margin: 0 auto;
}
.home-page__sponsors .image--mobile {
  display: none;
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .home-page__sponsors {
    padding: 30px 5px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
}
@media screen and (max-width: 425px) {
  .home-page__sponsors {
    padding: 1px 10px 25px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 855px;
    margin: 10px auto;
  }
}

.home-page__people-on-expo {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__people-on-expo {
    display: none;
  }
}

.home-page__exhibited {
  position: relative;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited {
    padding: 25px 0 0;
    border-bottom: none;
  }
}

.home-page__exhibited__image {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image {
    display: none;
  }
}

.home-page__exhibited__image--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image--mobile {
    display: block;
    width: 100%;
    max-width: 960px;
  }
}

.home-page__exhibited__text {
  display: inline-block;
  width: 45%;
  max-width: 390px;
  margin-left: 50px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__exhibited__text span {
  letter-spacing: -0.1px;
  color: #008ddc;
  font-size: 40px;
  font-weight: bold;
}
.home-page__exhibited__text .text {
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .home-page__exhibited__text {
    font-size: 24px;
  }
  .home-page__exhibited__text span {
    font-size: 24px;
  }
  .home-page__exhibited__text .text {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__text {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__exhibited__text .text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page__exhibited__text span {
    color: #fff;
    font-size: 24px;
  }
}

.home-page__community {
  padding: 80px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__community {
    padding: 30px 0;
  }
}

.home-page__community__title {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__community__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__community__title {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__community__title span {
    font-size: 24px;
  }
}

.home-page__community__image {
  display: block;
  width: 100%;
  margin-top: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 640px) {
  .home-page__community__image {
    display: none;
  }
}

.home-page__community__image--mobile {
  display: block;
  width: 100%;
  max-width: 957px;
  margin: 30px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 641px) {
  .home-page__community__image--mobile {
    display: none;
  }
}

.home-page__comments {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 80px;
  text-align: center;
  border-bottom: 1px solid #979797;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments {
    padding: 40px 15px;
  }
}

.home-page__comments__item {
  max-width: 300px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__comments__item .comment {
  text-align: left;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.home-page__comments__item .by {
  margin-top: 10px;
  text-align: left;
  color: #4990e2;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1388px) {
  .home-page__comments__item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .home-page__comments__item {
    max-width: 215px;
  }
  .home-page__comments__item .comment {
    font-size: 18px;
  }
  .home-page__comments__item .by {
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) {
  .home-page__comments__item {
    max-width: 190px;
  }
  .home-page__comments__item .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 622px) {
  .home-page__comments__item:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 454px) {
  .home-page__comments__item:nth-child(2) {
    display: none;
  }
}

.home-page__comments__item--quote-left {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-left {
    top: 20px;
    left: 15px;
    width: 30px;
  }
}

.home-page__comments__item--quote-right {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-right {
    right: 20px;
    bottom: 15px;
    width: 30px;
  }
}

.home-page__app {
  padding: 80px 0 0;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app {
    padding: 30px 10px 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__app {
    padding: 25px 0 0;
  }
}

.home-page__app__image {
  display: inline-block;
  width: 385px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app__image {
    display: none;
  }
}

.home-page__app__image--mobile {
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1001px) {
  .home-page__app__image--mobile {
    display: none;
  }
}

.home-page__app__text {
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__app__text span {
  color: #4990e2;
  font-weight: bold;
}
.home-page__app__text .text {
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__app__text .link {
  display: inline-block;
  margin: 60px 10px 0;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.home-page__app__text .link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.home-page__app__text .link img {
  height: 72px;
}
@media screen and (max-width: 1000px) {
  .home-page__app__text {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__app__text .title span, .home-page__app__text .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__app__text .title-mobile span {
    font-size: 26px;
  }
  .home-page__app__text .text {
    margin-top: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__app__text .link {
    display: inline-block;
    margin: 10px;
    text-align: center;
  }
  .home-page__app__text .link img {
    height: 35px;
  }
}

/*body.lpv2 {*/
.lpv2 gs-footer {
  display: block;
  margin-bottom: 86px;
  font-size: 12px;
}
.lpv2 .gs-header__main-menu,
.lpv2 .gs-header--s-- .signin--s-- {
  display: none !important;
}
.lpv2 header {
  display: none;
}

lpv2 {
  display: block;
  width: 100%;
  min-width: 900px;
  min-height: 100vh;
  text-align: center;
  background-color: white;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
lpv2 .lp2-wrapper {
  display: block;
}
lpv2 .lp__mobile {
  display: none;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  lpv2 {
    min-width: unset;
  }
  lpv2 .lp2-wrapper {
    display: none;
  }
  lpv2 .lp__mobile {
    display: block;
    font-size: 20px;
  }
}

.lpv2__header {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 68px;
  cursor: pointer;
  text-align: center;
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
  line-height: 68px;
}
.lpv2__header .wrap {
  height: 100%;
  margin: 0 auto;
  padding: 0 50px;
  text-align: left;
}
.lpv2__header .gs-header__logo--s-- {
  line-height: 68px;
}

.lpv2__header__btn {
  float: right;
  margin-top: 22px;
  font-size: 13px;
  padding: 6px 10px;
  min-width: unset;
}

.lpv2__cover {
  position: relative;
  overflow: hidden;
  height: 41vw;
  min-height: 400px;
  padding: 0 20px;
  background-color: #ccc;
  background-image: url("../jpg/cover-4.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
}
.lpv2__cover .link {
  position: absolute;
  right: 50px;
  bottom: 100px;
  display: inline-block;
  transition: 0.5s ease-in-out;
  border-radius: 1px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.lpv2__cover .link:hover {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.85);
}
.lpv2__cover .link img {
  height: 50px;
}

.lpv2__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .lpv2__cover__video {
    display: none;
  }
}

.lpv2__cover__filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.lpv2__cover__wrap {
  position: absolute;
  top: 35%;
  left: 10vw;
  transform: translateY(-50%);
}

.lpv2__cover__title {
  padding-top: 60px;
  text-align: left;
  color: #ffffff;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
}
.lpv2__cover__title .line-1 {
  letter-spacing: 0;
  font-size: 24px;
  position: relative;
  bottom: -6px;
}
.lpv2__cover__title .line-2 {
  letter-spacing: -1.4px;
  font-size: 89px;
  font-family: "bebas-neue";
}
.lpv2__cover__title .line-3 {
  margin-top: 12px;
  letter-spacing: -0.5px;
  font-size: 26px;
  line-height: 1.25;
}

.lpv2__cover__action {
  margin-top: 50px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lpv2__cover__action .cover__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.lpv2__cover__action .cover__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}
.lpv2__cover__action .cover__title {
  letter-spacing: -0.5px;
  color: #ffffff;
  font-size: 26px;
  line-height: 2.19;
  text-align: left;
}
@media screen and (max-width: 1158px) {
  .lpv2__cover__action {
    margin-top: 50px;
  }
}

.lpv2__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lpv2__cover__footer .title, .lpv2__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .lpv2__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.lpv2__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1158px) {
  .lpv2__cover__footer {
    display: none;
  }
}

.lpv2__next {
  padding: 60px 20px;
}
.lpv2__next h2 {
  letter-spacing: -1px;
  color: #222222;
  font-size: 42px;
  font-weight: 400;
  line-height: 1.19;
}
.lpv2__next .desc {
  margin-top: 20px;
  letter-spacing: -0.4px;
  color: #222222;
  font-size: 22px;
  line-height: 1.5;
}

.lpv2__next-cards {
  max-width: 1290px;
  margin: 60px auto 0;
}

.lpv2__next-card {
  display: inline-block;
  width: calc(33.3333333333% - 10px);
  margin: 5px;
  padding: 40px 20px;
  cursor: pointer;
  vertical-align: top;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.lpv2__next-card__img {
  height: 77px;
}

.lpv2__next-card__title {
  height: 77px;
  letter-spacing: -1.1px;
  color: #222222;
  font-size: 55px;
  font-weight: 800;
  line-height: 1;
}
.lpv2__next-card__title .blue {
  color: #3397d2;
}
.lpv2__next-card__title .card__desc {
  letter-spacing: -1.2px;
  color: #222222;
  font-size: 20.3px;
  font-weight: 300;
  line-height: 1;
}

.lpv2__next-card__text {
  min-height: 46px;
  margin-top: 15px;
  letter-spacing: -0.5px;
  color: #222222;
  font-size: 22px;
  line-height: 1.08;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lpv2__next-card__text span {
  color: #218ccc;
  font-weight: 800;
}
@media screen and (max-width: 1460px) {
  .lpv2__next-card__text {
    font-size: 18px;
    line-height: 1.3;
  }
}

.lpv2__next__btn {
  display: inline-block;
  margin-top: 60px;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.lpv2__next__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.lpv2__challenges {
  padding: 60px 0 80px 0;
  background-color: #eaeaea;
}
.lpv2__challenges h2 {
  letter-spacing: -1px;
  color: #222222;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.19;
}
.lpv2__challenges .desc {
  max-width: 568px;
  margin: auto;
  margin-top: 20px;
  letter-spacing: -0.4px;
  color: #222222;
  font-size: 18px;
  line-height: 1.44;
}
.lpv2__challenges img {
  width: 100%;
  max-width: 1920px;
  margin: 60px auto;
}

.lpv2__challenges__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.lpv2__challenges__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.lpv2__rewards {
  padding-bottom: 80px;
  background-color: #eaeaea;
}

.lpv2__rewards-quotes {
  display: inline-block;
  width: 44px;
  margin-top: 5px;
  vertical-align: top;
}

.lpv2__challenges__comments {
  max-width: 1500px;
  margin: auto;
}

.lpv2__challenges__comment {
  display: inline-block;
  width: calc(25% - 10px);
  max-width: 275px;
  min-height: 150px;
  margin: 5px;
  padding: 0 40px;
  text-align: left;
  vertical-align: top;
}
.lpv2__challenges__comment .icon-five-stars {
  color: #3397d2;
  font-size: 14px;
}
.lpv2__challenges__comment .text {
  margin: 10px 0;
  letter-spacing: -0.5px;
  color: #000000;
  font-size: 18px;
  line-height: 1.38;
}
.lpv2__challenges__comment .by {
  letter-spacing: -0.4px;
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
}

.lpv2__show {
  position: relative;
  text-align: center;
  background-color: #ccc;
  background-image: url(../jpg/show_cover-2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  height: 614px;
}

.lpv2__show__wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lpv2__show__title {
  letter-spacing: -1px;
  color: #ffffff;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
  font-size: 38px;
  line-height: 1.19;
}

.lpv2__show__btn {
  display: inline-block;
  margin-top: 35px;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.lpv2__show__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.lpv2__end-space {
  height: 79px;
}

.lpMobile gs-footer {
  display: block;
  margin-bottom: 86px;
  font-size: 12px;
}
.lpMobile .gs-header__main-menu,
.lpMobile .gs-header--s-- .signin--s-- {
  display: none !important;
}
.lpMobile header {
  display: none;
}
.lpMobile mobile-header {
  display: none;
}

.lp__mobile h2 {
  color: #000;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.19;
  margin-bottom: 15px;
}
.lp__mobile .gs-btn--blue--s--, .lp__mobile fixed-footer .fix-footer__btn--s--, fixed-footer .lp__mobile .fix-footer__btn--s--, .lp__mobile .gs-btn--white, .lp__mobile .gs-btn--red, .lp__mobile .gs-btn--grey, .lp__mobile .gs-btn--instagram {
  font-size: 18px;
  margin-top: 30px;
  padding: 12px 24px;
}
.lp__mobile .lp__mobile-cover {
  position: relative;
  overflow: hidden;
  text-align: center;
  background-position: 50% 0;
  background-image: url(../jpg/cover-2.jpg);
  height: calc(85vh - 53px);
  background-repeat: no-repeat;
  background-size: cover;
}
.lp__mobile .lp__mobile-cover_title {
  color: white;
  padding: 0 10px;
  position: relative;
  top: 26%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.lp__mobile .lp__mobile-cover_title .line-1 {
  font-size: 21px;
}
.lp__mobile .lp__mobile-cover_title .line-2 {
  font-family: "bebas-neue";
  font-size: 82px;
  line-height: 0.9;
}
.lp__mobile .lp__mobile-cover_title .line-3 {
  font-size: 22px;
  margin-top: 5px;
  line-height: 26px;
}
@media screen and (max-width: 360px) {
  .lp__mobile .lp__mobile-cover_title .line-1 {
    font-size: 20px;
  }
  .lp__mobile .lp__mobile-cover_title .line-2 {
    font-size: 60px;
  }
  .lp__mobile .lp__mobile-cover_title .line-3 {
    font-size: 17px;
  }
}
.lp__mobile .lp__mobile-cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  align-items: center;
  justify-content: space-around;
}
.lp__mobile .lp__mobile-cover__footer img {
  height: 21px;
  margin-left: 0;
}
.lp__mobile .lp__mobile__next {
  padding: 30px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__next .lp__mobile__next-title {
  padding: 0 20px 30px;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-title .desc {
  color: #666;
  font-size: 16px;
  line-height: 1.4;
  max-width: 300px;
  margin: 0 auto;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card {
  width: calc(50% - 10px);
  display: inline-block;
  margin-bottom: 5px;
  padding: 10vw 5px;
  cursor: pointer;
  vertical-align: top;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title {
  color: #000;
  font-size: 32px;
  font-weight: 800;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title .blue {
  color: #3397d2;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__title .card__desc {
  color: #222222;
  font-size: 12px;
  font-weight: 300;
  margin-top: 2px;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__text {
  line-height: 1.1;
  margin-top: 15px;
  color: #000;
  font-size: 3vw;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__text span {
  color: #218ccc;
  font-weight: 800;
}
.lp__mobile .lp__mobile__next .lp__mobile__next-card__img {
  height: 50px;
}
.lp__mobile .lp__mobile__challenges {
  padding: 30px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__challenges h2 {
  padding: 0 20px;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap {
  position: relative;
  margin: 20px auto 0;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap img {
  width: 100%;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row, .lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row1, .lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row2 {
  position: absolute;
  left: 0;
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row1 {
  top: 0;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-row2 {
  top: 50%;
}
.lp__mobile .lp__mobile__challenges .lp__mobile__challenges-wrap .lp__mobile__challenges-title {
  font-size: 16px;
  color: white;
  display: inline-block;
  width: 50%;
  line-height: 100%;
  text-shadow: 0 2pt 3pt rgba(0, 0, 0, 0.5);
}
.lp__mobile .lp__mobile__comments {
  position: relative;
  padding: 50px 0;
  border-bottom: 2px solid rgb(151, 151, 151);
}
.lp__mobile .lp__mobile__comments .slick-dots {
  bottom: -63px;
}
.lp__mobile .lp__mobile__comments .slick-dots li {
  margin: 0;
}
.lp__mobile .lp__mobile__comments .slick-dots li button:before {
  font-family: inherit;
  font-size: 30px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes, .lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-left, .lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-right {
  position: absolute;
  width: 32px;
  vertical-align: top;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-left {
  left: 20px;
  top: 20px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comments-quotes-right {
  right: 20px;
  bottom: 20px;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment {
  max-width: 220px;
  text-align: left;
  margin: 0 auto;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment .text {
  color: #000000;
  font-size: 18px;
  line-height: 1.6;
  font-weight: 600;
}
.lp__mobile .lp__mobile__comments .lp__mobile__comment .by {
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}
.lp__mobile .lp__mobile__prizes {
  border-bottom: 2px solid rgb(151, 151, 151);
  padding: 30px 0;
}
.lp__mobile .lp__mobile__prizes img {
  width: 100%;
}
.lp__mobile .lp__mobile__prizes .lp__mobile__sponsors {
  padding: 25px 20px 25px;
}
.lp__mobile .lp__mobile__ready {
  background-image: url(../jpg/footer_image_b.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0;
  height: 330px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.lp__mobile .lp__mobile__ready h2 {
  color: #fff;
}
.lp__mobile .lp__mobile__ready .gs-btn--blue--s--, .lp__mobile .lp__mobile__ready fixed-footer .fix-footer__btn--s--, fixed-footer .lp__mobile .lp__mobile__ready .fix-footer__btn--s--, .lp__mobile .lp__mobile__ready .gs-btn--white, .lp__mobile .lp__mobile__ready .gs-btn--red, .lp__mobile .lp__mobile__ready .gs-btn--grey, .lp__mobile .lp__mobile__ready .gs-btn--instagram {
  margin-top: 15px;
}

.lp__mobile__header {
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  cursor: pointer;
  text-align: center;
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
  height: 53px;
  line-height: 53px;
}
.lp__mobile__header .wrap {
  max-width: 1600px;
  height: 100%;
  margin: 0 auto;
  padding: 0 15px;
  text-align: left;
}
.lp__mobile__header .gs-header__logo--s-- {
  line-height: 53px;
  margin-top: -2px;
}
.lp__mobile__header .gs-header__logo--s-- .logo__text {
  font-size: 18px;
}
.lp__mobile__header .gs-header__logo--s-- .logo__icon {
  font-size: 17px;
}
.lp__mobile__header .lp__mobile__header__btn {
  float: right;
  margin-top: 14px;
  font-size: 13px;
  padding: 6px 10px;
  min-width: unset;
}

/* TODO: move to vars */
/*body.home-page {*/
.home-page {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page gs-footer {
  display: block;
  font-size: 12px;
}
.home-page .gs-loader {
  background-color: #f1f1f1;
}
.home-page mobile-header {
  display: none;
}
.home-page mobile-header-empty {
  background-color: rgb(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  .home-page gs-footer {
    padding-bottom: 10px;
  }
}

home-page {
  font-size: 20px;
  display: block;
  min-height: 100vh;
  background-color: #f1f1f1;
  line-height: 1;
}

.home-page__cover {
  position: relative;
  overflow: hidden;
  height: calc(100vh - 68px);
  padding-bottom: 41%;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/cover_wide.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1225px) {
  .home-page__cover {
    background-image: url("../jpg/cover_medium.jpg");
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover {
    padding-bottom: 0;
    background-position: 50% 0;
    background-image: url("../jpg/cover-2.jpg");
    height: calc(100vh - 52px);
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover {
    background-position: 90% 0;
    background-image: url("../jpg/cover-wide.jpg");
  }
}

.home-page__cover__apps {
  position: absolute;
  right: 50px;
  bottom: 100px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__apps {
    bottom: 80px;
    right: 0;
    left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__apps {
    bottom: 70px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__apps {
    left: unset;
    right: 50px;
    bottom: 52px;
  }
}

.home-page__app-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  margin-left: 20px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/app-store-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__app-store {
    margin-left: 13px;
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__app-store {
    width: 100px;
  }
}

.home-page__google-store {
  display: inline-block;
  width: 125px;
  height: 50px;
  vertical-align: middle;
  border-radius: 1px;
  background-image: url("../svg/google-play-btn.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  box-shadow: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__google-store {
    width: 100px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__google-store {
    width: 100px;
  }
}

.home-page__cover__video {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__cover__video {
    display: none;
  }
}

.home-page__cover__wrap {
  position: absolute;
  top: 48%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__wrap {
    top: 45%;
  }
}

.home-page__cover__title {
  padding-left: 160px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__title .line-1 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 32px;
}
.home-page__cover__title .line-2 {
  letter-spacing: 1px;
  color: #fff;
  font-size: 90px;
  font-family: "bebas-neue";
  line-height: 0.9;
}
.home-page__cover__title .line-3 {
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 24px;
  line-height: 1.42;
  margin-top: 17px;
}
.home-page__cover__title .cover__btn--s-- {
  display: inline-block;
  margin-top: 65px;
  padding: 14px 34px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  border-radius: 8px;
  background-color: #218ccc;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__cover__title .cover__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__title {
    padding-left: 110px;
  }
  .home-page__cover__title .line-1 {
    font-size: 27px;
  }
  .home-page__cover__title .line-3 {
    font-size: 20px;
  }
  .home-page__cover__title .cover__btn--s-- {
    font-size: 20px;
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__title {
    padding-left: 0;
  }
  .home-page__cover__title .line-1 {
    text-align: center;
  }
  .home-page__cover__title .line-2 {
    text-align: center;
  }
  .home-page__cover__title .line-3 {
    text-align: center;
    margin-top: 10px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__title .line-1 {
    font-size: 22px;
  }
  .home-page__cover__title .line-2 {
    font-size: 55px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 16px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
  }
}
@media screen and (max-width: 350px) {
  .home-page__cover__title .line-1 {
    font-size: 20px;
  }
  .home-page__cover__title .line-2 {
    font-size: 45px;
  }
  .home-page__cover__title .line-3 {
    margin-top: 6px;
    font-size: 14px;
  }
  .home-page__cover__title .cover__btn--s-- {
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 35px;
  }
}
@media (max-width: 900px) and (orientation: landscape) {
  .home-page__cover__title {
    padding-left: 50px;
  }
  .home-page__cover__title .line-1 {
    text-align: left;
    font-size: 18px;
  }
  .home-page__cover__title .line-2 {
    text-align: left;
    font-size: 78px;
  }
  .home-page__cover__title .line-3 {
    text-align: left;
    font-size: 14px;
    margin-top: 6px;
  }
  .home-page__cover__title .cover__btn--s-- {
    display: inline-block;
    margin-top: 33px;
    font-size: 15px;
    padding: 12px 20px;
  }
}

.home-page__cover__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.home-page__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}
@media screen and (max-width: 1225px) {
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
  .home-page__cover__footer img {
    height: 50px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__cover__footer {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }
  .home-page__cover__footer img {
    height: 25px;
    margin-left: 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__cover__footer img {
    height: 21px;
    margin-left: 0;
  }
  .home-page__cover__footer .title, .home-page__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__cover__footer .title-mobile {
    display: none;
  }
}

.home-page__motivated {
  padding: 25px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
}
.home-page__motivated .motivated__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__motivated .motivated__text {
  max-width: 860px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__motivated .motivated__text span {
  display: block;
}
.home-page__motivated .motivated__awards {
  width: 100%;
  max-width: 1219px;
  margin: 10px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 960px) {
  .home-page__motivated .motivated__awards {
    display: none;
  }
}
.home-page__motivated .motivated__awards--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
}
@media screen and (min-width: 961px) {
  .home-page__motivated .motivated__awards--mobile {
    display: none;
  }
}
.home-page__motivated .motivated__btn--s-- {
  display: none;
  margin: 20px auto 0;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__motivated .motivated__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__motivated .motivated__btn--s-- {
    display: inline-block;
  }
}
@media screen and (max-width: 1000px) {
  .home-page__motivated .motivated__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__motivated .motivated__title span {
    font-size: 26px;
  }
  .home-page__motivated .motivated__text {
    margin: 20px auto;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__motivated .motivated__text span {
    display: inline;
  }
}

.home-page__images {
  text-align: center;
  background-color: #ccc;
  font-size: 0;
}

.home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
  display: inline-block;
  width: 33.3333333333%;
  padding-bottom: 20%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item, .home-page__images__item--1, .home-page__images__item--2, .home-page__images__item--3 {
    display: none;
  }
}

.home-page__images__item--1 {
  background-image: url("../jpg/images__01.jpg");
}

.home-page__images__item--2 {
  background-image: url("../jpg/images__02.jpg");
}

.home-page__images__item--3 {
  background-image: url("../jpg/images__03.jpg");
}

.home-page__images__item--4 {
  display: none;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding-bottom: 90%;
  background-image: url("../jpg/votes-cover.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__images__item--4 {
    display: block;
  }
}

.home-page__votes {
  padding: 50px 5px;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes {
    padding: 25px 10px;
  }
}

.home-page__votes__title {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__votes__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__votes__title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__votes__title span {
    font-size: 26px;
  }
  .home-page__votes__title span:before {
    display: block;
    content: "";
  }
}
@media screen and (max-width: 340px) {
  .home-page__votes__title {
    font-size: 21px;
  }
}

.home-page__votes__text {
  max-width: 850px;
  margin: 20px auto;
  text-align: center;
  letter-spacing: 0;
  color: #666;
  font-size: 26px;
  font-weight: 300;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__votes__text {
    padding: 0 10px;
    font-size: 16px;
  }
}

.home-page__challenges {
  padding-bottom: 60px;
  text-align: center;
  background-color: #eee;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
  padding: 34px 5px;
  text-align: center;
  letter-spacing: 0;
  color: #008ddc;
  font-size: 28px;
}
.home-page__challenges .image {
  height: 210px;
  background-color: #ccc;
  background-image: url("../jpg/challenges.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.home-page__challenges .title--mobile {
  display: none;
  margin: 20px auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 22px;
  font-weight: 600;
}
@media screen and (max-width: 425px) {
  .home-page__challenges {
    padding-bottom: 25px;
    background-color: #fff;
  }
  .home-page__challenges .title, .home-page__challenges .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__challenges .title-mobile {
    display: none;
  }
  .home-page__challenges .title--mobile {
    display: block;
  }
  .home-page__challenges .image {
    max-width: 960px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 69%;
    background-image: url("../jpg/challenges-2.jpg");
    background-size: cover;
  }
}

.home-page__challenges__btn--s-- {
  display: none;
  margin: 0 auto;
  padding: 8px 24px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__challenges__btn--s--:hover {
  text-decoration: none;
  color: #218ccc;
  background-color: #fff;
}
@media screen and (max-width: 425px) {
  .home-page__challenges__btn--s-- {
    display: inline-block;
  }
}

.home-page__insights {
  position: relative;
  padding-bottom: 45%;
  background-color: #ccc;
  background-image: url("../jpg/insights.jpg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__insights .text {
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
}
.home-page__insights .sub-title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 1285px) {
  .home-page__insights .text {
    top: 15px;
    padding: 0 10px;
    line-height: 1;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    font-size: 24px;
  }
  .home-page__insights .sub-title {
    margin-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 620px) {
  .home-page__insights {
    max-width: 640px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 156%;
    background-image: url("../jpg/insights-2.jpg");
  }
  .home-page__insights .text {
    top: 40px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 26px;
    line-height: 1.3;
  }
  .home-page__insights .title span, .home-page__insights .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__insights .title-mobile span {
    display: block;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title span {
    display: block;
  }
}
@media screen and (max-width: 365px) {
  .home-page__insights .text {
    top: 25px;
  }
  .home-page__insights .title, .home-page__insights .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__insights .title-mobile {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__insights .sub-title {
    margin-top: 15px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 1.3;
  }
}

.home-page__prizes {
  padding: 100px 5px 0;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__prizes span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
.home-page__prizes .image {
  width: 100%;
  max-width: 1821px;
  margin: 60px auto 0;
}
.home-page__prizes .image--mobile {
  display: none;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .home-page__prizes {
    padding: 25px 0;
  }
  .home-page__prizes .title, .home-page__prizes .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__prizes .title-mobile {
    padding: 0 10px;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__prizes .title span, .home-page__prizes .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__prizes .title-mobile span {
    font-size: 26px;
  }
  .home-page__prizes .title span:after, .home-page__prizes .challenges .challengeToggle .title-mobile span:after, .challenges .challengeToggle .home-page__prizes .title-mobile span:after {
    display: block;
    content: "";
  }
  .home-page__prizes .image {
    display: none;
  }
  .home-page__prizes .image--mobile {
    display: block;
    max-width: 960px;
  }
}

.home-page__sponsors {
  padding: 50px 70px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__sponsors .image {
  display: block;
  width: 100%;
  max-width: 1776px;
  margin: 0 auto;
}
.home-page__sponsors .image--mobile {
  display: none;
  width: calc(100% - 20px);
  margin: 0 auto;
}
@media screen and (max-width: 1000px) {
  .home-page__sponsors {
    padding: 30px 5px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 568px;
    margin: 20px auto;
  }
}
@media screen and (max-width: 425px) {
  .home-page__sponsors {
    padding: 1px 10px 25px;
  }
  .home-page__sponsors .image {
    display: none;
  }
  .home-page__sponsors .image--mobile {
    display: block;
    max-width: 855px;
    margin: 10px auto;
  }
}

.home-page__people-on-expo {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .home-page__people-on-expo {
    display: none;
  }
}

.home-page__exhibited {
  position: relative;
  padding: 30px 0;
  text-align: center;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited {
    padding: 25px 0 0;
    border-bottom: none;
  }
}

.home-page__exhibited__image {
  display: inline-block;
  width: 45%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image {
    display: none;
  }
}

.home-page__exhibited__image--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__image--mobile {
    display: block;
    width: 100%;
    max-width: 960px;
  }
}

.home-page__exhibited__text {
  display: inline-block;
  width: 45%;
  max-width: 390px;
  margin-left: 50px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__exhibited__text span {
  letter-spacing: -0.1px;
  color: #008ddc;
  font-size: 40px;
  font-weight: bold;
}
.home-page__exhibited__text .text {
  margin-top: 10px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.6;
}
@media screen and (max-width: 768px) {
  .home-page__exhibited__text {
    font-size: 24px;
  }
  .home-page__exhibited__text span {
    font-size: 24px;
  }
  .home-page__exhibited__text .text {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 560px) {
  .home-page__exhibited__text {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    margin: 0 auto;
    margin-top: 30px;
    padding: 10px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__exhibited__text .text {
    margin-top: 20px;
    padding: 0 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
  }
  .home-page__exhibited__text span {
    color: #fff;
    font-size: 24px;
  }
}

.home-page__community {
  padding: 80px 0;
  text-align: center;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__community {
    padding: 30px 0;
  }
}

.home-page__community__title {
  max-width: 940px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__community__title span {
  color: #008ddc;
  font-size: 46px;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  .home-page__community__title {
    padding: 0 10px;
    font-size: 22px;
    line-height: 1.3;
  }
  .home-page__community__title span {
    font-size: 24px;
  }
}

.home-page__community__image {
  display: block;
  width: 100%;
  margin-top: 80px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 640px) {
  .home-page__community__image {
    display: none;
  }
}

.home-page__community__image--mobile {
  display: block;
  width: 100%;
  max-width: 957px;
  margin: 30px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 641px) {
  .home-page__community__image--mobile {
    display: none;
  }
}

.home-page__comments {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 80px;
  text-align: center;
  border-bottom: 1px solid #979797;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments {
    padding: 40px 15px;
  }
}

.home-page__comments__item {
  max-width: 300px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__comments__item .comment {
  text-align: left;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.6;
}
.home-page__comments__item .by {
  margin-top: 10px;
  text-align: left;
  color: #4990e2;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1388px) {
  .home-page__comments__item:nth-child(4) {
    display: none;
  }
}
@media screen and (max-width: 1079px) {
  .home-page__comments__item {
    max-width: 215px;
  }
  .home-page__comments__item .comment {
    font-size: 18px;
  }
  .home-page__comments__item .by {
    font-size: 12px;
  }
}
@media screen and (max-width: 830px) {
  .home-page__comments__item {
    max-width: 190px;
  }
  .home-page__comments__item .comment {
    font-size: 16px;
  }
}
@media screen and (max-width: 622px) {
  .home-page__comments__item:nth-child(3) {
    display: none;
  }
}
@media screen and (max-width: 454px) {
  .home-page__comments__item:nth-child(2) {
    display: none;
  }
}

.home-page__comments__item--quote-left {
  position: absolute;
  top: 30px;
  left: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-left {
    top: 20px;
    left: 15px;
    width: 30px;
  }
}

.home-page__comments__item--quote-right {
  position: absolute;
  right: 30px;
  bottom: 30px;
  display: block;
  width: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 830px) {
  .home-page__comments__item--quote-right {
    right: 20px;
    bottom: 15px;
    width: 30px;
  }
}

.home-page__app {
  padding: 80px 0 0;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app {
    padding: 30px 10px 0;
  }
}
@media screen and (max-width: 425px) {
  .home-page__app {
    padding: 25px 0 0;
  }
}

.home-page__app__image {
  display: inline-block;
  width: 385px;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .home-page__app__image {
    display: none;
  }
}

.home-page__app__image--mobile {
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1001px) {
  .home-page__app__image--mobile {
    display: none;
  }
}

.home-page__app__text {
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  text-align: left;
  vertical-align: middle;
  color: #000;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 38px;
  font-weight: 600;
  line-height: 1.3;
}
.home-page__app__text span {
  color: #4990e2;
  font-weight: bold;
}
.home-page__app__text .text {
  margin-top: 20px;
  text-align: left;
  letter-spacing: 0;
  color: #000;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.6;
}
.home-page__app__text .link {
  display: inline-block;
  margin: 60px 10px 0;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.home-page__app__text .link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.home-page__app__text .link img {
  height: 72px;
}
@media screen and (max-width: 1000px) {
  .home-page__app__text {
    display: block;
    width: 100%;
    margin: 10px auto;
    text-align: center;
  }
  .home-page__app__text .title, .home-page__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .home-page__app__text .title-mobile {
    padding: 0 10px;
    text-align: center;
    font-size: 24px;
    line-height: 1.3;
  }
  .home-page__app__text .title span, .home-page__app__text .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .home-page__app__text .title-mobile span {
    font-size: 26px;
  }
  .home-page__app__text .text {
    margin-top: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
  }
  .home-page__app__text .link {
    display: inline-block;
    margin: 10px;
    text-align: center;
  }
  .home-page__app__text .link img {
    height: 35px;
  }
}

/*body.photoContest {*/
.photoContest {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .photoContest .photo-contest__fix-footer {
    bottom: 44px;
  }
}
@media screen and (max-width: 961px) {
  .photoContest .photo-contest__fix-footer {
    display: none;
  }
}
.photoContest gs-footer {
  display: block;
  margin-bottom: 86px;
  font-size: 12px;
}

photo-contest {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 78px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 1248px) {
  photo-contest .photo-contest__fix-footer__text {
    display: none;
  }
}
@media screen and (max-width: 1200px) {
  photo-contest h2 {
    font-size: 18px;
  }
  photo-contest p {
    font-size: 14px;
  }
}
photo-contest .gs-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
}
photo-contest h2 {
  margin-bottom: 20px;
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.3;
}
photo-contest h2 span {
  color: #218ccc;
}
photo-contest p {
  margin-top: 10px;
  padding: 0;
  text-align: left;
  letter-spacing: 0;
  color: #666;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
}

.photo-contest__cover {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: relative;
  height: 700px;
  padding: 0 20px;
  text-align: center;
  background-color: #ccc;
  background-image: url("../jpg/josh-calabrese-236920-unsplash.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .photo-contest__cover {
    height: 509px;
    background-image: url("../jpg/m_josh-calabrese-236920-unsplash.jpg");
  }
}
.photo-contest__cover .link {
  position: absolute;
  right: 50px;
  bottom: 100px;
  display: inline-block;
  transition: 0.5s ease-in-out;
  border-radius: 1px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
.photo-contest__cover .link:hover {
  box-shadow: 0 0 0 2px rgba(204, 204, 204, 0.85);
}
.photo-contest__cover .link img {
  height: 50px;
}

.photo-contest__cover__wrap {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
}

.photo-contest__cover__title {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  text-align: center;
  color: #fff;
  text-shadow: 0 0 40px rgba(0, 0, 0, 0.35);
}
@media screen and (max-width: 768px) {
  .photo-contest__cover__title .line-1 {
    font-size: 18px;
  }
  .photo-contest__cover__title .line-2 {
    font-size: 36px;
  }
}
.photo-contest__cover__title .line-1 {
  letter-spacing: 0;
  font-size: 30px;
  font-weight: 300;
}
.photo-contest__cover__title .line-2 {
  letter-spacing: -1.4px;
  font-size: 69px;
  font-weight: 700;
}
.photo-contest__cover__title .line-3 {
  letter-spacing: -0.5px;
  font-size: 26px;
  line-height: 2.19;
}

.photo-contest__cover__action {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  margin-top: 20px;
}
@media screen and (max-width: 1158px) {
  .photo-contest__cover__action {
    margin-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .photo-contest__cover__action {
    margin-top: 5px;
  }
  .photo-contest__cover__action .cover__btn {
    padding: 6px 12px;
    font-size: 14px;
  }
  .photo-contest__cover__action .cover__title {
    margin-top: 10px;
    font-size: 12px;
  }
}
.photo-contest__cover__action .cover__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.photo-contest__cover__action .cover__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}
.photo-contest__cover__action .cover__title {
  margin-top: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  font-size: 18px;
}

.photo-contest__cover__footer {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 5px;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.5);
  line-height: 1;
}
@media screen and (max-width: 1158px) {
  .photo-contest__cover__footer {
    display: none;
  }
}
.photo-contest__cover__footer .title, .photo-contest__cover__footer .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-contest__cover__footer .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-style: italic;
}
.photo-contest__cover__footer img {
  display: inline-block;
  height: 50px;
  margin-left: 70px;
  vertical-align: middle;
  opacity: 0.9;
}

.photo-contest__line-item, .photo-contest__line-item--right, .photo-contest__line-item--left {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .photo-contest__line-item, .photo-contest__line-item--right, .photo-contest__line-item--left {
    display: block;
    width: 100%;
  }
}

.photo-contest__line-item--left {
  text-align: left;
}

.photo-contest__line-item--right {
  text-align: right;
}

.photo-contest__awards {
  display: block;
  width: 100%;
  padding: 25px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}

.photo-contest__awards__text {
  display: inline-block;
  max-width: 550px;
  vertical-align: middle;
  line-height: 1.3;
}

.photo-contest__awards__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 80%;
  max-width: 1626px;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .photo-contest__awards__image {
    width: 100%;
    margin-top: 20px;
  }
}

.photo-contest__feedback {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__feedback {
    padding: 10px;
  }
}

.photo-contest__feedback__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  height: 350px;
}
@media screen and (max-width: 1200px) {
  .photo-contest__feedback__image {
    width: 100%;
    height: auto;
  }
}

.photo-contest__feedback__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  max-width: 450px;
  margin-left: 100px;
  vertical-align: middle;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .photo-contest__feedback__text {
    display: block;
    width: 100%;
    margin: 30px auto;
  }
}

.photo-contest__challenge {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__challenge {
    padding: 25px 10px;
  }
  .photo-contest__challenge .photo-contest__line-item--right {
    display: block;
  }
}
.photo-contest__challenge .photo-contest__line-item--right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.photo-contest__challenge__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  max-width: 500px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .photo-contest__challenge__text {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
}

.photo-contest__challenge__btn {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  margin-top: 30px;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 5px;
  background-color: #228ec7;
  box-shadow: 0 0 4.8px 0.2px rgba(0, 0, 0, 0.45);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .photo-contest__challenge__btn {
    padding: 6px 12px;
    font-size: 12px;
  }
}
.photo-contest__challenge__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}

.photo-contest__challenge__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .photo-contest__challenge__image {
    margin-top: 25px;
  }
}

.photo-contest__gaming {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__gaming {
    padding: 25px 10px;
  }
}

.photo-contest__gaming__text {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
}
.photo-contest__gaming__text h2 {
  text-align: center;
}
.photo-contest__gaming__text > p {
  text-align: center;
}

.photo-contest__gaming__items {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  margin: 50px auto;
  text-align: center;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__gaming__items {
    margin: 25px auto;
  }
}

.photo-contest__gaming__item {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  max-width: 300px;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .photo-contest__gaming__item {
    display: block;
    margin: 0 auto;
  }
  .photo-contest__gaming__item + .photo-contest__gaming__item {
    margin-top: 40px;
    margin-left: auto;
  }
}
.photo-contest__gaming__item + .photo-contest__gaming__item {
  margin-left: 100px;
}
.photo-contest__gaming__item > img {
  height: 92px;
}
.photo-contest__gaming__item h3 {
  margin: 15px auto;
  text-align: center;
  letter-spacing: 0;
  color: #000;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}
.photo-contest__gaming__item > p {
  font-size: 14px;
}

.photo-contest__prizes {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__prizes {
    padding: 25px 10px;
  }
}
.photo-contest__prizes > img {
  width: 100%;
  max-width: 1776px;
  margin: 10px auto;
}

.photo-contest__prizes__text {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
}
.photo-contest__prizes__text h2 {
  text-align: center;
}
.photo-contest__prizes__text > p {
  text-align: center;
}

.photo-contest__exhibition {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 50px 0 0;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__exhibition {
    padding: 25px 10px;
  }
}
.photo-contest__exhibition .photo-contest__line-item--left {
  vertical-align: top;
}

.photo-contest__exhibition__image {
  width: 100%;
}

.photo-contest__exhibition__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  max-width: 680px;
  margin-bottom: 50px;
  padding-left: 50px;
  text-align: left;
  vertical-align: top;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .photo-contest__exhibition__text {
    display: block;
    margin: 10px auto;
    padding-left: 0;
    text-align: center;
  }
}

.photo-contest__community {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__community {
    padding: 25px 10px;
  }
}

.photo-contest__community__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  margin: 0 auto;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 1200px) {
  .photo-contest__community__text > img {
    display: inline-block;
    width: 100%;
    max-width: 1920px;
    margin: 10px auto;
  }
}
.photo-contest__community__text > img {
  display: inline-block;
  width: 100%;
  max-width: 1920px;
  margin: 50px auto;
}
.photo-contest__community__text h2 {
  text-align: center;
}
.photo-contest__community__text > p {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
}

.photo-contest__app {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  padding: 80px 0 0;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__app {
    padding: 30px 10px 0;
  }
}

.photo-contest__app__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 385px;
  vertical-align: top;
}
@media screen and (max-width: 1000px) {
  .photo-contest__app__image {
    display: none;
  }
}

.photo-contest__app__image--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: calc(100% - 70px);
  max-width: 494px;
  margin: 0 auto;
}
@media screen and (min-width: 1001px) {
  .photo-contest__app__image--mobile {
    display: none;
  }
}

.photo-contest__app__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  max-width: 544px;
  margin-left: 80px;
  padding-top: 70px;
  text-align: left;
  vertical-align: top;
  color: #000;
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .photo-contest__app__text {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    text-align: center;
  }
}
.photo-contest__app__text .title, .photo-contest__app__text .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-contest__app__text .title-mobile {
  text-align: left;
  letter-spacing: -0.1px;
  color: #000;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.3;
}

.photo-contest__app__link {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  margin-top: 60px;
  transition: 0.5s ease-in-out;
  border-radius: 8px;
  box-shadow: none;
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .photo-contest__app__link {
    margin: 30px auto;
  }
  .photo-contest__app__link + .photo-contest__app__link {
    margin-top: 0;
    margin-left: auto;
  }
}
.photo-contest__app__link + .photo-contest__app__link {
  margin-left: 20px;
}
.photo-contest__app__link:hover {
  box-shadow: 0 0 0 7px rgba(204, 204, 204, 0.85);
}
.photo-contest__app__link img {
  height: 62px;
}

.photo-contest__benefits {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__benefits {
    padding: 25px 10px;
  }
}
.photo-contest__benefits h2 {
  text-align: center;
}

.photo-contest__benefits__img {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .photo-contest__benefits__img {
    width: 100%;
  }
}

.photo-contest__benefits__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  max-width: 500px;
  padding-left: 50px;
  list-style-type: disc;
  text-align: left;
  vertical-align: top;
  font-size: 14px;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .photo-contest__benefits__text {
    display: block;
    width: 100%;
    margin: 30px auto;
    padding-left: 0;
  }
}
.photo-contest__benefits__text li {
  margin-bottom: 5px;
  text-align: left;
  letter-spacing: 0.2px;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.5;
}

.photo-contest__ideas {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__ideas {
    padding: 25px 10px;
  }
}

.photo-contest__ideas__img {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .photo-contest__ideas__img {
    width: 100%;
    margin-top: 30px;
  }
}

.photo-contest__ideas__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  max-width: 500px;
  margin: 0 auto;
  padding: 0 50px 0 0;
  text-align: left;
}
@media screen and (max-width: 1200px) {
  .photo-contest__ideas__text {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
  }
}
.photo-contest__ideas__text > p {
  font-size: 14px;
}

.photo-contest__needs {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: block;
  width: 100%;
  padding: 50px 10px;
  text-align: center;
  border-bottom: 2px solid #f1f1f1;
  background-color: #fff;
  font-size: 0;
  line-height: 0;
}
@media screen and (max-width: 1200px) {
  .photo-contest__needs {
    padding: 25px 10px;
  }
}
.photo-contest__needs h2 {
  text-align: center;
}

.photo-contest__needs__column {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  width: 50%;
  max-width: 640px;
  margin: 0 auto;
  padding: 25px;
  text-align: left;
  vertical-align: top;
}
@media screen and (max-width: 1200px) {
  .photo-contest__needs__column {
    display: block;
    width: 100%;
    padding: 0;
  }
}
.photo-contest__needs__column h3 {
  margin: 25px auto 15px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}
.photo-contest__needs__column p {
  font-size: 14px;
}

.photo-contest__fix-footer {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transition: 0.5s ease-in-out;
  transform: translate3d(0, 100%, 0);
  text-align: center;
  background-color: #fff;
  box-shadow: 0 -1px 17px -1px rgba(0, 0, 0, 0.6);
  font-size: 0;
  line-height: 1;
}
@media screen and (max-width: 1260px) {
  .photo-contest__fix-footer {
    padding: 10px;
    text-align: center;
  }
}
.photo-contest__fix-footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.photo-contest__fix-footer.active {
  transform: translate3d(0, 0, 0);
}

.photo-contest__fix-footer__text {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #666;
  font-size: 28px;
  font-weight: 300;
}
@media screen and (max-width: 1000px) {
  .photo-contest__fix-footer__text {
    display: none;
  }
}
.photo-contest__fix-footer__text span {
  color: #008ddc;
  font-weight: bold;
}

.photo-contest__fix-footer__btn {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  display: inline-block;
  margin-left: 20px !important;
  vertical-align: middle;
  border: 1px solid #3397d2;
  font-size: 16px;
}
@media screen and (max-width: 1000px) {
  .photo-contest__fix-footer__btn {
    margin: 0 auto !important;
    text-align: center;
  }
}
.photo-contest__fix-footer__btn:hover {
  text-decoration: none;
}

mobile-members-search {
  display: block;
  min-height: 100vh;
  padding-bottom: 44px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1;
}

.mobile-members-search__header {
  padding: 15px 10px;
  text-align: left;
  background-color: #222;
}
.mobile-members-search__header h1 {
  padding-bottom: 15px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.mobile-members-search__box {
  position: relative;
  width: 100%;
}
.mobile-members-search__box .icon-search {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate3d(0, -50%, 0);
  color: #555;
  font-size: 18px;
  font-weight: 400;
}
.mobile-members-search__box input {
  width: 100%;
  height: 32px;
  padding: 5px 10px 5px 40px;
  color: #000;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 400;
}
.mobile-members-search__box input::placeholder {
  color: #ccc;
}

.mobile-members-search__items {
  display: block;
}

.mobile-members-search__no-items {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60vh;
  margin-top: 30px;
  padding: 40px;
  text-align: center;
  color: #444;
  background-color: #f1f1f1;
  font-size: 14px;
}
.mobile-members-search__no-items i {
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 40px;
}

.mobile-members-search__title {
  margin: 10px auto 15px;
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 24px;
  font-weight: 300;
  line-height: 1.3;
}

mobile-menu {
  display: block;
  padding-bottom: 60px;
  padding-bottom: calc(24px + env(safe-area-inset-bottom));
  min-height: 100vh;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1;
}

.mobile-menu {
  width: 375px;
  max-width: 100vw;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  background-color: #e5e5e5;
  line-height: 1;
}

.mobile-menu__section, .mobile-menu__section--info {
  padding: 15px;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24);
}
.mobile-menu__section h2, .mobile-menu__section--info h2 {
  color: #218ccc;
  font-size: 12px;
  font-weight: 600;
  margin: unset;
}
.mobile-menu__section + .mobile-menu__section, .mobile-menu__section--info + .mobile-menu__section, .mobile-menu__section + .mobile-menu__section--info, .mobile-menu__section--info + .mobile-menu__section--info {
  margin-top: 8px;
}

.mobile-menu__section--info {
  position: relative;
}
.mobile-menu__section--info .avatar {
  display: inline-block;
  width: 60px;
  height: 60px;
  vertical-align: middle;
  border-radius: 50%;
}
.mobile-menu__section--info .info {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.mobile-menu__section--info .name {
  color: #555;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}
.mobile-menu__section--info .country {
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
.mobile-menu__section--info .icon-right-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate3d(0, -50%, 0);
  color: #555;
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
}

.mobile-menu__line {
  display: block;
  padding: 10px;
  position: relative;
  text-decoration: none;
  color: #555;
  font-size: 14px;
}
.mobile-menu__line:hover {
  text-decoration: none;
}
.mobile-menu__line + .mobile-menu__line {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.mobile-menu__line > i {
  display: inline-block;
  margin-right: 20px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 26px;
}
.mobile-menu__line h3 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 400;
  margin: unset;
}

.mobile-menu__share {
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
  line-height: 27px;
  padding: 10px;
}
.mobile-menu__share > a {
  margin-left: 5px;
  display: inline-block;
  color: #555;
  vertical-align: middle;
  font-size: 26px;
}
.mobile-menu__share > a:first-child {
  margin-left: 0;
}

.mobileNotifications {
  padding-bottom: 44px;
}
.mobileNotifications #page {
  min-height: 0;
}

mobile-notifications {
  display: block;
  overflow: hidden;
  height: 100vh;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
mobile-notifications .gs-notifications__block {
  position: relative;
  top: inherit;
  right: inherit;
  bottom: inherit;
  left: inherit;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  transform: none;
  animation: none;
  border-radius: unset;
  box-shadow: none;
}
mobile-notifications .gs-notifications__list {
  height: 100%;
  padding-bottom: 40px;
}
mobile-notifications md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  height: 100%;
  min-height: calc(100vh - 190px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  mobile-notifications md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    height: 100%;
    min-height: calc(100vh - 190px);
  }
}

moderation-copyright {
  display: block;
}
moderation-copyright .moderation-page-content {
  display: flex;
  padding: 30px 0;
  flex-direction: column;
  align-items: center;
}
moderation-copyright .moderation-page-details {
  width: 1069px;
  margin: unset;
}
moderation-copyright .moderation-page-details__wrapper {
  width: 100%;
}

.moderation-page-details__right__item {
  display: inline-block;
  text-align: center;
}
.moderation-page-details__right__item span {
  text-transform: uppercase;
}

.moderation-page-details__right .moderation-page-details__divider {
  height: 48px;
  margin: 0 32px;
  bottom: -4px;
}

.moderation-copyright__item {
  width: 1069px;
  min-height: 223px;
  border: solid 1px #e7e7e7;
  background-color: #ffffff;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.moderation-copyright__item:last-child {
  margin-bottom: unset;
}

.moderation-copyright__item__member-details {
  height: 193px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex: 1;
  align-items: center;
  min-width: 220px;
  margin-right: 10px;
}

.moderation-copyright__item__member-details__member {
  text-align: center;
  cursor: pointer;
  margin-bottom: 30px;
}
.moderation-copyright__item__member-details__member img {
  border-radius: 50%;
  width: 50px;
  height: 50px;
  border: solid 1px #ffffff;
}
.moderation-copyright__item__member-details__member span {
  display: block;
  font-weight: 600;
}

.moderation-copyright__item__photos {
  width: 784px;
  text-align: left;
}

.moderation-copyright__item__photos__photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 193px;
  height: 193px;
  vertical-align: middle;
  background-color: #9a9a9a;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  margin-left: 4px;
  margin-top: 4px;
}
.moderation-copyright__item__photos__photo:first-child {
  margin-left: unset;
}

.moderation-copyright__item__photos__photo__feedback div {
  text-align: center;
  color: white;
}
.moderation-copyright__item__photos__photo__feedback div i {
  font-size: 30px;
  margin-bottom: 5px;
}
.moderation-copyright__item__photos__photo__feedback div span {
  font-weight: bold;
  font-size: 11px;
  display: block;
}

.moderation-copyright__item__photos__photo__hover, .moderation-copyright__item__photos__photo__feedback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}

.moderation-no-left-margin {
  margin-left: unset;
}

.moderation-no-top-margin {
  margin-top: unset;
}

.moderation-copyright__item__member-details__details, .moderation-copyright__item__member-details__details-admin {
  display: flex;
  align-items: center;
  font-size: 11px;
}
.moderation-copyright__item__member-details__details .moderation-page-details__divider, .moderation-copyright__item__member-details__details-admin .moderation-page-details__divider {
  height: 19px;
  margin: 0 14px;
}
.moderation-copyright__item__member-details__details div, .moderation-copyright__item__member-details__details-admin div {
  text-align: center;
  display: inline-block;
}
.moderation-copyright__item__member-details__details div:not(.moderation-page-details__divider), .moderation-copyright__item__member-details__details-admin div:not(.moderation-page-details__divider) {
  width: 80px;
}

.moderation-copyright__item__member-details__details-admin {
  margin-top: 10px;
}

.moderation-copyright__item__member-details__status {
  color: white;
  border-radius: 3px;
  background-color: #4e4b4b;
  padding: 3px 11px;
}

.moderation-copyright__item__search-btn {
  cursor: pointer;
  width: 152px;
  height: 37px;
  border-radius: 4px;
  border: solid 2px #ffffff;
  background-color: #ffffff;
  font-size: 11px;
  font-weight: bold;
  position: absolute;
  top: 39px;
  left: 20px;
}
.moderation-copyright__item__search-btn span {
  font-size: 11px;
  text-transform: uppercase;
}

.moderation-copyright__item__icon-search {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #313030;
  margin-right: 8px;
}
.moderation-copyright__item__icon-search .icon-search {
  color: white;
  font-size: 10px;
}

.moderation-copyright__item__btn, .moderation-copyright__item__dismiss-btn, .moderation-copyright__item__report-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 19px;
  color: white;
}
.moderation-copyright__item__btn div, .moderation-copyright__item__dismiss-btn div, .moderation-copyright__item__report-btn div {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-bottom: 6px;
}
.moderation-copyright__item__btn div i, .moderation-copyright__item__dismiss-btn div i, .moderation-copyright__item__report-btn div i {
  font-size: 20px;
}
.moderation-copyright__item__btn span, .moderation-copyright__item__dismiss-btn span, .moderation-copyright__item__report-btn span {
  font-size: 11px;
  font-weight: bold;
}

.moderation-copyright__item__report-btn {
  left: 29px;
}
.moderation-copyright__item__report-btn div {
  background-color: #ff5442;
}

.moderation-copyright__item__dismiss-btn {
  right: 29px;
}
.moderation-copyright__item__dismiss-btn div {
  background-color: #3397d2;
}

.moderation-copyright__item__suspend {
  margin-top: 20px;
  font-size: 12px;
}

moderation-images {
  display: block;
}
moderation-images .moderation-page-details__text {
  min-height: 87px;
  max-width: 550px;
}
moderation-images .moderation-page-details__text span {
  text-transform: unset;
  cursor: pointer;
}
moderation-images .moderation-page-details__text a {
  color: #313030;
  text-decoration: unset;
}
moderation-images.moderation-image__adult .moderation-page-details > img {
  width: 106px;
  height: 106px;
  margin-right: 28px;
  margin-left: unset;
  align-self: start;
  position: relative;
  top: -12px;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc > div {
  margin-bottom: 15px;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc > div:first-child {
  font-size: 18px;
  font-weight: 800;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc > div:last-child {
  display: flex;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc-section {
  width: 377px;
  display: inline-block;
  margin-right: 76px;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc-section:last-child {
  margin-right: unset;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc-section > div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc-section > div > div:nth-child(1) div {
  width: 30px;
  height: 30px;
  font-size: 12px;
  margin-right: 17px;
}
moderation-images.moderation-image__adult .moderation-page-details .moderation-image__adult__desc-section > div > div:nth-child(2) {
  font-size: 14px;
  font-weight: 800;
}
moderation-images .moderation-page-details {
  z-index: 1000;
  background-color: white;
  padding: 32px 5%;
  margin: unset !important;
  width: 100%;
  justify-content: center;
}
moderation-images .moderation-page-details .icon-left-new {
  font-size: 45px;
  color: black;
  position: relative;
  cursor: pointer;
}
moderation-images .moderation-page-details__right {
  display: flex;
  margin-right: unset;
  min-width: unset;
  margin-left: 50px;
}
moderation-images .moderation-page-details__right .teams-btn-secondary, moderation-images .moderation-page-details__right .help-button, moderation-images .moderation-page-details__right team-details .team-details__help-btn, team-details moderation-images .moderation-page-details__right .team-details__help-btn, moderation-images .moderation-page-details__right .team-home .team-home-page__header-help-btn, .team-home moderation-images .moderation-page-details__right .team-home-page__header-help-btn, moderation-images .moderation-page-details__right team-suggested-members .team-suggested-members__help-btn, team-suggested-members moderation-images .moderation-page-details__right .team-suggested-members__help-btn, moderation-images .moderation-page-details__right .teams-btn-secondary-center, moderation-images .moderation-page-details__right .gs-teams-help-btn, moderation-images .moderation-page-details__right .match-header__help-btn, moderation-images .moderation-page-details__right .my-team__header__help-btn {
  width: 187px;
  height: 41px;
  justify-content: center;
  margin-left: 50px;
}

.adult-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  font-weight: bolder;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.2);
}

.adult-icon-selected {
  border: unset;
  background-color: #3397d2;
}

.porn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: white;
  font-weight: bolder;
  border: 2px solid white;
  background-color: rgba(0, 0, 0, 0.2);
}

.porn-icon-selected {
  border: unset;
  background-color: #fa4d56;
}

.moderation-page-details__off-topic {
  position: fixed;
  top: 100px;
  left: 0;
}
.moderation-page-details__off-topic .moderation-page-details__text div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.moderation-page-content__off-topic {
  margin-top: 300px;
}

.moderation-images__challenge-btns {
  align-self: start;
  margin-right: 50px;
  min-width: 90px;
}

.moderation-images__challenge-next-btn {
  transform: rotate(180deg);
  top: 1px;
}

.moderation-images__challenge-previous-btn {
  margin-right: 30px;
}

.moderation-images__empty-state {
  font-size: 23px;
  font-weight: 600;
}

.moderation-page-content__actions {
  margin-top: 30px;
  text-align: center;
}
.moderation-page-content__actions .teams-btn-primary, .moderation-page-content__actions modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .moderation-page-content__actions .ab-url-area, .moderation-page-content__actions .teams-btn-primary-center {
  justify-content: center;
  margin: 0 auto;
  width: 314px;
  height: 50px;
  font-size: 14px;
  font-weight: 600;
}

moderation-offtopic {
  display: block;
}

moderation-page {
  display: block;
  color: #313030;
  font-size: 14px;
}

.moderation-page-view {
  position: relative;
  z-index: 1;
  min-height: 50vh;
  margin-top: 110px;
}

.moderation-page-content {
  background-color: #e0e0e0;
  min-height: 90vh;
  padding: 30px 5%;
}

.moderation-page-details {
  display: flex;
  align-items: center;
  padding: 32px 0;
  margin: 0 15%;
}
.moderation-page-details img {
  width: 106px;
  height: 106px;
  margin-left: 27px;
  margin-right: 23px;
}

.moderation-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 8px;
  display: block;
}

.moderation-subtitle {
  font-size: 9px;
  font-weight: bold;
  text-transform: uppercase;
}

.moderation-page-details__text {
  text-align: left;
  max-width: 510px;
}
.moderation-page-details__text span {
  display: block;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.moderation-page-details__right {
  margin-left: auto;
  margin-right: 62px;
  min-width: 270px;
  padding-left: 10px;
}

.moderation-page-details__divider {
  width: 1px;
  background-color: #979797;
  display: inline-block;
  position: relative;
}

.moderation-page-content__actions {
  margin-top: 30px;
  text-align: center;
}

/*body.partners {*/
.partners {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .partners:not(.loggedIn) {
    padding-top: 52px;
  }
  .partners:not(.loggedIn) mobile-header {
    display: none;
  }
}

partners-page {
  display: block;
  overflow-x: hidden;
  min-height: 100vh;
  padding-top: 68px;
  text-align: center;
  background-color: #f4f4f4;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  partners-page {
    padding: 0;
  }
}

.partnersPage__cover {
  background-image: url("../jpg/cover.jpg");
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__cover:before {
  display: inline-block;
  width: 0;
  padding-bottom: 25%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 1000px) {
  .partnersPage__cover:before {
    padding-bottom: 70%;
  }
}
@media screen and (max-width: 420px) {
  .partnersPage__cover:before {
    padding-bottom: 90%;
  }
}

.partnersPage__cover__text {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__cover__text h1 {
  text-align: center;
  color: #fff;
  font-size: 80px;
  font-weight: 400;
  line-height: 0.28;
}
.partnersPage__cover__text p {
  margin-top: 30px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.21;
}
@media screen and (max-width: 1000px) {
  .partnersPage__cover__text {
    padding: 0 20px;
  }
  .partnersPage__cover__text h1 {
    font-size: 26px;
  }
  .partnersPage__cover__text p {
    margin-top: 10px;
    font-size: 14px;
  }
}

.partnersPage__cover__action {
  margin-top: 40px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__cover__action .cover__title {
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0;
  color: #fff;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
  font-size: 24px;
}
.partnersPage__cover__action .cover__btn {
  display: inline-block;
  padding: 12px 44px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border: solid 2px rgba(255, 255, 255, 0.5);
  border-radius: 7.9px;
  background-color: #0076bc;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.5);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.partnersPage__cover__action .cover__btn:hover {
  text-decoration: none;
  color: #0076bc;
  background-color: #fff;
}
@media screen and (max-width: 1460px) {
  .partnersPage__cover__action {
    margin-top: 40px;
  }
  .partnersPage__cover__action .cover__title {
    font-size: 22px;
  }
}
@media screen and (max-width: 1200px) {
  .partnersPage__cover__action {
    margin-top: 10px;
  }
  .partnersPage__cover__action .cover__title {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .partnersPage__cover__action .cover__btn {
    padding: 8px 24px;
    font-size: 18px;
  }
}

.partnersPage__items {
  padding: 40px 10px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .partnersPage__items {
    margin-top: -40px;
    padding: 0 10px 40px;
  }
}

.partnersPage__item {
  width: 960px;
  max-width: calc(100% - 40px);
  height: 180px;
  margin: 0 auto;
  text-align: left;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__item + .partnersPage__item {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .partnersPage__item {
    width: 264px;
    height: auto;
  }
}

.partnersPage__item__logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  height: 100%;
  padding: 20px;
  vertical-align: middle;
  border-right: 1px solid rgba(204, 204, 204, 0.39);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__item__logo img {
  width: 134px;
}
@media screen and (max-width: 768px) {
  .partnersPage__item__logo {
    display: flex;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid rgba(204, 204, 204, 0.39);
  }
}

.partnersPage__item__text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 200px);
  height: 100%;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.38;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .partnersPage__item__text {
    display: flex;
    width: 100%;
  }
}

.partnersPage__footer {
  margin-top: 20px;
  padding: 20px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 -1px 17px -1px rgba(0, 0, 0, 0.6);
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 1100px) {
  .partnersPage__footer {
    padding: 10px;
    text-align: center;
  }
}

.partnersPage__footer__text {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #555;
  font-size: 28px;
  font-weight: 300;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__footer__text span {
  font-weight: 600;
}
@media screen and (max-width: 1100px) {
  .partnersPage__footer__text {
    display: none;
  }
}

.partnersPage__footer__btn {
  display: inline-block;
  margin-left: 20px !important;
  vertical-align: middle;
  border: 1px solid #3397d2;
  font-size: 16px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnersPage__footer__btn:hover {
  text-decoration: none;
}
@media screen and (max-width: 1100px) {
  .partnersPage__footer__btn {
    margin: 0 auto !important;
    text-align: center;
  }
}

partnerships-page {
  display: block;
  min-height: 100vh;
  padding-top: 68px;
  text-align: center;
  background-color: #f1f1f1;
  font-size: 0;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
partnerships-page p {
  padding: 0;
}
@media screen and (max-width: 1000px) {
  partnerships-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.partnerships__cover {
  width: 100%;
  height: 80vh;
  background-color: #ccc;
  background-image: url("../jpg/gs-header-large.jpg");
  background-repeat: no-repeat;
  background-position: top right;
  background-size: cover;
}
.partnerships__cover:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.partnerships__cover__text {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__cover__text h1 {
  text-shadow: 0 0 25.5px rgba(0, 0, 0, 0.35);
  font-size: 90px;
  font-weight: 700;
}
.partnerships__cover__text h1 span {
  font-weight: 400;
}
.partnerships__cover__text p {
  max-width: 800px;
  margin-top: 10px;
  color: #fff;
  text-shadow: 0 0 25.5px rgba(0, 0, 0, 0.35);
  font-size: 30px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .partnerships__cover__text {
    padding: 0 10px;
  }
  .partnerships__cover__text h1 {
    font-size: 26px;
  }
  .partnerships__cover__text p {
    font-size: 18px;
  }
}

.partnerships__fun {
  padding: 60px 10px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__fun h2 {
  font-size: 60px;
  font-weight: 400;
}
.partnerships__fun h2 span {
  font-weight: 600;
}
.partnerships__fun p {
  font-size: 28px;
}
.partnerships__fun > img {
  display: inline-block;
  width: 800px;
  max-width: 90vw;
  margin-top: 50px;
  border: 16px solid #fff;
  box-shadow: 0 0 12.8px 2.3px rgba(0, 0, 0, 0.25);
}
.partnerships__fun .desc {
  max-width: 600px;
  margin: 20px auto;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .partnerships__fun {
    padding: 30px 10px;
  }
  .partnerships__fun h2 {
    font-size: 28px;
  }
  .partnerships__fun p {
    font-size: 18px;
  }
  .partnerships__fun > img {
    margin-top: 20px;
  }
}

.partnerships__fun__gurus {
  font-size: 0;
  line-height: 1;
}

.partnerships__fun__guru {
  display: inline-block;
  margin: 20px 40px;
  vertical-align: top;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__fun__guru img {
  width: 100px;
  border-radius: 50%;
}
.partnerships__fun__guru .name {
  font-size: 14px;
  font-weight: 400;
}
.partnerships__fun__guru .country {
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .partnerships__fun__guru {
    margin: 20px;
  }
  .partnerships__fun__guru img {
    width: 70px;
  }
}

.partnerships__enthusiasts {
  padding: 60px 10px;
  background-color: #e6e6e6;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__enthusiasts h2 {
  max-width: 600px;
  margin: 0 auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
.partnerships__enthusiasts .image {
  width: 100%;
  max-width: 1260px;
  margin: 20px auto;
}
.partnerships__enthusiasts .image--mobile {
  display: none;
  width: 100%;
  max-width: 771px;
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .partnerships__enthusiasts {
    padding: 30px 10px;
  }
  .partnerships__enthusiasts h2 {
    font-size: 28px;
  }
  .partnerships__enthusiasts .image {
    display: none;
  }
  .partnerships__enthusiasts .image--mobile {
    display: block;
  }
}

.partnerships__brands {
  padding: 60px 10px;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__brands h2 {
  max-width: 600px;
  margin: 0 auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
.partnerships__brands .images {
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  font-size: 0;
}
.partnerships__brands .image {
  display: inline-block;
  width: calc(33.3333333333% - 8px);
  margin: 4px;
  padding: 20px;
  vertical-align: top;
  background-color: #ebebeb;
}
.partnerships__brands .image img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .partnerships__brands {
    padding: 30px 10px;
  }
  .partnerships__brands h2 {
    font-size: 28px;
  }
  .partnerships__brands .image {
    width: calc(50% - 8px);
  }
  .partnerships__brands .image:last-child {
    display: none;
  }
}

.partnerships__challenge {
  padding: 60px 10px;
  background-color: #333333;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__challenge h2 {
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
.partnerships__challenge .numbers {
  display: inline-block;
  vertical-align: middle;
}
.partnerships__challenge .numbers__item {
  margin: 20px;
  line-height: 1;
}
.partnerships__challenge .numbers__item i {
  color: #fff;
  font-size: 30px;
}
.partnerships__challenge .numbers__item .number {
  margin: 5px auto;
  color: #0588cc;
  font-size: 40px;
}
.partnerships__challenge .numbers__item .label {
  color: #fff;
  font-size: 14px;
}
.partnerships__challenge img {
  display: inline-block;
  width: 100%;
  max-width: 600px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .partnerships__challenge {
    padding: 30px 10px;
  }
  .partnerships__challenge h2 {
    font-size: 28px;
  }
}
@media screen and (max-width: 840px) {
  .partnerships__challenge .numbers {
    display: block;
  }
  .partnerships__challenge .numbers__item {
    display: inline-block;
    margin: 15px;
    vertical-align: top;
  }
  .partnerships__challenge .numbers__item .number {
    font-size: 26px;
  }
}

.partnerships__partner {
  padding: 60px 10px;
  background-color: #e6e6e6;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__partner h2 {
  max-width: 600px;
  margin: 0 auto;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .partnerships__partner {
    padding: 30px 10px;
  }
  .partnerships__partner h2 {
    font-size: 28px;
  }
}

.partnerships__partner-item {
  max-width: 1000px;
  margin: 20px auto;
  padding: 40px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__partner-item img {
  display: inline-block;
  width: 300px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .partnerships__partner-item {
    padding: 10px;
  }
  .partnerships__partner-item img {
    display: inline-block;
    width: 100%;
    max-width: 547px;
  }
}

.partnerships__partner-text {
  display: inline-block;
  width: calc(100% - 300px);
  padding-right: 20px;
  text-align: left;
  vertical-align: middle;
  line-height: 1.4;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__partner-text h3 {
  font-size: 50px;
  font-weight: 600;
}
.partnerships__partner-text .desc {
  font-size: 24px;
  font-weight: 400;
}
.partnerships__partner-text .text {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .partnerships__partner-text {
    display: block;
    width: 100%;
  }
  .partnerships__partner-text h3 {
    font-size: 26px;
  }
  .partnerships__partner-text .desc {
    font-size: 18px;
  }
  .partnerships__partner-text .text {
    margin: 10px 0;
    font-size: 14px;
  }
}

.partnerships__sponsor {
  padding: 60px 10px;
  background-color: #333333;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.partnerships__sponsor h2 {
  margin: 0 auto;
  margin-bottom: 20px;
  color: #fff;
  font-size: 50px;
  font-weight: 400;
  line-height: 1.2;
}
.partnerships__sponsor .gs-btn--blue--s--, .partnerships__sponsor fixed-footer .fix-footer__btn--s--, fixed-footer .partnerships__sponsor .fix-footer__btn--s--, .partnerships__sponsor .gs-btn--white, .partnerships__sponsor .gs-btn--red, .partnerships__sponsor .gs-btn--grey, .partnerships__sponsor .gs-btn--instagram {
  font-size: 30px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .partnerships__sponsor {
    padding: 30px 10px;
  }
  .partnerships__sponsor h2 {
    font-size: 26px;
  }
  .partnerships__sponsor .gs-btn--blue--s--, .partnerships__sponsor fixed-footer .fix-footer__btn--s--, fixed-footer .partnerships__sponsor .fix-footer__btn--s--, .partnerships__sponsor .gs-btn--white, .partnerships__sponsor .gs-btn--red, .partnerships__sponsor .gs-btn--grey, .partnerships__sponsor .gs-btn--instagram {
    font-size: 18px;
  }
}

photo-page {
  display: block;
  overflow: hidden;
  height: 100vh;
  padding-top: 68px;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  photo-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.photo-page-wrapper {
  color: #000;
  font-size: 14px;
}

privacy-page {
  display: block;
  min-height: 100vh;
  padding: 68px 10px;
  text-align: center;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
privacy-page h1 {
  margin: 40px 0;
  font-size: 35px;
  font-weight: 600;
}
privacy-page h1 + p {
  margin-bottom: 20px;
}
privacy-page h2 {
  position: absolute;
  top: 25px;
  left: 10px;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  color: #555;
  font-size: 18px;
  font-weight: 600;
  word-break: break-word;
  width: 250px;
}
privacy-page h3 {
  margin: 15px;
  font-size: 18px;
  font-weight: 600;
}
privacy-page section {
  position: relative;
  display: block;
  padding: 20px 10px 20px 250px;
  border-top: 1px solid #DDD;
}
privacy-page p {
  display: inline-block;
  margin: 15px;
  padding: 0;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
privacy-page .list {
  font-size: 14px;
  list-style: none;
  color: #555;
}
privacy-page .list.m-default > li {
  margin: 15px 15px 15px 45px;
}
privacy-page .list.m-space1 > li {
  margin: 15px 15px 15px 30px;
}
privacy-page .list.m-upper-latin {
  list-style-type: upper-latin;
}
privacy-page .list.m-disk {
  list-style-type: disc;
}
@media screen and (max-width: 1000px) {
  privacy-page {
    padding-top: 0;
  }
}
@media screen and (max-width: 700px) {
  privacy-page h1 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.3;
    padding: 0 15px;
  }
  privacy-page section {
    padding: 20px 10px;
  }
  privacy-page h2 {
    position: static;
    margin-bottom: 20px;
  }
}

.privacy-page-wrap {
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5;
}

.privacy__remark {
  margin-top: 40px;
  font-size: 14px;
  font-style: italic;
}

table {
  font-size: 14px;
  border: 1px solid black;
  margin: 15px;
}

profile-achievements {
  display: flex;
  width: 100%;
  text-align: left;
  flex: 1;
}

profile-followers,
profile-following {
  display: block;
  padding: 30px 0;
  text-align: center;
}

.profile-followers__items {
  display: block;
  width: calc(100% - 40px);
  max-width: 1600px;
  min-height: 100px;
  margin: 0 auto;
  padding: 0 50px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media all and (min-width: 1388px) {
  .profile-followers__items.owner {
    display: inline-block;
    width: calc(100% - 350px);
    min-width: calc(100% - 350px);
    padding: 0 10px;
    vertical-align: top;
  }
}
@media screen and (max-width: 768px) {
  .profile-followers__items {
    width: 100%;
    padding: 0 4px;
  }
}

.profile-followers__items__item {
  position: relative;
  display: inline-block;
  width: 23.72%;
  margin: 10px 0.6%;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1150px) {
  .profile-followers__items__item {
    width: 48.72%;
  }
}
@media screen and (max-width: 768px) {
  .profile-followers__items__item {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 10px auto;
  }
}

.profile-followers__items__item--suggest {
  position: relative;
  display: block;
  width: 100%;
  margin: 10px 0;
  max-width: none !important;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  line-height: 1;
}

.profile-followers__items__item__cover {
  width: 100%;
  padding-bottom: 30%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0, rgba(0, 0, 0, 0.137255) 0 1px 1px 0, rgba(0, 0, 0, 0.117647) 0 2px 1px -1px;
}

.profile-followers__items__item__avatar {
  position: relative;
  display: block;
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin: -60px auto 0;
  transition: 0.2s ease-in-out;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.profile-followers__items__item__avatar__status {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4px 0 9px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.71);
  font-size: 10px;
  z-index: 1;
  font-weight: 600;
}

.profile-followers__items__item__follow-btn {
  text-align: center;
  margin-top: 5px;
}

.profile-followers__items__item__name {
  margin: 5px auto;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.profile-followers__items__item__country {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

.profile-followers__suggest {
  display: inline-block;
  width: 310px;
  vertical-align: top;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.profile-followers__suggest h2 {
  margin-bottom: 25px;
  font-size: 18px;
}
.profile-followers__suggest h2 span {
  background-color: #f1f1f1;
}
@media screen and (max-width: 1388px) {
  .profile-followers__suggest {
    display: none;
  }
}

.profile-followers__suggest__title {
  line-height: 0;
  text-align: center;
  font-weight: 300;
  border-top: 2px solid #DDD;
  font-size: 2.6em;
}
.profile-followers__suggest__title > span {
  padding: 0 1em;
  background: #FFF;
  position: relative;
  top: -0.1em;
  white-space: nowrap;
}

.profile-followers__suggest__item {
  width: 100%;
}

.profile-achievements-challenges {
  margin: 0 2vw;
  padding-top: 32px;
  padding-bottom: 32px;
  gap: 20px;
}
.profile-achievements-challenges__challenge {
  width: 400px;
  height: 250px;
}
@media screen and (max-width: 560px) {
  .profile-achievements-challenges__challenge {
    width: 350px;
    height: 190px;
    margin-right: unset;
  }
}
.profile-achievements-challenges__challenge:last-child {
  margin-right: unset;
}

profile-achievements-achievements {
  display: block;
}

.profile-achievements-achievements {
  margin: 0 10vw;
  padding: 35px 0;
}
.profile-achievements-achievements__achievements-categories {
  display: flex;
  flex-direction: column;
  gap: 27px;
}
@media screen and (max-width: 767px) {
  .profile-achievements-achievements {
    padding: 16px 0;
    margin: 0 10px;
  }
}

achievement-challenges {
  display: block;
}

.achievement-challenges {
  flex-shrink: 0;
  overflow: auto;
  display: flex;
  gap: 12px;
  padding-bottom: 5px;
}
.achievement-challenges__image {
  border-radius: 12px;
  height: 154px;
  width: 303px;
}

achievement-details {
  display: block;
}

.achievement-details {
  min-height: 50px;
  max-height: 266px;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-radius: 12px;
}
.achievement-details gs-loader {
  margin: 20px 0;
}
.achievement-details__challenges {
  padding: 0 16px;
}
.achievement-details__challenges horizontal-scrollbar-arrows {
  width: calc(100% - 32px);
  transition: 0.3s all;
  opacity: 0;
}
.achievement-details__challenges:hover horizontal-scrollbar-arrows {
  opacity: 1;
}
.achievement-details__header {
  padding: 0 16px;
  display: flex;
  align-items: center;
}
.achievement-details__header__right {
  padding-left: 15px;
  margin-left: auto;
  display: flex;
}
.achievement-details__header__right__progress-bar {
  border-radius: 4px;
}
.achievement-details__header__right__progress-bar gs-progress-bar {
  width: 305px;
  height: 28px;
}
.achievement-details__header__right help-button {
  width: 26px;
  height: 26px;
  font-size: 13px;
  margin-left: 28px;
}
.achievement-details__close {
  text-align: center;
  position: relative;
  padding: 8px 0;
}
@media screen and (max-width: 440px) {
  .achievement-details gs-progress-bar {
    width: 75vw;
    font-size: 11px;
  }
}
@media screen and (max-width: 1200px) {
  .achievement-details {
    min-height: 75px;
    max-height: unset;
    border-radius: 0;
  }
  .achievement-details__header {
    align-items: unset;
    flex-direction: column;
  }
  .achievement-details__header__right {
    padding-left: unset;
    margin-left: unset;
    margin-top: 13px;
    padding-bottom: 8px;
    border-bottom: 1px solid #DEE5EC;
    margin-bottom: 16px;
  }
  .achievement-details__header__right__progress-bar {
    margin-right: 10px;
  }
  .achievement-details__header__right help-button {
    margin-left: auto;
  }
}

achievements-banner {
  display: block;
  width: 100%;
}

.achievements-banner__desktop {
  width: 100%;
}
.achievements-banner__desktop__line {
  height: 4px;
  flex: 1;
  background-color: #DEE5EC;
}
.achievements-banner__mobile {
  display: none;
  width: 100%;
  background: #F6F8FA;
  border: 1px solid #EEF2F5;
  border-radius: 12px;
}
@media screen and (max-width: 767px) {
  .achievements-banner__desktop {
    display: none;
  }
  .achievements-banner__mobile {
    display: flex;
    height: 63px;
  }
}

achievements-level {
  display: block;
}

.achievements-level {
  position: relative;
}
.achievements-level__padding-bottom-active {
  padding-bottom: 296px;
}
.achievements-level__padding-bottom-not-active {
  padding-bottom: 134px;
}
.achievements-level__icons__level-icon {
  width: 122px;
}
.achievements-level__icons__achievement-icon {
  width: 55px;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  top: 34px;
}
.achievements-level__count {
  padding: 0 20px;
}
.achievements-level__achievement-details {
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  margin-top: 30px;
}
.achievements-level__achievement-details__placeholder {
  height: 242px;
}
.achievements-level__pointer {
  width: 0;
  height: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 20px solid #EEF2F5;
  position: absolute;
  bottom: -30px;
}
@media screen and (max-width: 1200px) {
  .achievements-level__padding-bottom-active {
    padding-bottom: 355px;
  }
  .achievements-level__padding-bottom-not-active {
    padding-bottom: 175px;
  }
  .achievements-level__icons__level-icon {
    width: 92px;
  }
  .achievements-level__icons__achievement-icon {
    width: 50px;
    height: 50px;
    top: 18px;
  }
  .achievements-level__count {
    font-size: 14px;
    background-color: unset;
  }
}

achievements-category {
  display: block;
  width: 100%;
}

.achievements-category {
  min-height: 240px;
  width: 100%;
  background: #FFFFFF;
  border: 4px solid #CDD8E2;
  box-shadow: 2px 3px 9px rgba(150, 172, 183, 0.37);
  border-radius: 50px;
  padding: 68px 25px 17px 188px;
  display: flex;
  position: relative;
}
.achievements-category__header {
  padding-left: 188px;
  border-radius: 46px 46px 0 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 51px;
  width: 100%;
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  font-size: 22px;
  font-weight: 800;
  color: white;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.achievements-category__mobile__title, .achievements-category__mobile__view-btn {
  display: none;
}
.achievements-category__category-image {
  display: block;
  position: absolute;
  top: -10px;
  left: 48px;
  width: 102px;
  z-index: 1;
}
.achievements-category__achievements-levels {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width: 1200px) {
  .achievements-category {
    border: 1px solid #DEE5EC;
    box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
    border-radius: 20px;
    min-height: 117px;
    padding: unset;
    flex-direction: column;
  }
  .achievements-category__header {
    display: none;
  }
  .achievements-category__achievements-levels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 35px 0 40px;
    gap: 20px;
  }
  .achievements-category__category-image {
    width: 74px;
    left: 14px;
  }
  .achievements-category__mobile__view-btn {
    width: 100%;
    height: 30px;
    display: flex;
    cursor: pointer;
    background: #F6F8FA;
    border-radius: 0 0 20px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
  }
  .achievements-category__mobile__title {
    display: block;
    margin-left: 94px;
    margin-top: 28px;
  }
}

.gs-gallery__image:hover .gs-gallery__image__remove, gs-gallery .gs-gallery__section__img:hover .gs-gallery__image__remove,
.gs-gallery__image:hover .gs-gallery__image__info,
gs-gallery .gs-gallery__section__img:hover .gs-gallery__image__info {
  transform: translate3d(0, 0, 0);
}
.gs-gallery__image:hover .gs-gallery__image__badge, gs-gallery .gs-gallery__section__img:hover .gs-gallery__image__badge {
  transform: translate3d(0, -50%, 0) scale(1);
}
.uploader-btn.gs-gallery__image, gs-gallery .uploader-btn.gs-gallery__section__img {
  cursor: pointer;
  transition: 0.5s ease-in-out;
  text-align: center;
  background-color: #fff;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.66);
}
.uploader-btn.gs-gallery__image:hover, gs-gallery .uploader-btn.gs-gallery__section__img:hover {
  background-color: rgb(241, 241, 241);
  box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.66);
}
.uploader-btn.gs-gallery__image:hover i, gs-gallery .uploader-btn.gs-gallery__section__img:hover i {
  color: #666;
}
.uploader-btn.gs-gallery__image i, gs-gallery .uploader-btn.gs-gallery__section__img i {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transition: 0.5s ease-in-out;
  transform: translateY(-50%);
  color: #999;
  font-size: 50px;
}
.uploader-btn.gs-gallery__image i:before, gs-gallery .uploader-btn.gs-gallery__section__img i:before {
  font-size: 50px;
}
.uploader-btn.gs-gallery__image i:after, gs-gallery .uploader-btn.gs-gallery__section__img i:after {
  display: block;
  margin-top: 10px;
  content: "UPLOAD PHOTOS";
  letter-spacing: -0.4px;
  font-family: "Open Sans";
  font-size: 17.8px;
  font-weight: 600;
  line-height: 1.08;
}
.gs-gallery__image img, gs-gallery .gs-gallery__section__img img {
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
}

gs-gallery {
  position: relative;
  display: block;
  min-height: 40vh;
  padding-top: 30px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
gs-gallery .gs-gallery__section {
  padding: 30px 2px 0;
  display: flex;
  flex-wrap: wrap;
}
gs-gallery .gs-gallery__section::after {
  content: "";
  flex-grow: 999999999;
}
gs-gallery .gs-gallery__section__img {
  overflow: hidden;
  margin: 2px;
  background-color: gray;
  position: relative;
}
gs-gallery .gs-gallery__section__img > img {
  position: absolute;
  top: 0;
  width: 100%;
  vertical-align: bottom;
}
gs-gallery .gs-gallery__section__img > i {
  display: block;
}
gs-gallery .gs-gallery__section__img .photo-data__title {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 5px;
}
gs-gallery .c-loader {
  position: relative;
  display: block;
  min-height: 230px;
}
@media screen and (max-width: 768px) {
  gs-gallery {
    padding-top: 0;
  }
}

.gs-gallery__container, .gs-gallery__container--filter {
  position: relative;
  max-width: 1600px;
  margin: 0 auto;
}

.gs-gallery__container--filter {
  z-index: 4;
  min-height: 40px;
  text-align: right;
  line-height: 40px;
}

.gs-gallery__actions {
  position: absolute;
  top: 50%;
  left: 5px;
  transform: translateY(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .gs-gallery__actions {
    top: 78%;
  }
}

.gs-gallery__action-protfolio {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .gs-gallery__action-protfolio {
    display: none;
  }
}

.gs-gallery__action {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
  vertical-align: middle;
  color: #3397d2;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-gallery__action i {
  display: inline-block;
  padding: 10px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.2);
}
.gs-gallery__action span {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-gallery__action {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .gs-gallery__action {
    margin-left: 0;
  }
}

.gs-gallery__search {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 400px;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-gallery__search md-autocomplete {
  background-color: transparent;
}
.gs-gallery__search md-autocomplete-wrap {
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #f7f7f7;
  box-shadow: none;
}
.gs-gallery__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 0 10px;
  text-align: left;
  letter-spacing: -0.6px;
  color: #666;
  font-size: 18px !important;
  font-weight: 400;
  line-height: 1;
}
.gs-gallery__search input::placeholder {
  vertical-align: middle;
  color: #999;
  font-size: 16px !important;
}
.gs-gallery__search .search-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #666;
  font-size: 22px;
  line-height: 32px;
}
.gs-gallery__search .search-btn:hover {
  box-shadow: none;
}
@media screen and (max-width: 1200px) {
  .gs-gallery__search {
    position: relative;
    top: inherit;
    left: inherit;
    display: block;
    width: calc(100% - 10px);
    min-width: 0;
    margin: 5px 5px 10px;
    transform: none;
  }
}

.gs-gallery__filter {
  position: relative;
  display: inline-block;
  margin-right: 0.7%;
  cursor: default;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-gallery__filter:hover .gs-gallery__filter__active {
  color: #fff;
  border-color: #218ccc;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.gs-gallery__filter:hover .gs-gallery__filter__list {
  transition-delay: 0s;
  transform: scale(1);
}
@media screen and (max-width: 768px) {
  .gs-gallery__filter {
    font-size: 12px;
  }
}

.gs-gallery__filter__label {
  display: inline-block;
  margin-right: 2px;
  vertical-align: baseline;
  color: #444;
  font-weight: 400;
}

.gs-gallery__filter__active {
  display: inline-block;
  min-width: 134px;
  padding: 4px 6px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  vertical-align: baseline;
  text-transform: uppercase;
  color: #444;
  border: 1px solid #999;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-gallery__filter__active {
    min-width: 80px;
  }
}

.gs-gallery__filter__list {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 134px;
  list-style: none;
  cursor: pointer;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition-delay: 0.5s;
  transform: scale(0);
  transform-origin: 50% 0;
  text-align: left;
  color: #000;
  border: 1px solid #f1f1f1;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.gs-gallery__filter__list > div {
  display: block;
  padding: 10px 15px;
  white-space: nowrap;
  font-weight: 600;
}
.gs-gallery__filter__list > div:hover {
  color: #218ccc;
  font-weight: 600;
}

.gs-gallery__grid {
  position: relative;
  margin-top: 20px;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-gallery__grid > div {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .gs-gallery__grid {
    margin-top: 0;
  }
}

.gs-gallery__image {
  position: relative;
  width: 388px;
  overflow: hidden;
  color: #fff;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-gallery__image .info {
    display: none !important;
  }
  .gs-gallery__image.uploader-btn {
    margin: 2px;
  }
  .gs-gallery__image.uploader-btn i {
    font-size: 24px;
  }
  .gs-gallery__image.uploader-btn i:after {
    margin-top: 5px;
    font-size: 14px;
  }
  .gs-gallery__image .gs-gallery__image__remove {
    width: 30px;
    height: 35px;
    font-size: 20px;
  }
  .gs-gallery__image like-btn {
    font-size: 24px !important;
  }
}

.gs-gallery__image__info {
  position: absolute;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 52px;
  padding: 0 10px;
  cursor: default;
  transition: transform 0.18s ease-out 333ms;
  transform: translate3d(0, 100%, 0);
  text-align: left;
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 5%, transparent 100%);
  font-size: 0;
  line-height: 1;
}
.gs-gallery__image__info h2 {
  color: white;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-height: 24px;
  padding-right: 21%;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  font-size: 19px;
  font-weight: 600;
}

.gs-gallery__image__number {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.gs-gallery__image__number + .gs-gallery__image__number {
  margin-left: 10px;
}
.gs-gallery__image__number i, .gs-gallery__image__number span {
  display: inline-block;
  vertical-align: middle;
}
.gs-gallery__image__number .icon-views {
  margin-right: -3px;
}

.gs-gallery__image__badge {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transition: transform 0.18s ease-out 333ms;
  transform: translate3d(0, -50%, 0) scale(0);
  color: #fff;
  text-shadow: -1px 1px 5px rgba(0, 0, 0, 0.63);
}
.gs-gallery__image__badge achievement-badge {
  height: 140px;
}
.gs-gallery__image__badge h3 {
  font-size: 14px;
  font-weight: 400;
}

.gs-gallery__image__remove {
  position: absolute;
  top: 5px;
  right: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 42px;
  cursor: pointer;
  transition: 0.18s ease-out 333ms;
  transform: translate3d(120%, 0, 0);
  text-align: center;
  color: #fff;
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.15);
  font-size: 30px;
  line-height: 38px;
}
.gs-gallery__image__remove:hover {
  background-color: rgba(229, 75, 75, 0.6);
}

.gs-gallery__image__award {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transition: opacity 0.5s ease-in-out;
  transform: translateY(-50%);
  text-align: center;
  opacity: 0;
  color: #fff;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-gallery__image__award achievement-badge {
  width: 140px;
}
@media screen and (max-width: 768px) {
  .gs-gallery__image__award {
    display: none;
  }
}

.gs-gallery__image__award__title {
  font-size: 14px;
}

.gs-gallery__image__link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.gs-gallery__image__sell-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 6px 10px 6px 6px;
  cursor: pointer;
  transition: background-color 0.18s linear;
  color: #fff;
  font-size: 30px;
}
.gs-gallery__image__sell-btn:hover {
  background-color: rgba(204, 204, 204, 0.23);
}

.profile {
  position: relative;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.profile #page {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0;
  background-color: #f1f1f1;
}
.profile #page > .c-loader .gs-loader {
  height: 50%;
}
@media screen and (max-width: 1000px) {
  .profile {
    height: auto;
  }
}

.p-profile__max-width {
  position: relative;
  display: block;
  max-width: 1600px;
  margin: 0 auto;
}

.p-profile__placeholder {
  width: 100%;
  height: 100%;
}

.p-profile__cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 370px;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__cover:hover .changeCover {
  transform: scale(1);
}
@media screen and (max-width: 767px) {
  .p-profile__cover {
    height: 224px;
  }
}

.p-profile__cover__actions {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  width: 100%;
  padding: 0 50px;
  text-align: left;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__cover__actions .changeCover {
  padding: 7px;
  transition: 0.15s;
  transform: scale(0);
  text-align: left;
  white-space: nowrap;
  opacity: 0.9;
  background-color: rgba(0, 0, 0, 0.52);
  box-shadow: 2px 0 8px -1px rgba(0, 0, 0, 0.6);
  font-size: 1.3em;
  font-weight: 600;
}
.p-profile__cover__actions .changeCover .icon {
  width: 20px;
  vertical-align: middle;
}
.p-profile__cover__actions .changeCover span {
  vertical-align: middle;
}
.p-profile__cover__actions .changeCover:hover {
  background-color: rgba(66, 138, 201, 0.83);
}
@media screen and (max-width: 1300px) {
  .p-profile__cover__actions {
    display: none;
  }
}

.p-profile__cover__image {
  width: 100%;
  height: 100%;
  max-height: 370px;
  padding: 20px;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__cover__image member-path {
  margin-top: 90px;
}
@media screen and (max-width: 767px) {
  .p-profile__cover__image {
    max-height: 224px;
  }
}

.p-profile__member-path {
  position: absolute;
  z-index: 2;
  top: 105px;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: 1600px;
  height: 115px;
  margin: 0 auto;
  padding: 25px;
  transition: padding 0.5s ease-in-out, height 0.5s ease-in-out, background-color 0.5s ease-in-out;
  will-change: height;
  text-align: center;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.53);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__member-path.active {
  position: fixed;
  top: 67px;
  right: 0;
  left: 0;
  max-width: 10000px;
  height: 89px;
  margin: 0 auto;
  padding: 10px 25px;
  transition: max-width 0.5s ease-in-out, height 0.5s ease-in-out, padding 0.5s ease-in-out, background-color 0.5s ease-in-out;
  text-align: center;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.7);
}
.p-profile__member-path.active member-path {
  max-width: 1550px;
  margin: 0 auto;
}
.p-profile__member-path .member-path__items {
  background-color: rgba(255, 255, 255, 0.7);
}
@media screen and (max-width: 1300px) {
  .p-profile__member-path {
    display: none;
  }
}

.p-profile-menu__wrapper {
  position: relative;
  z-index: 11;
  background-color: #f1f1f1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1300px) {
  .p-profile-menu__wrapper {
    display: none;
  }
}

/* menu */
.p-profile-menu {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  min-height: 50px;
  text-align: center;
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 0 -8px 19px rgba(0, 0, 0, 0.5);
  font-size: 0;
  line-height: 1;
}

.p-profile-menu__item, .p-profile-menu__item--right, .p-profile-menu__item--left {
  display: inline-block;
  width: calc(50% - 120px);
  vertical-align: middle;
  color: #333;
}
.p-profile-menu__item + .p-profile-menu__item, .p-profile-menu__item--right + .p-profile-menu__item, .p-profile-menu__item + .p-profile-menu__item--right, .p-profile-menu__item--right + .p-profile-menu__item--right, .p-profile-menu__item--left + .p-profile-menu__item, .p-profile-menu__item--left + .p-profile-menu__item--right, .p-profile-menu__item + .p-profile-menu__item--left, .p-profile-menu__item--right + .p-profile-menu__item--left, .p-profile-menu__item--left + .p-profile-menu__item--left {
  margin-left: 240px;
}

.p-profile-menu__item--left {
  color: #313030;
  position: relative;
  padding-left: 30px;
  text-align: left;
}
.p-profile-menu__item--left follow-btn {
  position: absolute !important;
  top: 64px;
  left: 190px;
  font-size: 0;
}
.p-profile-menu__item--left follow-btn span {
  display: inline-block;
  vertical-align: baseline;
  font-size: 14px;
}

.p-profile-menu__team-invite-btn {
  position: absolute !important;
  top: 64px;
  left: 300px;
}
.p-profile-menu__team-invite-btn i {
  margin-right: 5px;
}

.p-profile-menu__item--right {
  text-align: right;
}

.p-profile-menu__badge {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 190px;
  height: 190px;
  margin: 0 auto;
  transform: translate(0, -50%);
  background-color: transparent;
  background-size: contain;
  background-repeat: no-repeat;
}
.p-profile-menu__badge.member-status-9-pro {
  background-image: url("../png/status_9_pro.png");
}
.p-profile-menu__badge app-ng-image-component img {
  object-fit: contain;
}

.p-profile-mobile-menu__avatar {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 auto;
  transition: 0.5s ease-in-out;
  vertical-align: middle;
}
.p-profile-mobile-menu__avatar avatar {
  display: inline-block;
  width: 70px;
  height: 70px;
}
.p-profile-mobile-menu__avatar avatar .gs-avatar {
  padding: 7px;
}
.p-profile-mobile-menu__avatar avatar .gs-avatar__badge {
  width: 28px;
  height: 28px;
}
.p-profile-mobile-menu__avatar .changeAvatarBtn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.8em;
  transition: 0.2s ease-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 600;
  line-height: 125px;
}
.p-profile-mobile-menu__avatar .changeAvatarBtn:hover {
  opacity: 1;
  color: #fff;
}
.p-profile-mobile-menu__avatar .changeAvatarBtn:hover .icon {
  opacity: 1;
  font-size: 15px;
}

.p-profile-menu__avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: -47px 0;
  transition: 0.5s ease-in-out;
  vertical-align: middle;
}
.p-profile-menu__avatar avatar {
  box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.6);
  width: 144px;
  height: 144px;
}
.p-profile-menu__avatar avatar.show-league-badge .gs-avatar {
  border: unset;
}
.p-profile-menu__avatar avatar.show-league-badge .gs-avatar__badge {
  width: 40px;
  height: 40px;
}
.p-profile-menu__avatar avatar .gs-avatar {
  border: 3px solid white;
  border-radius: 50%;
}
.p-profile-menu__avatar .changeAvatarBtn {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.8em;
  transition: 0.2s ease-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 600;
  line-height: 125px;
}
.p-profile-menu__avatar .changeAvatarBtn:hover {
  opacity: 1;
  color: #fff;
}
.p-profile-menu__avatar .changeAvatarBtn:hover .icon {
  opacity: 1;
  font-size: 15px;
}

.p-profile-menu__info {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  line-height: 1.3;
  padding: 0 10px;
  border-right: 1px solid #eef2f5;
}
.p-profile-menu__info .name {
  overflow: hidden;
  height: 50%;
  cursor: default;
  letter-spacing: -0.3px;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: bold;
}
.p-profile-menu__info .country {
  height: 50%;
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0.36;
}

.p-profile-menu__points {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
  padding: 0 10px;
  height: 36px;
}
.p-profile-menu__points .number {
  vertical-align: middle;
  letter-spacing: -0.6px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
}
.p-profile-menu__points .icon-gs-points {
  display: inline-block;
  width: 34px;
  height: 16px;
  vertical-align: middle;
  background: url(../svg/gs_points_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  font-size: 12px;
}
.p-profile-menu__points .label {
  display: inline-block;
  vertical-align: middle;
  color: #1c1c1c;
  font-size: 12px;
}

.p-profile-menu__team {
  height: 36px;
  border-left: 1px solid #eef2f5;
  display: inline-flex;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
  padding-left: 10px;
}
.p-profile-menu__team team-badge {
  width: 30px;
  height: 30px;
}
.p-profile-menu__team span {
  font-size: 14px;
  font-weight: bold;
  padding: 0 10px;
  width: 150px;
  line-height: 1.3;
  cursor: pointer;
}

.p-profile-menu__actions {
  position: relative;
  display: block;
  overflow: auto;
  width: 100%;
  z-index: 1;
  height: 50px;
  padding: 0 30px;
  text-align: left;
  font-size: 18px;
}
.p-profile-menu__actions .links {
  display: inline-block;
}

.p-profile-menu__share-btn {
  position: absolute !important;
  top: 64px;
  left: 190px;
  padding: 4px 8px;
  cursor: pointer;
  transition: 333ms ease-in-out;
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.5px;
  color: #999;
  border: solid 1px #999;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1;
}
.p-profile-menu__share-btn:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3397d2;
}
.p-profile-menu__share-btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.p-profile-menu__share-btn span {
  vertical-align: middle;
}

/* mobile menu */
.p-profile-mobile-menu {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: relative;
  margin-top: -220px;
  font-size: 0;
  line-height: 1;
}
@media screen and (min-width: 1301px) {
  .p-profile-mobile-menu {
    display: none;
  }
}

.p-profile-mobile-menu__follow {
  position: absolute;
  top: 0;
  left: 15px;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 5px;
  background-color: rgba(31, 31, 31, 0.6);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.p-profile-mobile-menu__info {
  width: 100%;
  padding: 10px 10px 25px;
  text-align: center;
  white-space: nowrap;
  color: #fff;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 2%, rgba(0, 0, 0, 0.25) 54%, rgba(0, 0, 0, 0.25) 78%, transparent 100%);
}

.p-profile-mobile-menu__name {
  letter-spacing: -0.3px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0;
}

.p-profile-mobile-menu__actions {
  position: relative;
  display: flex;
  justify-content: center;
}
.p-profile-mobile-menu__actions > * {
  width: 145px;
  display: inline-flex;
}
.p-profile-mobile-menu__actions > *:first-child {
  margin-right: 20px;
}
.p-profile-mobile-menu__actions__team-btn team-badge {
  flex-shrink: 0;
  height: 18px;
  width: 18px;
  margin-right: 4px;
}
.p-profile-mobile-menu__actions__team-btn team-badge img {
  border: unset;
}

.p-profile-mobile-menu__actions__invite-team-btn i {
  margin-right: 5px;
}

.p-profile-mobile-menu__data {
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
  display: inline-flex;
  position: relative;
}
.p-profile-mobile-menu__data > div {
  position: relative;
  margin-left: 20px;
  height: 25px;
}
.p-profile-mobile-menu__data > div:before {
  position: absolute;
  left: -10px;
  width: 1px;
  height: 20px;
  top: 10%;
  background-color: white;
  content: "";
}
.p-profile-mobile-menu__data > div:first-child {
  margin-left: unset;
}
.p-profile-mobile-menu__data > div:first-child:before {
  content: unset;
}
.p-profile-mobile-menu__data .status {
  display: inline-block;
  padding: 2px 6px;
  letter-spacing: -0.3px;
  border: 1px solid #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.3);
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 600;
}
.p-profile-mobile-menu__data .country {
  letter-spacing: -0.3px;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 14px;
  font-weight: 400;
}
.p-profile-mobile-menu__data .country span {
  position: relative;
  top: 2px;
}
.p-profile-mobile-menu__data .points {
  font-size: 14px;
  font-weight: 400;
}
.p-profile-mobile-menu__data .points > span {
  vertical-align: middle;
}
.p-profile-mobile-menu__data .points .icon-gs-points {
  display: inline-block;
  width: 36px;
  height: 18px;
  background: url(../svg/gs_points_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.p-profile-mobile-menu__actions {
  margin-top: 25px;
}

.p-profile-mobile-menu__tabs {
  position: relative;
  width: 100%;
  white-space: nowrap;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
.p-profile-mobile-menu__tabs.other .p-profile-mobile-menu__tab {
  width: 20%;
}
.p-profile-mobile-menu__tabs.other .p-profile-mobile-menu__tab.active {
  width: 40%;
}

.p-profile-mobile-menu__tab {
  display: inline-block;
  overflow: hidden;
  width: 16%;
  min-height: 72px;
  padding-top: 15px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  color: #444;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
}
.p-profile-mobile-menu__tab.active {
  width: 36%;
  padding: 5px 0;
  color: #218ccc;
  border-color: #ebebeb;
  background: #ebebeb;
}
.p-profile-mobile-menu__tab.active .desc {
  display: block;
}
.p-profile-mobile-menu__tab i {
  font-size: 26px;
}
.p-profile-mobile-menu__tab .number {
  font-size: 14px;
}
.p-profile-mobile-menu__tab .desc {
  display: none;
}

.p-profile-mobile-menu__share-btn {
  position: absolute;
  top: 0;
  left: 5px;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 5px;
  background-color: rgba(31, 31, 31, 0.6);
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.p-profile-mobile-menu__share-btn i {
  margin-right: 5px;
  vertical-align: middle;
}
.p-profile-mobile-menu__share-btn span {
  vertical-align: middle;
}

/* / */
.p-profile__member-info {
  position: relative;
  display: block;
  padding: 0 50px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #f1f1f1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .p-profile__member-info {
    padding: 10px;
  }
}

.p-profile__member-info__avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 144px;
  height: 144px;
  margin: 0;
  margin-top: -72px;
  transition: 0.5s ease-in-out;
  vertical-align: bottom;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #e2e2e2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__member-info__avatar img {
  width: 100%;
  height: 100%;
}
.p-profile__member-info__avatar .changeAvatarBtn {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0.8em;
  transition: 0.2s ease-out;
  text-align: center;
  white-space: nowrap;
  text-decoration: none;
  opacity: 0;
  color: rgba(255, 255, 255, 0.85);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  font-size: 12px;
  font-weight: 600;
  line-height: 125px;
}
.p-profile__member-info__avatar .changeAvatarBtn:hover {
  opacity: 1;
  color: #fff;
}
.p-profile__member-info__avatar .changeAvatarBtn:hover .icon {
  opacity: 1;
  font-size: 15px;
}
@media screen and (max-width: 910px) {
  .p-profile__member-info__avatar {
    width: 80px;
    height: 80px;
    margin-top: 10px;
  }
}

.p-profile__member-info__avatar__status {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4px 0 20px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.41);
  font-size: 12px;
  font-weight: 600;
}

.p-profile__member-info__name {
  position: relative;
  display: inline-block;
  margin: 0 10px;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
}

.p-profile__member-info__name__points {
  position: absolute;
  top: -85px;
  white-space: nowrap;
  color: #fff;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.77);
  font-size: 51px;
  font-weight: 300;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__member-info__name__points span {
  vertical-align: top;
}
@media screen and (max-width: 910px) {
  .p-profile__member-info__name__points {
    display: none;
  }
}

.p-profile__member-info__name__points__label {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.71);
  font-size: 12px;
  font-weight: 600;
}
.p-profile__member-info__name__points__label .icon-gs-points {
  display: block;
  width: 67px;
  height: 32px;
  background: url(../svg/gs_points_icon.svg);
  background-repeat: no-repeat;
  background-size: 61px 31px;
  font-size: 12px;
}

.p-profile__member-info__country {
  min-height: 22px;
  color: #999;
  font-weight: 300;
}

.p-profile__member-info__follow.btn.follow {
  display: inline-block;
  width: 85px;
  margin-bottom: 24px;
  padding: 5px 10px;
  vertical-align: bottom;
  font-size: 14px;
}

.p-profile__member-info__links {
  display: inline-block;
  float: right;
  vertical-align: bottom;
  font-size: 0;
  line-height: 50px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__member-info__links a.social_icon {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  color: #999;
  background-color: #333;
  font-size: 14px;
  line-height: 70px;
}
@media screen and (max-width: 699px) {
  .p-profile__member-info__links {
    display: none;
  }
}

.p-profile__member-info__links__item {
  display: inline-block;
  line-height: 70px;
}
.p-profile__member-info__links__item + .p-profile__member-info__links__item {
  margin-left: 5px;
}
.p-profile__member-info__links__item i {
  line-height: 1;
}

.p-profile__member-info__links__item--btn {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}

.p-profile__member-info__links__label {
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
  color: #999;
  font-size: 14px;
  line-height: 1;
}

.p-profile__tabs {
  position: relative;
  overflow-x: auto;
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  text-align: right;
  white-space: nowrap;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}

.p-profile__tabs__item {
  display: inline-block;
  padding: 8px 14px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  text-decoration: none;
  color: #444;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__tabs__item.active, .p-profile__tabs__item:hover {
  border-color: #ebebeb;
  background: #ebebeb;
}
.p-profile__tabs__item.active {
  color: #218ccc;
}
.p-profile__tabs__item + .p-profile__tabs__item {
  border-left: 1px solid #ebebeb;
}
.p-profile__tabs__item:hover {
  text-decoration: none;
}
.p-profile__tabs__item span {
  display: block;
  font-size: 18px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .p-profile__tabs__item {
    padding: 4px 5px;
  }
}

.p-profile__guru-bio {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  padding: 0 0 30px;
  text-align: center;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  background-color: #fff;
}

.p-profile__guru-bio__badge {
  width: 144px;
  margin: -72px auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 910px) {
  .p-profile__guru-bio__badge {
    margin-top: 10px;
  }
}
@media screen and (max-width: 596px) {
  .p-profile__guru-bio__badge {
    width: 60px;
  }
}

.p-profile__guru-bio__items {
  display: block;
  max-width: 1600px;
  margin: 0 auto;
  font-size: 0;
}

.p-profile__guru-bio__items__item {
  display: inline-block;
  width: 50%;
  padding: 20px;
  text-align: left;
  vertical-align: middle;
}

.p-profile__guru-bio__items__item__text {
  overflow: hidden;
  max-height: 90px;
  font-size: 16px;
}
.p-profile__guru-bio__items__item__text.full {
  max-height: none;
}

.p-profile__guru-bio__items__item__more {
  cursor: pointer;
  color: #218ccc;
  font-size: 16px;
}

.p-profile__guru-bio__desc {
  margin: 5px 0;
  vertical-align: middle;
  font-size: 26px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__guru-bio__desc i {
  margin-top: -5px;
  vertical-align: middle;
  line-height: 1;
}
@media screen and (max-width: 596px) {
  .p-profile__guru-bio__desc {
    font-size: 13px;
  }
}

.p-profile__guru-bio__btn {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
}

.p-profile__guru-bio-bottom {
  position: fixed;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: block;
  overflow: hidden;
  width: 100%;
  max-height: 0;
  transition: max-height 1s ease-in-out, border 0.1s ease-in-out 1s;
  text-align: center;
  white-space: nowrap;
  border-top: 0 solid #3397d2;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 0;
  line-height: 1;
}
.p-profile__guru-bio-bottom.active {
  max-height: 1000px;
  transition: border 0.1s ease-in-out, max-height 1s ease-in-out 0.1s;
  border-top: 4px solid #3397d2;
}

.p-profile__guru-bio-bottom__avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 10px 0;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #e2e2e2;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 770px) {
  .p-profile__guru-bio-bottom__avatar {
    width: 25px;
    height: 25px;
  }
}

.p-profile__guru-bio-bottom__text {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  font-size: 26px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 770px) {
  .p-profile__guru-bio-bottom__text {
    max-width: 165px;
    margin: 0 5px;
    white-space: normal;
    font-size: 14px;
    line-height: 1.3;
  }
}

.p-profile__view {
  position: relative;
  width: 100%;
  min-height: 60vh;
  background-color: #f1f1f1;
}

.p-profile__no-items {
  position: relative;
  display: block;
  width: 100%;
  min-height: 60vh;
  margin-top: 30px;
  text-align: center;
  color: #444;
  background-color: #f1f1f1;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.p-profile__no-items i {
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 100px;
}
@media screen and (max-width: 768px) {
  .p-profile__no-items img {
    height: 70px;
  }
}

.p-profile__no-items__title {
  margin: 10px auto 15px;
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 35px;
  font-weight: 300;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .p-profile__no-items__title {
    font-size: 24px;
  }
}

.p-profile__no-items__text {
  font-size: 25px;
  font-weight: 300;
}

.p-profile__no-items__btn {
  margin-top: 10px;
  cursor: pointer;
}

.block-user-button {
  display: inline-block;
  float: right;
  margin-left: 5px;
  font-size: 0;
  line-height: 50px;
}
.block-user-button block-user-button {
  font-size: 34px;
  display: block;
}

@media screen and (max-width: 768px) {
  block-user-button {
    position: relative;
    top: 0;
    width: auto !important;
    font-size: 29px;
    margin-left: 20px;
  }
}
social-item {
  display: block;
}
social-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  min-width: 150px;
  font-weight: 600;
}
social-item span.social-item__google-photos-disconnect {
  vertical-align: top;
  position: relative;
  top: 8px;
}

.social-item__btn {
  background-color: white;
  cursor: pointer;
  width: 239px;
  height: 40px;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24);
  padding: 0 8px;
  display: flex;
  align-items: center;
}
.social-item__btn img {
  width: 24px;
  height: 24px;
  margin-right: 16px;
}

.social-item__btn-text {
  font-size: 14px;
}

.social-item__wrapper {
  vertical-align: middle;
  display: inline-block;
  color: #3c4043;
}

.social-item__disconnect .social-item__btn {
  border: solid 1px #3c4043;
  box-shadow: unset;
  justify-content: center;
}

.social-item__top {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.social-item__top img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-right: 13px;
}

profile-settings {
  display: block;
  width: 100%;
  padding: 40px;
  text-align: center;
  color: #333;
  background-color: #f1f1f1;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
profile-settings md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #218ccc;
}
@media screen and (max-width: 1000px) {
  profile-settings {
    height: auto;
  }
}

.profile-settings__title {
  margin-bottom: 30px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  font-size: 24px;
}

.profile-settings__block, .profile-settings__block--preferences, .profile-settings__block--thin {
  position: relative;
  width: 600px;
  max-width: 100%;
  margin: 50px auto;
  padding: 20px 20px 50px;
  text-align: left;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
}
.profile-settings__block .block__title, .profile-settings__block--preferences .block__title, .profile-settings__block--thin .block__title {
  position: absolute;
  top: -24px;
  left: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-size: 14px;
}
.profile-settings__block md-checkbox:last-of-type, .profile-settings__block--preferences md-checkbox:last-of-type, .profile-settings__block--thin md-checkbox:last-of-type {
  margin: 0;
}

.profile-settings__block--thin {
  padding: 20px;
}

.profile-settings__block-line {
  margin: 20px auto;
}

.profile-settings__input {
  width: 200px;
  max-width: calc(100% - 40px);
  margin: 20px 20px 0;
  vertical-align: top;
  font-size: 18px;
}

.profile-settings__url {
  display: inline-block;
  margin: 10px 20px 0;
  vertical-align: middle;
  text-decoration: none;
  color: #ccc;
  font-size: 14px;
}
.profile-settings__url:hover {
  text-decoration: none;
}
.profile-settings__url span {
  color: #218ccc;
  font-size: 18px;
}

.profile-settings__line-item {
  margin: 10px 20px;
}
.profile-settings__line-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.profile-settings__line-item span:first-child {
  min-width: 150px;
  font-weight: 600;
}
.profile-settings__line-item span.number {
  min-width: 81px;
  padding-right: 5px;
  color: #218ccc;
  font-size: 16px;
  font-weight: 600;
}
.profile-settings__line-item .gs-btn--blue--s--, .profile-settings__line-item fixed-footer .fix-footer__btn--s--, fixed-footer .profile-settings__line-item .fix-footer__btn--s--, .profile-settings__line-item .gs-btn--white, .profile-settings__line-item .gs-btn--red, .profile-settings__line-item .gs-btn--grey, .profile-settings__line-item .gs-btn--instagram {
  margin: 10px 0;
  padding: 6px 8px;
}
.profile-settings__line-item .gs-btn--blue--s--.run, .profile-settings__line-item fixed-footer .run.fix-footer__btn--s--, fixed-footer .profile-settings__line-item .run.fix-footer__btn--s--, .profile-settings__line-item .run.gs-btn--white, .profile-settings__line-item .run.gs-btn--red, .profile-settings__line-item .run.gs-btn--grey, .profile-settings__line-item .run.gs-btn--instagram {
  padding: 6px 18px 6px 8px;
}

.profile-settings__social-item {
  margin: 10px 20px;
}
.profile-settings__social-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.profile-settings__social-item span:first-child {
  min-width: 150px;
  font-weight: 600;
}

.profile-settings__peecho-item {
  margin: 10px 20px;
}
.profile-settings__peecho-item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.profile-settings__peecho-item span:first-child {
  min-width: 150px;
  font-weight: 600;
}

.profile-settings__link, .profile-settings__unlink {
  min-width: 110px;
  padding: 4px 8px;
  cursor: pointer;
  transition: 0.2s ease-in-out;
  text-align: center;
  color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #218ccc;
}
.profile-settings__link span, .profile-settings__unlink span, .profile-settings__link i, .profile-settings__unlink i {
  vertical-align: middle;
}
.profile-settings__link:hover, .profile-settings__unlink:hover {
  color: #000;
  background-color: #fff;
}

.profile-settings__unlink {
  color: #fff;
  background-color: tomato;
}

.profile-settings__save-btn {
  position: absolute;
  right: 10px;
  bottom: 10px;
  font-size: 14px;
}
.profile-settings__save-btn.run {
  padding-right: 18px;
}

.profile-settings__block--preferences {
  padding: 30px 40px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .profile-settings__block--preferences {
    padding: 30px 30px;
  }
}
@media screen and (max-width: 400px) {
  .profile-settings__block--preferences {
    padding: 30px 10px;
  }
}

.profile-settings__preferences-item {
  display: block;
  cursor: pointer;
  text-decoration: none;
}
.profile-settings__preferences-item:hover {
  text-decoration: none;
}
.profile-settings__preferences-item + .profile-settings__preferences-item {
  margin-top: 20px;
}
.profile-settings__preferences-item i {
  vertical-align: middle;
  color: #3397d2;
  font-size: 18px;
}
.profile-settings__preferences-item span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  color: #333;
  font-size: 14px;
}

.profile-settings__social-item {
  margin: 10px 20px 20px;
}

.profile-settings__social {
  padding: 20px 0 20px 40px;
}

.profile-settings__social__title {
  font-size: 14px;
  font-weight: 600;
  color: #3397d2;
}

.profile-settings__divider {
  background-color: #eef2f5;
  height: 1px;
  margin: 25px 0;
}

.profile-settings__social-btn:last-child .profile-settings__divider {
  display: none;
}

sell-photos {
  display: block;
  width: 100%;
  min-height: calc(100vh - 68px);
  padding-top: 68px;
  position: relative;
  text-align: center;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
sell-photos iframe {
  width: 100%;
  min-height: calc(100vh - 68px);
}
@media screen and (max-width: 1000px) {
  sell-photos {
    height: auto;
    padding-top: 0;
    padding-bottom: 44px;
  }
}

.sell-photos__cover {
  position: relative;
  width: 100%;
  padding-bottom: 24.44%;
  background-image: url("../png/cover-sell-photos.png");
}

.sell-photos__title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
  text-align: center;
  text-shadow: -0.9px 0.5px 60px rgba(0, 0, 0, 0.4);
}
.sell-photos__title h1 {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
}
.sell-photos__title p {
  max-width: 909px;
  margin: 20px auto 0;
  padding: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.61;
}

.sell-photos__terms {
  margin: 60px auto 20px;
  text-align: center;
  color: #000000;
  font-size: 16px;
  line-height: 1.81;
}
.sell-photos__terms span {
  color: #3397d2;
  font-weight: 600;
  cursor: pointer;
}

.sell-photos__btn {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  text-align: center;
  color: #ffffff;
  border-radius: 4px;
  background-color: #218ccc;
  font-size: 20px;
  font-weight: 600;
}

.sell-photos__agreement {
  width: 565px;
  max-width: calc(100vw - 20px);
  margin: 40px auto;
  padding: 25px;
  background-color: #ebebeb;
}
.sell-photos__agreement h2 {
  text-align: center;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.71;
}
.sell-photos__agreement p {
  margin: 10px auto;
  text-align: left;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.71;
}

sponsors-page {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding-top: 68px;
  text-align: center;
  background-color: #eee;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
sponsors-page iframe {
  width: 100%;
  height: 1200px;
  margin: 10px auto;
}
@media screen and (max-width: 1000px) {
  sponsors-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-info, teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, .team-invite-item__top avatar, teams-info .teams-info__team-member__image, .team-members__team-member__image, team-suggested-member-item avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-info .teams-info__wrraper, teams-create .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-info .teams-info__title, teams-create .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, team-details .team-details__items .team-details-item .team-details-item__img-country, .team-suggested-member-item__details img {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-invites-item, team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-members__team-member-item__status, .team-suggested-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

team-suggested-member-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 135px;
  height: 187px;
  position: relative;
  padding: 12px 0;
  flex-shrink: 0;
}
team-suggested-member-item avatar {
  width: 50px;
  height: 50px;
}
team-suggested-member-item .gs-close-btn, team-suggested-member-item .modal-close-btn {
  font-size: 8px;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

.team-suggested-member-item__name {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  height: 38px;
  width: inherit;
  padding: 0 5px;
  display: flex;
  align-items: center;
}
.team-suggested-member-item__name > div {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.team-suggested-member-item__details {
  margin-top: 5px;
  display: flex;
}
.team-suggested-member-item__status {
  font-size: 12px;
  font-weight: 600;
  border-radius: 3px;
  height: 20px;
  position: relative;
  margin-left: 10px;
  padding: 0 5px;
}
.team-suggested-member-item__status:before {
  position: absolute;
  left: -5px;
  width: 1px;
  height: 90%;
  top: 10%;
  background-color: #dee5ec;
  content: "";
}

.team-suggested-member-item__invite-btn {
  margin-top: auto;
}

.team-suggested-member-item__invited {
  margin-top: auto;
  height: 36px;
  width: 121px;
  border-radius: 4px;
  background-color: #f5f5f5;
  font-size: 12px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 5px;
}
.team-suggested-member-item__invited > div {
  width: 100%;
}

team-suggested-members {
  display: block;
  padding: 10px 0 15px 15px;
  height: 272px;
  position: relative;
}
team-suggested-members teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
team-suggested-members teams-page textarea,
team-suggested-members teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
team-suggested-members teams-page textarea::placeholder,
team-suggested-members teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  team-suggested-members teams-page {
    display: none;
  }
}
team-suggested-members .teams-page-gen, team-suggested-members .teams-intro, team-suggested-members teams-join, team-suggested-members teams-info, team-suggested-members teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}
team-suggested-members .teams-member-avatar, team-suggested-members .team-invite-item__top avatar, .team-invite-item__top team-suggested-members avatar, team-suggested-members teams-info .teams-info__team-member__image, teams-info team-suggested-members .teams-info__team-member__image, team-suggested-members .team-members__team-member__image, team-suggested-members team-suggested-member-item avatar, team-suggested-member-item team-suggested-members avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}
team-suggested-members .teams-page__box, team-suggested-members .teams-join__teams, team-suggested-members teams-info .teams-info__wrraper, teams-info team-suggested-members .teams-info__wrraper, team-suggested-members teams-create .teams-create__main__wrapper, teams-create team-suggested-members .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}
team-suggested-members .teams-page__title, team-suggested-members teams-info .teams-info__title, teams-info team-suggested-members .teams-info__title, team-suggested-members teams-create .teams-create__title, teams-create team-suggested-members .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}
team-suggested-members .teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}
team-suggested-members .teams-page__ui-view {
  height: 100%;
}
team-suggested-members .icon-teams-points {
  color: #ffc422;
}
team-suggested-members .admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
team-suggested-members .teams__total-vote, team-suggested-members .match-active-header__item-content__badge-wrapper__total-votes, team-suggested-members .match-close__losing-team .match-close__losing-team__team-score, .match-close__losing-team team-suggested-members .match-close__losing-team__team-score, team-suggested-members .match-close__winning-team-score, team-suggested-members .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
team-suggested-members .teams__total-vote div, team-suggested-members .match-active-header__item-content__badge-wrapper__total-votes div, team-suggested-members .match-close__losing-team .match-close__losing-team__team-score div, .match-close__losing-team team-suggested-members .match-close__losing-team__team-score div, team-suggested-members .match-close__winning-team-score div, team-suggested-members .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
team-suggested-members .teams__total-vote i, team-suggested-members .match-active-header__item-content__badge-wrapper__total-votes i, team-suggested-members .match-close__losing-team .match-close__losing-team__team-score i, .match-close__losing-team team-suggested-members .match-close__losing-team__team-score i, team-suggested-members .match-close__winning-team-score i, team-suggested-members .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}
team-suggested-members .teams__list-titles, team-suggested-members .match-history__list__titles, team-suggested-members .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}
team-suggested-members .team-img-country, team-suggested-members .team-item__right__country img, .team-item__right__country team-suggested-members img, team-suggested-members team-details .team-details__items .team-details-item .team-details-item__img-country, team-details .team-details__items .team-details-item team-suggested-members .team-details-item__img-country, team-suggested-members .team-suggested-member-item__details img, .team-suggested-member-item__details team-suggested-members img {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
team-suggested-members .team-component, team-suggested-members team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}
team-suggested-members .team-component-item, team-suggested-members team-invites-item, team-suggested-members team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}
team-suggested-members .team-member-status, team-suggested-members .team-members__team-member-item__status, team-suggested-members .team-suggested-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}
team-suggested-members .team-suggested-members {
  height: 100%;
  display: flex;
  flex-direction: column;
}
team-suggested-members .team-suggested-members__top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eef2f5;
  padding-bottom: 5px;
}
team-suggested-members .team-suggested-members__top-invited {
  border-bottom: 1px solid #eef2f5;
  padding-bottom: 5px;
}
team-suggested-members .team-suggested-members__top-invited .team-suggested-members__top__title {
  color: #939393;
}
team-suggested-members .team-suggested-members__top__title {
  font-weight: 600;
}
team-suggested-members .team-suggested-members__top__view-invited-members-btn {
  margin-left: auto;
  margin-right: 10px;
}
team-suggested-members .team-suggested-members__top__back-btn, team-suggested-members .team-suggested-members__top__view-invited-members-btn {
  font-weight: 600;
  color: #3397d2;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}
team-suggested-members .team-suggested-members__top__filter-btn {
  margin-right: 10px;
  width: 34px;
  height: 34px;
  background-image: unset;
  box-shadow: 0 1px 3px 0 #b5dbff;
  border: solid 2px #ffffff;
  background-color: #ffffff;
  cursor: pointer;
  border-radius: 50%;
}
team-suggested-members .team-suggested-members__top__filter-btn i {
  font-size: 16px;
  color: #3397d2;
}
team-suggested-members .team-suggested-members__top__filter-btn-active {
  box-shadow: -2px 2px 5px 3px rgba(175, 207, 226, 0.3);
  background-color: unset;
  border: unset;
  background-image: linear-gradient(45deg, #0064a1 0%, #0c9ed3);
}
team-suggested-members .team-suggested-members__top__filter-btn-active i {
  color: white;
}
team-suggested-members .team-suggested-members__list {
  flex-shrink: 0;
  overflow-x: auto;
  display: flex;
  margin-top: 15px;
  padding-bottom: 13px;
  padding-left: 2px;
  padding-top: 2px;
}
team-suggested-members .team-suggested-members__list team-suggested-member-item {
  overflow: hidden;
  margin-left: 10px;
}
team-suggested-members .team-suggested-members__list team-suggested-member-item:first-child {
  margin-left: unset;
}
team-suggested-members .team-suggested-members__empty-state {
  font-size: 16px;
  font-weight: 600;
  flex: 1;
}
team-suggested-members .team-suggested-members__filters-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  background-color: white;
  padding: 15px 20px 20px;
  display: flex;
  flex-direction: column;
}
team-suggested-members .team-suggested-members__filters-overlay .gs-close-btn, team-suggested-members .team-suggested-members__filters-overlay .modal-close-btn {
  font-size: 13px;
  width: 24px;
  height: 24px;
}
team-suggested-members .team-suggested-members__filters-overlay__top {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #eef2f5;
  padding-bottom: 10px;
  font-weight: 800;
}
team-suggested-members .team-suggested-members__filters-overlay__filters {
  margin-top: 20px;
}
team-suggested-members .team-suggested-members__filters-overlay__filters > div {
  display: inline-block;
  position: relative;
  margin-bottom: 4px;
}
team-suggested-members .team-suggested-members__filters-overlay__filters > div:nth-child(odd) {
  width: 320px;
}
team-suggested-members .team-suggested-members__filters-overlay__filters md-checkbox .md-label {
  margin-left: 40px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}
team-suggested-members .team-suggested-members__help-btn {
  position: relative;
  top: -2px;
  margin-left: 10px;
  display: inline-flex;
  width: 19px;
  height: 19px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  padding: unset;
}
team-suggested-members .team-suggested-members__help-btn i {
  font-size: 7px;
}
team-suggested-members .team-suggested-members__filters-overlay__actions {
  text-align: right;
  margin-top: auto;
}
team-suggested-members .team-suggested-members__filters-overlay__actions button {
  display: inline-block;
  width: 166px;
  height: 40px;
  font-size: 16px;
}
team-suggested-members .team-suggested-members__filters-overlay__actions button:first-child {
  margin-right: 20px;
}

.team-home {
  text-align: left;
  height: calc(100vh - 68px - 6vh);
  display: flex;
  justify-content: center;
  margin: 3vh auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.team-home.ads {
  height: calc(100vh - 70px - 68px - 6vh);
}
.team-home .team-home-page__main {
  display: flex;
  margin-right: 20px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
}
.team-home .team-home-page__main__tabs {
  flex-shrink: 0;
  width: 93px;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  height: 100%;
  padding-top: 10px;
  position: relative;
  z-index: 30;
}
.team-home .team-home-page__main__tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 82px;
  cursor: pointer;
  border-bottom: 1px solid #eef2f5;
  margin: 0 9px;
  position: relative;
}
.team-home .team-home-page__main__tab-item i {
  color: #acbed0;
  margin-bottom: 7px;
}
.team-home .team-home-page__main__tab-item div {
  font-size: 11px;
}
.team-home .team-home-page__main__tab-item.active {
  font-weight: bold;
  cursor: unset;
}
.team-home .team-home-page__main__tab-item.active i {
  background: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-home .team-home-page__main__tab-item.active div {
  color: #3397d2;
}
.team-home .team-home-page__main__tab-item.active:before {
  width: 2px;
  height: 64px;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  position: absolute;
  content: "";
  right: -9px;
  top: 9px;
}
.team-home .team-home-page__main__tab-item:nth-child(1) i {
  font-size: 17px;
}
.team-home .team-home-page__main__tab-item:nth-child(2) i {
  font-size: 13px;
}
.team-home .team-home-page__main__tab-item:nth-child(3) {
  border-bottom: unset;
}
.team-home .team-home-page__main__tab-item:nth-child(3) i {
  font-size: 26px;
}
.team-home .team-home-page__main__ui-view {
  width: 755px;
}
.team-home .team-home-page__chat {
  width: 343px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
}
.team-home .team-home-page__header, .team-home .match-header, .team-home .team-leaderboard__header, .team-home .my-team__header {
  flex-shrink: 0;
  height: 65px;
  width: 100%;
  box-shadow: 3px 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 20px;
}
.team-home .team-home-page__header .team-home-page__header-title, .team-home .team-home-page__header .match-header__title, .team-home .match-header .team-home-page__header-title, .team-home .match-header .match-header__title, .team-home .team-leaderboard__header .team-home-page__header-title, .team-home .team-leaderboard__header .match-header__title, .team-home .team-home-page__header .my-team__header__title, .team-home .match-header .my-team__header__title, .team-home .team-leaderboard__header .my-team__header__title, .team-home .my-team__header .team-home-page__header-title, .team-home .my-team__header .match-header__title, .team-home .my-team__header .my-team__header__title {
  font-size: 18px;
  font-weight: 800;
}
.team-home .team-home-page__header-help-btn {
  width: 34px;
  height: 34px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .team-home .my-team__info__right {
    float: unset;
    margin-top: 20px;
  }
}

my-team {
  position: relative;
  display: block;
  height: 100%;
}
my-team team-members {
  padding: 15px 15px 15px 0;
}
my-team team-details .team-details-item > span {
  color: #727272;
}
my-team team-details .team-details-item:after {
  background-color: #eef2f5;
}
my-team team-suggested-members {
  margin: 15px 0;
  flex-shrink: 0;
}

.my-team__settings {
  border-top: 1px solid #eef2f5;
  position: absolute;
  top: 65px;
  width: 100%;
  max-height: 0;
  transition: max-height 0.2s ease-out;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: #ffffff;
  overflow: hidden;
  z-index: 100;
}

.my-team__settings-open {
  max-height: 500px;
  transition: max-height 0.2s ease-in;
}

.my-team__settings__section {
  margin-right: 30px;
  display: flex;
  align-items: center;
}
.my-team__settings__section i {
  color: #3397d2;
  font-size: 16px;
  padding: 20px 5px 20px 15px;
}
.my-team__settings__section .icon-pencil-teams {
  font-size: 16px;
}
.my-team__settings__section .icon-leave-team {
  font-size: 20px;
}
.my-team__settings__section:last-child > div {
  border-bottom: unset;
}
.my-team__settings__section > div {
  width: 100%;
  border-bottom: 1px solid #eef2f5;
  padding: 20px;
}
.my-team__settings__section > div > div {
  width: 145px;
  display: inline-flex;
  height: 35px;
  font-size: 16px;
}

.my-team__header__team-badge {
  width: 40px;
  height: 40px;
}

.my-team__header__title {
  margin-left: 15px;
  max-width: 450px;
}

.my-team__header__action {
  margin-left: auto;
}

.my-team__header__help-btn {
  margin-right: 13px;
}

.my-team__header__settings-btn {
  cursor: pointer;
  padding-left: 20px;
}
.my-team__header__settings-btn > div {
  background-color: #63aedb;
  border-radius: 50%;
  height: 5px;
  width: 5px;
  margin-bottom: 4px;
}
.my-team__header__settings-btn > div:last-child {
  margin-bottom: unset;
}

.my-team__content {
  padding: 0 30px;
  height: calc(100% - 65px);
  display: flex;
  flex-direction: column;
  position: relative;
  overflow-y: auto;
}
.my-team__content:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10%;
  content: "";
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 12px 12px 12px 0;
  opacity: 0;
  transition: all 0.2s ease-out;
  transform-origin: top center;
}

.my-team__content-overlay {
  pointer-events: none;
}
.my-team__content-overlay:before {
  height: 100%;
  opacity: 1;
  transition: all 0.2s ease-in;
  z-index: 100;
}

.my-team__content__desc {
  word-break: break-word;
  padding: 20px 25px 20px 0;
  border-bottom: 1px solid #eef2f5;
}

.my-team__content__info-wrapper {
  padding: 20px 0;
  border-bottom: 1px solid #eef2f5;
}

my-team-chat-member-list {
  display: block;
}

.my-team-chat-member-list {
  max-height: 195px;
  padding: 23px 15px 5px;
  background-color: white;
  display: block;
  overflow-y: auto;
}
.my-team-chat-member-list__item {
  width: 100%;
  height: 40px;
  border-radius: 6px;
  box-shadow: 0 2px 3px 2px rgba(161, 206, 233, 0.16);
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  cursor: pointer;
}
.my-team-chat-member-list__item:last-child {
  margin-bottom: unset;
}
.my-team-chat-member-list__item avatar {
  width: 30px;
  height: 30px;
  margin-left: 5px;
}
.my-team-chat-member-list__item member-name {
  margin-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

my-team-chat-reply-message {
  padding-right: 15px;
}

.reply-message {
  display: flex;
  align-items: center;
  width: 100%;
}
.reply-message__divider {
  width: 3px;
  height: 31px;
}
.reply-message__text {
  width: 80%;
  flex: 1;
  font-size: 12px;
}
.reply-message__text > div {
  font-weight: bold;
  position: relative;
  top: -1px;
}
.reply-message__text > span {
  display: block;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-info, teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, .team-invite-item__top avatar, teams-info .teams-info__team-member__image, .team-members__team-member__image, team-suggested-member-item avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-info .teams-info__wrraper, teams-create .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-info .teams-info__title, teams-create .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, team-details .team-details__items .team-details-item .team-details-item__img-country, .team-suggested-member-item__details img {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-invites-item, team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-members__team-member-item__status, .team-suggested-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

my-team-chat {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
my-team-chat .gs-loader {
  background-color: white;
}
my-team-chat .gs-loader-small {
  margin: 0 auto 15px auto;
}

.my-team-chat__chat__header {
  padding: 0 20px;
  flex-shrink: 0;
  height: 52px;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  width: 100%;
  color: #1c1c1c;
  font-size: 14px;
  font-weight: 400;
}
.my-team-chat__chat__header i {
  color: #bdcbd9;
  font-size: 24px;
  margin-right: 5px;
}

.my-team-chat__chat-messages {
  padding-top: 10px;
  flex: 1;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
}

.my-team-chat__chat-message-container {
  flex-shrink: 0;
  margin: 0 10px;
  display: flex;
  margin-bottom: 10px;
  flex-direction: column;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default {
  align-self: flex-start;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default .my-team-chat__chat-message__default__avatar {
  margin-right: unset;
  margin-left: 10px;
  order: 2;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default-wrapper {
  order: 1;
  background-color: #e6f7ff;
  border-top-right-radius: unset;
  border-top-left-radius: 15px;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default__user-name {
  color: #0080ff !important;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default__actions {
  order: 1;
  margin-right: 6px;
}
.my-team-chat__chat-message-container.my-team-chat__me .my-team-chat__chat-message__default__reply-message__wrapper {
  background-color: #d3e8f5;
}
.my-team-chat__chat-message-container .my-team-chat__chat-message__default__photo__footer {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0 0 12px 12px;
}
.my-team-chat__chat-message__default {
  display: flex;
  align-items: center;
  align-self: flex-end;
}
.my-team-chat__chat-message__default:hover .my-team-chat__chat-message__default__actions {
  visibility: visible;
}

.my-team-chat__chat-message__default__actions {
  order: 3;
  margin-left: 6px;
  visibility: hidden;
}

.my-team-chat__chat-message__default-wrapper {
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  background-color: #f5f5f5;
  padding: 10px 15px 15px;
  max-width: 224px;
  min-width: 220px;
  order: 2;
}

.message-highlight {
  animation: highlight 1000ms 2;
  animation-direction: alternate;
}

.my-team-chat__chat-message__default__reply-message__wrapper {
  height: 54px;
  border-radius: 12px;
  background-color: #dee5ec;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.my-team-chat__chat-message__default__reply-message__wrapper .reply-message__text {
  width: 65%;
}

.my-team-chat__chat-message__default__actions-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eef2f5;
  cursor: pointer;
  color: #9cb1c7;
}
.my-team-chat__chat-message__default__actions-btn:hover {
  color: #3397d2;
}
.my-team-chat__chat-message__default__actions-btn .icon-chat-reply {
  font-size: 9px;
}

.my-team-chat__chat-message__default__avatar {
  order: 1;
}

.my-team-chat__avatar, .my-team-chat__chat-message__default__avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.my-team-chat__chat-message__default__user-name {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  max-width: 90%;
}

.my-team-chat__chat-message__default__time {
  font-size: 14px;
  opacity: 0.5;
  display: inline-block;
  float: right;
}

.my-team-chat__chat-message__default__message {
  font-size: 14px;
  word-wrap: break-word;
}

.my-team-chat__chat-message__system {
  margin: 0 auto;
  border-radius: 12px;
  background-color: rgba(51, 151, 210, 0.08);
  font-size: 14px;
  padding: 2px 15px;
}

.my-team-chat__chat-message__system__user-name {
  font-weight: bold;
}

.chat-textarea, .my-team-chat__chat__bottom__send-message {
  box-shadow: 0 3px 8px 0 rgba(147, 147, 147, 0.11);
  border: solid 1px #bdcbd9;
  position: relative;
}
.chat-textarea textarea, .my-team-chat__chat__bottom__send-message textarea {
  width: 100%;
  height: 100%;
  border: unset;
  background-color: unset;
  padding: 0 10px;
  resize: none;
}

.my-team-chat__chat__bottom__action .icon-emoji-picker, .my-team-chat__chat__bottom__photo-share-btn {
  pointer-events: none;
  color: #bdcbd9;
}
.my-team-chat__chat__bottom__action .icon-emoji-picker:hover, .my-team-chat__chat__bottom__photo-share-btn:hover {
  color: #3397d2;
}

.my-team-chat__chat__bottom {
  border-top: 1px solid #dee5ec;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 20px 10px 17px 10px;
  position: relative;
}
.my-team-chat__chat__bottom__send-message {
  border-radius: 20px;
  font-size: 14px;
  width: 229px;
  margin-right: 5px;
}
.my-team-chat__chat__bottom__send-message textarea {
  font-size: 14px;
  max-height: 118px;
  line-height: 28px;
  min-height: 30px;
}
.my-team-chat__chat__bottom__send-btn {
  border-radius: 50%;
  background-color: #bdcbd9;
  width: 24px;
  height: 24px;
  pointer-events: none;
}
.my-team-chat__chat__bottom__send-btn .icon-send {
  color: white;
  font-size: 12px;
}
.my-team-chat__chat__bottom__photo-share-btn {
  margin-right: 5px;
}
.my-team-chat__chat__bottom__action {
  display: flex;
  align-items: center;
  position: relative;
}
.my-team-chat__chat__bottom__action > div {
  margin-left: 7px;
}
.my-team-chat__chat__bottom__action .icon-emoji-picker {
  font-size: 26px;
}

.my-team-chat__room-created .my-team-chat__chat__bottom__photo-share-btn {
  pointer-events: all;
  cursor: pointer;
}
.my-team-chat__room-created .my-team-chat__chat__bottom__action .icon-emoji-picker {
  pointer-events: all;
  cursor: pointer;
}

.my-team-chat__message-not-empty .my-team-chat__chat__bottom__send-btn, .my-team-chat__photo-selected .my-team-chat__chat__bottom__send-btn {
  pointer-events: all;
  background-color: #218ccc;
}

.my-team-chat__message-not-empty .my-team-chat__chat__bottom__send-message {
  cursor: pointer;
  border-color: rgba(33, 140, 204, 0.3);
}

.my-team-chat__chat-message__match {
  width: 100%;
  max-width: 318px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 10px;
  object-fit: contain;
  border-radius: 22px;
  background-image: radial-gradient(circle at 54% 46%, #f9fafa, #e2eef7 98%);
  font-size: 14px;
}
.my-team-chat__chat-message__match > img {
  height: 110px;
}
.my-team-chat__chat-message__match .match-challenge {
  margin: 10px unset unset;
  width: 298px;
  height: 150px;
}
.my-team-chat__chat-message__match .match-challenge footer {
  height: 41px;
}
.my-team-chat__chat-message__match .match-challenge li.prizes span, .my-team-chat__chat-message__match .match-challenge li.soon span {
  margin-top: 4px;
}
.my-team-chat__chat-message__match .match-challenge .gs-challenge__countdown {
  font-size: 14px !important;
}
.my-team-chat__chat-message__match .match-challenge .gs-challenge__data__btn--status span {
  padding: 7px 0 !important;
  width: 84px;
}

.my-team-chat__chat-message__match__title {
  font-size: 18px;
  font-weight: 800;
  margin-top: -10px;
}

.my-team-chat__chat-message__match__subtitle {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  width: 85%;
}

.my-team-chat__chat-message__match__waiting {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 4px 9px;
  margin: 20px 0;
}
.my-team-chat__chat-message__match__waiting div {
  color: rgba(49, 48, 48, 0.8);
  font-size: 14px;
  font-weight: bold;
  margin-left: 5px;
}
.my-team-chat__chat-message__match__waiting img {
  height: 17px;
}

.my-team-chat__chat-message__match__teams {
  position: relative;
  width: 95%;
  margin-top: 10px;
  border-top: 1px solid #dee5ec;
  border-bottom: 1px solid #dee5ec;
  padding: 15px 0 10px;
}
.my-team-chat__chat-message__match__teams > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 32px;
}
.my-team-chat__chat-message__match__teams > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50%;
}
.my-team-chat__chat-message__match__teams > div > span {
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0 7px;
  color: #5b5a5a;
}
.my-team-chat__chat-message__match__teams > div:nth-of-type(1) {
  padding-right: 20px;
}
.my-team-chat__chat-message__match__teams > div:nth-of-type(2) {
  padding-left: 20px;
  margin-left: auto;
}
.my-team-chat__chat-message__match__teams > div:nth-of-type(2) .my-team-chat__chat-message__team-total-vote {
  background-image: radial-gradient(circle at 109% 62%, #ff9cb0, #6a0bc8 91%);
}

.my-team-chat__chat-message__match__teams__match-close-badge {
  position: relative;
  margin: unset;
}
.my-team-chat__chat-message__match__teams__match-close-badge > img {
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 61px;
  height: 36px;
  object-fit: contain;
}
.my-team-chat__chat-message__match__teams__match-close-badge team-badge {
  width: 35px;
  height: 35px;
}

.my-team-chat__chat-message__team-total-vote {
  color: white;
  width: 98px;
  height: 29px;
  background-image: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 99%);
}

.my-team-chat__chat-message__match__info {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 263px;
  height: 68px;
  border-radius: 12px;
  background-color: #ffffff;
  text-align: center;
}
.my-team-chat__chat-message__match__info .teams__details-item__divider {
  background-color: #dee5ec;
}
.my-team-chat__chat-message__match__info .team-details-item img, .my-team-chat__chat-message__match__info .team-details-item i {
  margin-left: 3px;
}
.my-team-chat__chat-message__match__info .team-details-item > span {
  font-weight: normal;
}
.my-team-chat__chat-message__match__info .team-details-item .icon-vote-new {
  color: #7abae0;
  font-size: 15px;
}
.my-team-chat__chat-message__match__info .team-details-item .team-details-item__top {
  font-size: 14px;
}

.my-team-chat__chat-message__match__result-btn {
  margin-top: 15px;
  color: white;
  width: 170px;
  height: 36px;
}

.my-team-chat__chat-message__match_closed .my-team-chat__chat-message__match > img {
  height: 140px;
}

.my-team-chat__default-state {
  text-align: center;
}
.my-team-chat__default-state i {
  color: #eff7fb;
  font-size: 140px;
}
.my-team-chat__default-state div {
  margin-top: 21px;
  line-height: 1.36;
  font-size: 14px;
}

.my-team-chat__chat-message__league {
  width: 100%;
  max-width: 318px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 10px;
  object-fit: contain;
  border-radius: 22px;
  font-size: 14px;
  text-align: center;
}
.my-team-chat__chat-message__league.my-team-chat__chat-message__league_promote {
  box-shadow: 0 0 3px 1px rgba(97, 97, 97, 0.19);
  background-image: radial-gradient(circle at 50% 50%, #fbfffe, #abf1ed 100%);
}
.my-team-chat__chat-message__league.my-team-chat__chat-message__league_promote .my-team-chat__chat-message__league__status {
  display: block;
}
.my-team-chat__chat-message__league.my-team-chat__chat-message__league_stay {
  background-image: radial-gradient(circle at 54% 46%, #f9fafa, #c8e7ff 80%);
}
.my-team-chat__chat-message__league.my-team-chat__chat-message__league_drop {
  background-image: radial-gradient(circle at 54% 46%, #f9fafa, #f7e2e2 80%);
}

.my-team-chat__chat-message__league__title {
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
}

.my-team-chat__chat-message__league__status {
  width: 119px;
  height: 25px;
  margin-top: 14px;
  display: none;
  flex-shrink: 0;
}

.my-team-chat__chat-message__league__text {
  font-size: 18px;
  font-weight: 800;
  margin: 20px 45px;
}

.my-team-chat__chat-message__league__badge {
  margin-top: 27px;
  width: 183px;
  height: 120px;
  background-image: url("../svg/chat-league-badge-backgound.svg");
  background-position: center center;
  background-size: cover;
}
.my-team-chat__chat-message__league__badge img {
  width: 120px;
  height: 120px;
}

.emoji-popover {
  max-width: unset !important;
}
.emoji-popover.top {
  top: -271px !important;
  left: -265px !important;
  width: 343px;
}
.emoji-popover .icon-car:before, .emoji-popover .icon-bell:before {
  content: unset;
}
.emoji-popover .emoji-popover-title {
  background-color: white;
}
.my-team-chat__unread {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  background-color: #eef2f5;
  margin: 10px 0;
}

.my-team-chat__scroll-bottom-btn {
  position: sticky;
  align-self: flex-end;
  bottom: 0;
  right: 0;
  cursor: pointer;
}
.my-team-chat__scroll-bottom-btn.ng-enter, .my-team-chat__scroll-bottom-btn.ng-leave.ng-leave-active {
  opacity: 0;
}
.my-team-chat__scroll-bottom-btn.ng-enter.ng-enter-active, .my-team-chat__scroll-bottom-btn.ng-leave {
  opacity: 1;
}
.my-team-chat__scroll-bottom-btn .newMessagesIcon {
  position: absolute;
  content: "";
  top: 2px;
  right: 4px;
  width: 11px;
  height: 11px;
  background-color: #ff4d4d;
  border-radius: 50%;
}

.my-team-chat__date-gen, .my-team-chat__chat-message__date, .my-team-chat__chat-messages__date {
  border-radius: 11px;
  background-color: rgba(206, 217, 227, 0.6);
  font-size: 12px;
  font-weight: 600;
  padding: 2px 10px;
  text-align: center;
  display: inline-block;
}

.my-team-chat__chat-messages__date {
  position: sticky;
  width: -moz-fit-content;
  width: fit-content;
  align-self: center;
  visibility: hidden;
  z-index: 1;
  top: -50px;
  transition: all 0.3s ease-in-out;
}

.my-team-chat__chat-message__date {
  align-self: center;
  margin-bottom: 10px;
}

.gs-visible {
  visibility: visible;
  top: 0;
}

.my-team-chat__chat__reply {
  height: 54px;
  background-color: #eef2f5;
  display: flex;
  align-items: center;
  padding-left: 15px;
}
.my-team-chat__chat__reply__cancel-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: 10px;
  align-items: center;
  width: 18px;
  height: 18px;
  font-size: 10px;
  color: white;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  flex-shrink: 0;
}

.my-team-chat__chat__photo-share {
  background-color: #f6f8fa;
}
.my-team-chat__chat__photo-share .gs-close-btn, .my-team-chat__chat__photo-share .modal-close-btn {
  height: 18px;
  width: 18px;
}
team-details {
  width: 100%;
  border-radius: 12px;
  background-color: #f6f8fa;
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 15px;
}
team-details teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
team-details teams-page textarea,
team-details teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
team-details teams-page textarea::placeholder,
team-details teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  team-details teams-page {
    display: none;
  }
}
team-details .teams-page-gen, team-details .teams-intro, team-details teams-join, team-details teams-info, team-details teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}
team-details .teams-member-avatar, team-details .team-invite-item__top avatar, .team-invite-item__top team-details avatar, team-details teams-info .teams-info__team-member__image, teams-info team-details .teams-info__team-member__image, team-details .team-members__team-member__image, team-details team-suggested-member-item avatar, team-suggested-member-item team-details avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}
team-details .teams-page__box, team-details .teams-join__teams, team-details teams-info .teams-info__wrraper, teams-info team-details .teams-info__wrraper, team-details teams-create .teams-create__main__wrapper, teams-create team-details .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}
team-details .teams-page__title, team-details teams-info .teams-info__title, teams-info team-details .teams-info__title, team-details teams-create .teams-create__title, teams-create team-details .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}
team-details .teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}
team-details .teams-page__ui-view {
  height: 100%;
}
team-details .icon-teams-points {
  color: #ffc422;
}
team-details .admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
team-details .teams__total-vote, team-details .match-active-header__item-content__badge-wrapper__total-votes, team-details .match-close__losing-team .match-close__losing-team__team-score, .match-close__losing-team team-details .match-close__losing-team__team-score, team-details .match-close__winning-team-score, team-details .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
team-details .teams__total-vote div, team-details .match-active-header__item-content__badge-wrapper__total-votes div, team-details .match-close__losing-team .match-close__losing-team__team-score div, .match-close__losing-team team-details .match-close__losing-team__team-score div, team-details .match-close__winning-team-score div, team-details .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
team-details .teams__total-vote i, team-details .match-active-header__item-content__badge-wrapper__total-votes i, team-details .match-close__losing-team .match-close__losing-team__team-score i, .match-close__losing-team team-details .match-close__losing-team__team-score i, team-details .match-close__winning-team-score i, team-details .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}
team-details .teams__list-titles, team-details .match-history__list__titles, team-details .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}
team-details .team-img-country, team-details .team-item__right__country img, .team-item__right__country team-details img, team-details .team-details__items .team-details-item .team-details-item__img-country, team-details .team-suggested-member-item__details img, .team-suggested-member-item__details team-details img {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
team-details .team-component, team-details team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}
team-details .team-component-item, team-details team-invites-item, team-details team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}
team-details .team-member-status, team-details .team-members__team-member-item__status, team-details .team-suggested-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}
team-details .team-details__items {
  height: 75px;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
team-details .team-details__items .team-details-item {
  position: relative;
  flex: 1 1 auto;
  text-align: center;
}
team-details .team-details__items .team-details-item img, team-details .team-details__items .team-details-item i {
  margin-left: 3px;
}
team-details .team-details__items .team-details-item > span {
  font-size: 12px;
  font-weight: 600;
  color: #727272;
}
team-details .team-details__items .team-details-item:last-child:after {
  display: none;
}
team-details .team-details__items .team-details-item:after {
  position: absolute;
  right: 0;
  width: 1px;
  height: 70%;
  top: 15%;
  background-color: rgba(255, 255, 255, 0.6);
  content: "";
}
team-details .team-details__items .team-details-item .team-details-item__img-country {
  margin-left: unset;
}
team-details .team-details__items .team-details-item .team-details-item__img-score {
  width: 16px;
  height: 16px;
}
team-details .team-details__items .team-details-item .team-details-item__img-win {
  width: 12px;
  height: 16px;
}
team-details .team-details__items .team-details-item .icon-my-team {
  font-size: 14px;
  color: #bdcbd9;
}
team-details .team-details__items .team-details-item .icon-vote-new {
  color: white;
  font-size: 14px;
}
team-details .team-details-item__top {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: bold;
}
team-details .team-details__help-btn {
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  font-size: 7px;
  padding: unset;
}
team-details .team-details__help-btn i {
  font-size: 7px;
}
team-details .team-details__league-badge {
  height: 62px;
  width: 62px;
}
team-details .team-details__member-chest {
  border-radius: 12px;
  box-shadow: 0 2px 3px 0 #b8dcf2;
  background-color: #e8f3f9;
  height: 58px;
  width: 100%;
  margin-bottom: 15px;
}
team-details .team-details__member-chest.can-claim .team-details__member-chest__icon {
  margin-right: -3px;
}
team-details .team-details__member-chest__title {
  margin: 0 15px;
  flex: 1;
  font-size: 12px;
  font-style: italic;
}
team-details .team-details__member-chest__claim {
  flex: 1;
}
team-details .team-details__member-chest__claim .team-details__member-chest__title {
  font-size: 16px;
  font-weight: bold;
  font-style: unset;
}
team-details .team-details__member-chest__claim .team-details__member-chest__claim-btn {
  width: 253px;
  height: 35px;
  font-size: 16px;
  font-weight: 600;
}
team-details .team-details__member-chest__cant-claim {
  flex: 1;
}
team-details .team-details__member-chest__points-bar {
  width: 310px;
  height: 38px;
  border-radius: 12px;
  border: solid 1px #ffffff;
  background-color: #d3e8f5;
  position: relative;
  overflow: hidden;
}
team-details .team-details__member-chest__points-bar__progress {
  background-image: linear-gradient(to left, #80c9f5, #a1e0ff 0%);
  border-radius: 12px 0 0 12px;
  height: 100%;
  position: absolute;
  left: 0;
}
team-details .team-details__member-chest__points-bar__info {
  font-weight: bold;
  z-index: 1;
  line-height: 14px;
}
team-details .team-details__member-chest__points-bar__info .icon-teams-points {
  margin-left: 4px;
}
team-details .team-details__member-chest__icon {
  width: 58px;
  height: 100%;
  background-position: center center;
  background-size: cover;
  position: relative;
  background-image: url("../svg/reward-bg.svg");
  margin-left: 14px;
  margin-right: 6px;
}
team-details .team-details__member-chest__icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
}
team-details .team-details__member-chest__won-badge {
  position: relative;
  top: -3px;
  right: -5px;
}

.team-home {
  text-align: left;
  height: calc(100vh - 68px - 6vh);
  display: flex;
  justify-content: center;
  margin: 3vh auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.team-home.ads {
  height: calc(100vh - 70px - 68px - 6vh);
}
.team-home .team-home-page__main {
  display: flex;
  margin-right: 20px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
}
.team-home .team-home-page__main__tabs {
  flex-shrink: 0;
  width: 93px;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  height: 100%;
  padding-top: 10px;
  position: relative;
  z-index: 30;
}
.team-home .team-home-page__main__tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 82px;
  cursor: pointer;
  border-bottom: 1px solid #eef2f5;
  margin: 0 9px;
  position: relative;
}
.team-home .team-home-page__main__tab-item i {
  color: #acbed0;
  margin-bottom: 7px;
}
.team-home .team-home-page__main__tab-item div {
  font-size: 11px;
}
.team-home .team-home-page__main__tab-item.active {
  font-weight: bold;
  cursor: unset;
}
.team-home .team-home-page__main__tab-item.active i {
  background: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-home .team-home-page__main__tab-item.active div {
  color: #3397d2;
}
.team-home .team-home-page__main__tab-item.active:before {
  width: 2px;
  height: 64px;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  position: absolute;
  content: "";
  right: -9px;
  top: 9px;
}
.team-home .team-home-page__main__tab-item:nth-child(1) i {
  font-size: 17px;
}
.team-home .team-home-page__main__tab-item:nth-child(2) i {
  font-size: 13px;
}
.team-home .team-home-page__main__tab-item:nth-child(3) {
  border-bottom: unset;
}
.team-home .team-home-page__main__tab-item:nth-child(3) i {
  font-size: 26px;
}
.team-home .team-home-page__main__ui-view {
  width: 755px;
}
.team-home .team-home-page__chat {
  width: 343px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
}
.team-home .team-home-page__header, .team-home .match-header, .team-home .team-leaderboard__header, .team-home .my-team__header {
  flex-shrink: 0;
  height: 65px;
  width: 100%;
  box-shadow: 3px 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 20px;
}
.team-home .team-home-page__header .team-home-page__header-title, .team-home .team-home-page__header .match-header__title, .team-home .match-header .team-home-page__header-title, .team-home .match-header .match-header__title, .team-home .team-leaderboard__header .team-home-page__header-title, .team-home .team-leaderboard__header .match-header__title, .team-home .my-team__header .team-home-page__header-title, .team-home .my-team__header .match-header__title, .team-home .team-home-page__header .my-team__header__title, .team-home .match-header .my-team__header__title, .team-home .team-leaderboard__header .my-team__header__title, .team-home .my-team__header .my-team__header__title {
  font-size: 18px;
  font-weight: 800;
}
.team-home .team-home-page__header-help-btn {
  width: 34px;
  height: 34px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .team-home .my-team__info__right {
    float: unset;
    margin-top: 20px;
  }
}

.team-home {
  text-align: left;
  height: calc(100vh - 68px - 6vh);
  display: flex;
  justify-content: center;
  margin: 3vh auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.team-home.ads {
  height: calc(100vh - 70px - 68px - 6vh);
}
.team-home .team-home-page__main {
  display: flex;
  margin-right: 20px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
}
.team-home .team-home-page__main__tabs {
  flex-shrink: 0;
  width: 93px;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  height: 100%;
  padding-top: 10px;
  position: relative;
  z-index: 30;
}
.team-home .team-home-page__main__tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 82px;
  cursor: pointer;
  border-bottom: 1px solid #eef2f5;
  margin: 0 9px;
  position: relative;
}
.team-home .team-home-page__main__tab-item i {
  color: #acbed0;
  margin-bottom: 7px;
}
.team-home .team-home-page__main__tab-item div {
  font-size: 11px;
}
.team-home .team-home-page__main__tab-item.active {
  font-weight: bold;
  cursor: unset;
}
.team-home .team-home-page__main__tab-item.active i {
  background: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-home .team-home-page__main__tab-item.active div {
  color: #3397d2;
}
.team-home .team-home-page__main__tab-item.active:before {
  width: 2px;
  height: 64px;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  position: absolute;
  content: "";
  right: -9px;
  top: 9px;
}
.team-home .team-home-page__main__tab-item:nth-child(1) i {
  font-size: 17px;
}
.team-home .team-home-page__main__tab-item:nth-child(2) i {
  font-size: 13px;
}
.team-home .team-home-page__main__tab-item:nth-child(3) {
  border-bottom: unset;
}
.team-home .team-home-page__main__tab-item:nth-child(3) i {
  font-size: 26px;
}
.team-home .team-home-page__main__ui-view {
  width: 755px;
}
.team-home .team-home-page__chat {
  width: 343px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
}
.team-home .team-home-page__header, .team-home .match-header, .team-home .team-leaderboard__header, .team-home .my-team__header {
  flex-shrink: 0;
  height: 65px;
  width: 100%;
  box-shadow: 3px 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 20px;
}
.team-home .team-home-page__header .team-home-page__header-title, .team-home .team-home-page__header .match-header__title, .team-home .match-header .team-home-page__header-title, .team-home .match-header .match-header__title, .team-home .team-leaderboard__header .team-home-page__header-title, .team-home .team-leaderboard__header .match-header__title, .team-home .my-team__header .team-home-page__header-title, .team-home .my-team__header .match-header__title, .team-home .team-home-page__header .my-team__header__title, .team-home .match-header .my-team__header__title, .team-home .team-leaderboard__header .my-team__header__title, .team-home .my-team__header .my-team__header__title {
  font-size: 18px;
  font-weight: 800;
}
.team-home .team-home-page__header-help-btn {
  width: 34px;
  height: 34px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .team-home .my-team__info__right {
    float: unset;
    margin-top: 20px;
  }
}

team-leaderboard {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.team-leaderboard {
  display: contents;
}
.team-leaderboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.team-leaderboard__main {
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
}
.team-leaderboard__main.team-leaderboard__global .team-leaderboard__main-container {
  border: solid 1px #eef2f5;
  background-color: #ffffff;
}
.team-leaderboard__main.team-leaderboard__global .team-leaderboard__main-container .team-leaderboard__main-header__content-top span {
  color: #3397d2;
}
.team-leaderboard__main-container {
  margin: 17px 10px 10px 10px;
  border-radius: 12px;
  flex: 1;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_promote .team-leaderboard__main-header__content-timer {
  color: #00a07c;
  background-color: #d7f6ef;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_promote .team-leaderboard__main-header__content-timer .icon-timer-clock {
  color: #5accb2;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_stay .team-leaderboard__main-header__content-timer {
  color: #3397d2;
  background-color: #e8f3f9;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_stay .team-leaderboard__main-header__content-timer .icon-timer-clock {
  color: #a6d1eb;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_drop .team-leaderboard__main-header__content-timer {
  color: #e34949;
  background-color: #ffe1e1;
}
.team-leaderboard__main-container.team-leaderboard__league__my-team-status_drop .team-leaderboard__main-header__content-timer .icon-timer-clock {
  color: #f78989;
}
.team-leaderboard__main-header {
  height: 140px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  border-radius: 12px;
  position: relative;
}
.team-leaderboard__main-header > img {
  height: 110px;
  width: 110px;
}
.team-leaderboard__main-header .gs-teams-help-btn, .team-leaderboard__main-header .match-header__help-btn, .team-leaderboard__main-header .my-team__header__help-btn {
  position: absolute;
  top: 24px;
  right: 24px;
}
.team-leaderboard__main-header__badge {
  position: relative;
  margin-right: 18px;
}
.team-leaderboard__main-header__badge i {
  font-size: 100px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-leaderboard__main-header__badge > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 46%;
  text-align: center;
  font-size: 10px;
  font-weight: 900;
  color: white;
}
.team-leaderboard__main-header__content {
  display: flex;
  flex-direction: column;
}
.team-leaderboard__main-header__content-top {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.team-leaderboard__main-header__content-top span {
  font-size: 22px;
  font-weight: 800;
  margin-right: 10px;
}
.team-leaderboard__main-header__content-top .team-leaderboard__main-header__content-top__subname {
  padding: 0 8px;
  min-height: 19px;
  top: 3px;
  position: relative;
}
.team-leaderboard__main-header__content-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  padding: 0 10px;
  height: 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.team-leaderboard__main-header__content-timer .icon-timer-clock {
  margin-right: 4px;
}
.team-leaderboard__main-header__content-timer gs-timer {
  font-size: 12px;
  font-weight: 600;
}
.team-leaderboard__menu {
  display: flex;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  flex-shrink: 0;
}
.team-leaderboard__menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 1;
  border-bottom: 2px solid;
  border-color: #eef2f5;
  font-weight: bold;
}
.team-leaderboard__menu-item.active {
  border-color: unset;
  border-image-source: linear-gradient(to bottom, #68c8ea, #3797d1);
  border-image-slice: 1;
}
.team-leaderboard__menu-item.active i {
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-leaderboard__menu-item i {
  margin-right: 8px;
  color: #9cb1c7;
}
.team-leaderboard__menu-item .icon-league {
  font-size: 24px;
}
.team-leaderboard__menu-item .icon-lb-global {
  font-size: 22px;
}
.team-leaderboard__teams {
  padding: 0 23px 20px 23px;
}
.team-leaderboard__league-info {
  overflow-y: auto;
  flex: 1;
  text-align: center;
}
.team-leaderboard__league-info_inactive_not_in_league .team-leaderboard__league-info__start-season__wrapper {
  width: 50vh;
  height: 50vh;
}
.team-leaderboard__league-info_inactive_not_in_league .team-leaderboard__league-info__start-season__bottom-text {
  margin-top: 31px;
  font-size: 18px;
  font-weight: 800;
}
.team-leaderboard__league-info_inactive_not_in_league .team-leaderboard__league-info__start-season__top-title {
  display: none;
}
.team-leaderboard__league-info_inactive_in_league .team-leaderboard__league-info__start-season__bottom-text {
  margin-top: 2vh;
  font-size: 14px;
}
.team-leaderboard__league-info_inactive_in_league .team-leaderboard__league-info__start-season__top-title {
  margin-bottom: 4vh;
}
.team-leaderboard__league-info__end-season {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.team-leaderboard__league-info__end-season__top-title {
  font-size: 14px;
  margin-bottom: 38px;
}
.team-leaderboard__league-info__end-season__wrapper {
  flex-shrink: 0;
  width: 30vh;
  height: 30vh;
  position: relative;
}
.team-leaderboard__league-info__end-season__wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.team-leaderboard__league-info__end-season__bottom-text {
  margin-top: 30px;
}
.team-leaderboard__league-info__end-season__bottom-text span {
  font-size: 22px;
  font-weight: 800;
}
.team-leaderboard__league-info__end-season__bottom-text div {
  margin-top: 3px;
  font-size: 14px;
  font-weight: 600;
}
.team-leaderboard__league-info__end-season__btn {
  margin-top: 36px;
  width: 234px;
  height: 35px;
  flex-shrink: 0;
}
.team-leaderboard__league-info__start-season__wrapper {
  width: 42vh;
  height: 42vh;
  position: relative;
  flex-direction: column;
  margin: 0 auto;
}
.team-leaderboard__league-info__start-season__league-badge {
  width: 50%;
}
.team-leaderboard__league-info__start-season__badge {
  margin-top: 36px;
  position: relative;
}
.team-leaderboard__league-info__start-season__badge i {
  font-size: 314px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-leaderboard__league-info__start-season__badge > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 44%;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
  color: white;
  white-space: nowrap;
}
.team-leaderboard__league-info__start-season__top-title {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}
.team-leaderboard__league-info__start-season__bottom-text {
  text-align: center;
}

.team-leaderboard__league-badge-bg, .team-leaderboard__league-info__end-season__wrapper, .team-leaderboard__league-info__start-season__wrapper {
  background-image: url("../svg/unlock-bg.svg");
  background-position: center center;
  background-size: cover;
}

.team-leaderboard__league-info__start-season {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-info, teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, .team-invite-item__top avatar, teams-info .teams-info__team-member__image, .team-members__team-member__image, team-suggested-member-item avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-info .teams-info__wrraper, teams-create .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-info .teams-info__title, teams-create .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-invites-item, team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-members__team-member-item__status, .team-suggested-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

team-members {
  display: block;
  font-size: 11px;
}

.team-members__team-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  position: relative;
  padding: 0 17px;
  display: flex;
  align-items: center;
  height: 60px;
  margin-bottom: 10px;
}
.team-members__team-member-item:last-child {
  margin-bottom: unset;
}

.team-members__team-member-item__admin:hover {
  background-color: rgba(51, 151, 210, 0.1);
}
.team-members__team-member-item__admin:hover .team-members__team-member__right {
  display: none;
}
.team-members__team-member-item__admin:hover .team-members__team-member__right-admin {
  display: flex;
}
.team-members__team-member-item__admin .team-members__team-member__right-admin {
  display: none;
}

.team-members__team-member__index {
  font-weight: 300;
  font-size: 18px;
  margin-right: 10px;
  color: rgba(28, 28, 28, 0.46);
  vertical-align: middle;
  display: inline-block;
  width: 21px;
}

.team-members__team-member__image {
  margin-right: 13px;
  width: 50px;
  height: 50px;
}

.team-members__team-member__name {
  font-size: 16px;
  font-weight: bold;
  opacity: 0.9;
}

.team-members__team-member__right {
  margin-left: auto;
}
.team-members__team-member__right > div {
  margin-right: 32px;
  position: relative;
  flex: 1 1 auto;
}
.team-members__team-member__right > div:after {
  position: absolute;
  right: -16px;
  width: 1px;
  height: 70%;
  top: 15%;
  background-color: #dee5ec;
  content: "";
}
.team-members__team-member__right > div:last-child {
  margin-right: unset;
}
.team-members__team-member__right > div:last-child:after {
  display: none;
}

.team-members__team-member-item__status {
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  height: 28px;
  width: 120px;
}

.team-members__team-member-item__points {
  height: 28px;
  min-width: 90px;
  padding: 0 10px;
  border-radius: 6px;
  background-color: rgba(254, 200, 0, 0.15);
}
.team-members__team-member-item__points span {
  font-size: 16px;
  font-weight: 600;
  margin-right: 4px;
}
.team-members__team-member-item__points .icon-teams-points {
  font-size: 14px;
  color: #ffc422;
}

.team-members__team-member__team-leader {
  opacity: 0.9;
  color: #9f9f9f;
  font-weight: 600;
}
.team-members__team-member__team-leader span {
  font-size: 14px;
}
.team-members__team-member__team-leader .icon-star {
  font-size: 14px;
  margin-right: 2px;
}

.team-members__team-member__right-admin {
  margin-left: auto;
}
.team-members__team-member__right-admin > div {
  margin-right: 12px;
  flex-shrink: 0;
}
.team-members__team-member__right-admin > div:last-child {
  margin-right: unset;
}

teams-create {
  border-radius: 12px;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 70px 12% 40px;
}
teams-create teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-create teams-page textarea,
teams-create teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-create teams-page textarea::placeholder,
teams-create teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-create teams-page {
    display: none;
  }
}
teams-create .teams-page-gen, teams-create .teams-intro, teams-create teams-join, teams-create teams-info, teams-create teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}
teams-create .teams-member-avatar, teams-create .team-invite-item__top avatar, .team-invite-item__top teams-create avatar, teams-create teams-info .teams-info__team-member__image, teams-info teams-create .teams-info__team-member__image, teams-create team-suggested-member-item avatar, team-suggested-member-item teams-create avatar, teams-create .team-members__team-member__image {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}
teams-create .teams-page__box, teams-create .teams-join__teams, teams-create teams-info .teams-info__wrraper, teams-info teams-create .teams-info__wrraper, teams-create .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}
teams-create .teams-page__title, teams-create teams-info .teams-info__title, teams-info teams-create .teams-info__title, teams-create .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}
teams-create .teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}
teams-create .teams-page__ui-view {
  height: 100%;
}
teams-create .icon-teams-points {
  color: #ffc422;
}
teams-create .admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
teams-create .teams__total-vote, teams-create .match-active-header__item-content__badge-wrapper__total-votes, teams-create .match-close__losing-team .match-close__losing-team__team-score, .match-close__losing-team teams-create .match-close__losing-team__team-score, teams-create .match-close__winning-team-score, teams-create .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
teams-create .teams__total-vote div, teams-create .match-active-header__item-content__badge-wrapper__total-votes div, teams-create .match-close__losing-team .match-close__losing-team__team-score div, .match-close__losing-team teams-create .match-close__losing-team__team-score div, teams-create .match-close__winning-team-score div, teams-create .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
teams-create .teams__total-vote i, teams-create .match-active-header__item-content__badge-wrapper__total-votes i, teams-create .match-close__losing-team .match-close__losing-team__team-score i, .match-close__losing-team teams-create .match-close__losing-team__team-score i, teams-create .match-close__winning-team-score i, teams-create .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}
teams-create .teams__list-titles, teams-create .match-history__list__titles, teams-create .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}
teams-create .team-img-country, teams-create .team-item__right__country img, .team-item__right__country teams-create img, teams-create .team-suggested-member-item__details img, .team-suggested-member-item__details teams-create img, teams-create team-details .team-details__items .team-details-item .team-details-item__img-country, team-details .team-details__items .team-details-item teams-create .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
teams-create .team-component, teams-create team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}
teams-create .team-component-item, teams-create team-invites-item, teams-create team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}
teams-create .team-member-status, teams-create .team-suggested-member-item__status, teams-create .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}
teams-create md-toast {
  bottom: 36px !important;
  right: 36px !important;
}
teams-create md-select.md-default-theme[disabled] .md-select-value, teams-create md-select[disabled] .md-select-value {
  background-image: unset !important;
}
teams-create .teams-create__title {
  margin-bottom: 62px;
}
teams-create .teams-create__main__wrapper {
  padding: 0 44px 57px 0;
  border-radius: 0 0 6px 6px;
  display: flex;
}
teams-create .teams-create__left {
  flex-shrink: 0;
  width: 458px;
  font-size: 14px;
  text-align: center;
}
teams-create .teams-create__left img {
  width: 100%;
  display: block;
  height: 410px;
}
teams-create .teams-create__left > div {
  margin-top: 53px;
  padding: 0 67px;
}
teams-create .teams-create__left > div div {
  font-weight: 800;
}
teams-create .teams-create__left > div span {
  margin-top: 15px;
  display: block;
}
teams-create .teams-create__right {
  width: 330px;
  flex-shrink: 0;
  padding-top: 35px;
}
teams-create .teams-create__badge {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 111px;
  border-radius: 4px;
  border: solid 1px rgba(137, 148, 154, 0.3);
  cursor: pointer;
}
teams-create .teams-create__badge__image {
  width: 85px;
  height: 85px;
}
teams-create .teams-create__badge__image img {
  border: solid 3px #ffffff !important;
}
teams-create .teams-create__badge__title {
  font-size: 14px;
  margin-left: 32px;
}
teams-create .teams-create__input, teams-create .teams-create__name input, teams-create .teams-create__select, teams-create .teams-create__level, teams-create .teams-create__language, teams-create .teams-create__country, teams-create .teams-create__type {
  border: solid 1px rgba(137, 148, 154, 0.3);
  width: 100%;
  padding: 0 10px 0 40px;
  border-radius: 4px;
  height: 43px;
  font-size: 14px !important;
}
teams-create .teams-create__select, teams-create .teams-create__level, teams-create .teams-create__language, teams-create .teams-create__country, teams-create .teams-create__type {
  margin: 0;
  margin-top: 15px;
  text-align: left;
  letter-spacing: -0.6px;
  background-color: white;
  font-size: 14px !important;
  font-weight: 600;
  color: #313030;
}
teams-create .teams-create__select[disabled], teams-create [disabled].teams-create__level, teams-create [disabled].teams-create__language, teams-create [disabled].teams-create__country, teams-create [disabled].teams-create__type {
  cursor: not-allowed !important;
}
teams-create .teams-create__select .md-select-value, teams-create .teams-create__level .md-select-value, teams-create .teams-create__language .md-select-value, teams-create .teams-create__country .md-select-value, teams-create .teams-create__type .md-select-value {
  border-bottom: unset;
}
teams-create .teams-create__select .md-select-value.md-select-placeholder, teams-create .teams-create__level .md-select-value.md-select-placeholder, teams-create .teams-create__language .md-select-value.md-select-placeholder, teams-create .teams-create__country .md-select-value.md-select-placeholder, teams-create .teams-create__type .md-select-value.md-select-placeholder {
  font-size: 14px !important;
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
teams-create .teams-create__select .md-select-icon, teams-create .teams-create__level .md-select-icon, teams-create .teams-create__language .md-select-icon, teams-create .teams-create__country .md-select-icon, teams-create .teams-create__type .md-select-icon {
  color: #3397d2;
}
teams-create .teams-create__select:not([disabled]):focus .md-select-value, teams-create .teams-create__level:not([disabled]):focus .md-select-value, teams-create .teams-create__language:not([disabled]):focus .md-select-value, teams-create .teams-create__country:not([disabled]):focus .md-select-value, teams-create .teams-create__type:not([disabled]):focus .md-select-value {
  border-bottom: unset;
  color: #313030;
}
teams-create .teams-create__name {
  margin-top: 15px;
  position: relative;
}
teams-create .teams-create__name span {
  font-size: 11px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}
teams-create .teams-create__name input {
  text-align: left;
  letter-spacing: -0.6px;
  font-size: 14px !important;
  position: relative;
}
teams-create .teams-create__name-edit input {
  color: rgba(0, 0, 0, 0.38);
  cursor: not-allowed;
}
teams-create .teams-create__massage {
  font-size: 11px;
  margin-top: 5px;
}
teams-create .teams-create__level, teams-create .teams-create__language, teams-create .teams-create__country, teams-create .teams-create__type {
  position: relative;
}
teams-create .teams-create__description {
  margin-top: 15px;
  position: relative;
}
teams-create .teams-create__description textarea {
  border: solid 1px rgba(137, 148, 154, 0.3);
  border-radius: 4px;
  display: block;
  overflow: auto;
  height: 140px;
  padding: 5px 42px 5px 10px;
  resize: none;
  background-color: white;
  line-height: 1.3;
  font-size: 14px !important;
  width: 100%;
}
teams-create .teams-create__description span {
  font-size: 11px;
  position: absolute;
  right: 8px;
  bottom: 11px;
}
teams-create .teams-create__main__action {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
teams-create .teams-create__btn, teams-create .teams-create__update-btn, teams-create .teams-create__create-btn, teams-create .teams-create__cancel-btn {
  width: 159px;
  height: 41px;
  font-size: 16px;
  font-weight: 600;
}
teams-create .teams-create__cancel-btn {
  margin-right: 10px;
}
teams-create .teams-create__create-btn {
  padding: 0 11px;
}
teams-create .teams-create__create-btn img {
  margin-left: 2px;
  height: 20px;
  position: relative;
  top: -1px;
}
teams-create .teams-create__create-btn span {
  line-height: 1;
  margin-left: unset;
}
teams-create .teams-create__error {
  border-color: #ff5858 !important;
}
teams-create .teams-create__name, teams-create .teams-create__select-wrapper {
  position: relative;
}
teams-create .teams-create__name i, teams-create .teams-create__select-wrapper i {
  position: absolute;
  top: 53%;
  transform: translateY(-50%);
  color: #90c5e5;
  z-index: 1;
  left: 15px;
  font-size: 16px;
}
teams-create .teams-create__name .icon-team-name, teams-create .teams-create__select-wrapper .icon-team-name {
  font-size: 12px;
}
teams-create .teams-create__name .icon-team-status, teams-create .teams-create__select-wrapper .icon-team-status {
  font-size: 14px;
}

teams-info {
  margin-top: 20px;
  text-align: left;
  padding: 56px 15% 40px;
  min-height: 80vh;
  display: flex;
  flex-direction: column;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-info teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-info teams-page textarea,
teams-info teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-info teams-page textarea::placeholder,
teams-info teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-info teams-page {
    display: none;
  }
}
teams-info .teams-page-gen, teams-info .teams-intro, teams-info teams-join, teams-info teams-info, teams-info teams-create {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}
teams-info .teams-member-avatar, teams-info .team-invite-item__top avatar, .team-invite-item__top teams-info avatar, teams-info .teams-info__team-member__image, teams-info team-suggested-member-item avatar, team-suggested-member-item teams-info avatar, teams-info .team-members__team-member__image {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}
teams-info .teams-page__box, teams-info .teams-join__teams, teams-info .teams-info__wrraper, teams-info teams-create .teams-create__main__wrapper, teams-create teams-info .teams-create__main__wrapper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}
teams-info .teams-page__title, teams-info .teams-info__title, teams-info teams-create .teams-create__title, teams-create teams-info .teams-create__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}
teams-info .teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}
teams-info .teams-page__ui-view {
  height: 100%;
}
teams-info .icon-teams-points {
  color: #ffc422;
}
teams-info .admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
teams-info .teams__total-vote, teams-info .match-active-header__item-content__badge-wrapper__total-votes, teams-info .match-close__losing-team .match-close__losing-team__team-score, .match-close__losing-team teams-info .match-close__losing-team__team-score, teams-info .match-close__winning-team-score, teams-info .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
teams-info .teams__total-vote div, teams-info .match-active-header__item-content__badge-wrapper__total-votes div, teams-info .match-close__losing-team .match-close__losing-team__team-score div, .match-close__losing-team teams-info .match-close__losing-team__team-score div, teams-info .match-close__winning-team-score div, teams-info .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
teams-info .teams__total-vote i, teams-info .match-active-header__item-content__badge-wrapper__total-votes i, teams-info .match-close__losing-team .match-close__losing-team__team-score i, .match-close__losing-team teams-info .match-close__losing-team__team-score i, teams-info .match-close__winning-team-score i, teams-info .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}
teams-info .teams__list-titles, teams-info .match-history__list__titles, teams-info .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}
teams-info .team-img-country, teams-info .team-item__right__country img, .team-item__right__country teams-info img, teams-info .team-suggested-member-item__details img, .team-suggested-member-item__details teams-info img, teams-info team-details .team-details__items .team-details-item .team-details-item__img-country, team-details .team-details__items .team-details-item teams-info .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}
teams-info .team-component, teams-info team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}
teams-info .team-component-item, teams-info team-invites-item, teams-info team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}
teams-info .team-member-status, teams-info .team-suggested-member-item__status, teams-info .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}
teams-info team-members {
  padding: 15px 0;
}
teams-info team-details {
  margin-bottom: 30px;
}
teams-info .teams-info__goto-btn {
  color: #3397d2;
  cursor: pointer;
  font-size: 11px;
  margin-bottom: 18px;
}
teams-info .teams-info__title {
  margin-bottom: 62px;
  text-transform: uppercase;
}
teams-info .teams-info__wrraper {
  padding: 40px 40px 15px;
  flex: 1;
  position: relative;
}
teams-info .teams-info__top {
  position: relative;
  display: flex;
  margin-bottom: 30px;
}
teams-info .teams-info__top__image {
  width: 120px;
  height: 120px;
  flex-shrink: 0;
}
teams-info .teams-info__top__image img {
  border: solid 3px #ffffff !important;
}
teams-info .teams-info__top__text {
  display: inline-block;
  margin-left: 16px;
  vertical-align: top;
}
teams-info .teams-info__top__text-title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 20px;
  width: 400px;
}
teams-info .teams-info__top__text-desc {
  opacity: 0.9;
}
teams-info .teams-info__join-btn {
  margin-left: auto;
  min-width: 186px;
  height: 40px;
  font-size: 16px;
  border: unset;
  right: 0;
  top: -14px;
  position: absolute;
}
teams-info .teams-info__team-member-item {
  padding: 0 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-top: solid 1px #e1e1e1;
}
teams-info .teams-info__team-member-item:hover {
  background-color: rgba(51, 151, 210, 0.05);
}
teams-info .teams-info__team-member__image {
  width: 34px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
teams-info .teams-info__team-member__name {
  font-weight: 600;
  margin-left: 11px;
  vertical-align: middle;
  display: inline-block;
}
teams-info .teams-info__team-member__index {
  font-weight: 300;
  font-size: 18px;
  margin-right: 13px;
  color: #1c1c1c;
  vertical-align: middle;
  display: inline-block;
  width: 15px;
}
teams-info .teams-info__team-member-item__right {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
teams-info .teams-info__team-member__team-leader {
  color: #9f9f9f;
  font-weight: 700;
}
teams-info .teams-info__team-member__team-leader span {
  font-size: 11px;
}
teams-info .teams-info__team-member__team-leader .icon-star {
  vertical-align: middle;
  font-size: 8px;
  margin-right: 2px;
}
teams-info .teams-info__team-member-item__divider {
  height: 11px;
  width: 1px;
  background-color: #979797;
  margin: 0 10px;
}
teams-info .teams-info__team-member-item__status {
  font-size: 11px;
  color: #3397d2;
  font-weight: 700;
  border-radius: 3px;
  background-color: rgba(216, 216, 216, 0.231372549);
  padding: 1px 4px;
  width: 80px;
  text-align: center;
}
teams-info .teams-info__team-member-item__points {
  font-size: 11px;
  min-width: 70px;
  text-align: right;
}
teams-info .teams-info__team-member-item__points span {
  vertical-align: middle;
  margin-right: 2px;
}
teams-info .teams-info__team-member-item__points .icon-teams-points {
  color: #ffc422;
  vertical-align: middle;
}
@media screen and (max-width: 1366px) {
  teams-info {
    padding: 56px 3% 40px;
  }
}
@media screen and (max-width: 1000px) {
  teams-info .teams-info__top {
    flex-direction: column;
  }
  teams-info .teams-info__top__details {
    margin-top: 50px;
  }
  teams-info .teams-info__join-btn {
    text-align: left;
  }
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-create, teams-info {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, .team-invite-item__top avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-invites-item, team-suggested-member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

team-invites-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 15px;
  height: 159px;
  position: relative;
}
team-invites-item team-details {
  height: 51px;
}
team-invites-item team-details .team-details-item__top {
  font-size: 14px;
}
team-invites-item team-details .team-details__league-badge {
  width: 60px;
  height: 60px;
  position: absolute;
  left: -15px;
}
team-invites-item team-details .team-details__items {
  padding-left: 20px;
}
team-invites-item team-details .team-details__items .team-details-item > span {
  font-size: 11px;
}
team-invites-item team-details.team-league-details {
  padding-left: 30px;
}
team-invites-item .gs-close-btn, team-invites-item .modal-close-btn {
  font-size: 8px;
  top: 5px;
  right: 5px;
  width: 16px;
  height: 16px;
}

.team-invite-item__top {
  display: flex;
  align-items: center;
  margin-bottom: 17px;
}
.team-invite-item__top avatar {
  width: 50px;
  height: 50px;
}

.team-invite-item__top__details {
  margin-left: 10px;
  font-weight: bold;
}
.team-invite-item__top__details > div > span {
  font-weight: normal;
}
.team-invite-item__top__details > div:first-child > span {
  font-weight: bold;
  color: #909090;
}

.team-invite-item__top__action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.team-invite-item__top__action > teams-view-button, .team-invite-item__top__action > team-join-button {
  width: 136px;
  height: 40px;
  font-size: 16px;
}
.team-invite-item__top__action > teams-view-button:first-child, .team-invite-item__top__action > team-join-button:first-child {
  margin-right: 10px;
}

.team-invite-item__bottom {
  display: flex;
  align-items: center;
}

.team-invite-item__bottom__team-badge {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}

.team-invite-item__bottom__team-name {
  margin-left: 10px;
  font-size: 16px;
  font-weight: 900;
  width: 150px;
  margin-right: 10px;
  flex-shrink: 0;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-create, teams-info {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

team-invites {
  display: block;
  padding: 0 22px 20px;
  min-height: 159px;
  margin-bottom: 20px;
}
team-invites team-invites-item {
  margin-top: 10px;
}
team-invites team-invites-item:first-child {
  margin-top: unset;
}
team-invites team-invites-item.ng-leave {
  transition: all linear 0.5s;
}
team-invites team-invites-item.ng-leave.ng-leave-active, team-invites team-invites-item.ng-move, team-invites team-invites-item.ng-enter {
  animation: 0.5s bounceOutDown;
}
team-invites team-invites-item.ng-leave, team-invites team-invites-item.ng-move.ng-move-active, team-invites team-invites-item.ng-enter.ng-enter-active {
  animation: 0.5s bounceInUp;
}

.team-invites__show-hide {
  font-weight: bold;
  color: #3397d2;
  text-align: center;
  margin-top: 20px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-join, teams-create, teams-info {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, .teams-join__teams, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

.text--uppercase {
  text-transform: uppercase;
}

teams-join {
  border-radius: 12px;
  text-align: left;
  height: 100%;
  padding: 20px 10.5% 40px;
  display: flex;
  flex-direction: column;
  min-height: 80vh;
}
teams-join .team-item__rank {
  display: none;
}

.teams-join {
  display: flex;
  flex-direction: column;
}

.teams-join__create-btn {
  height: 40px;
  width: 176px;
}

.teams-join__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.teams-join__search {
  position: relative;
  margin-top: 25px;
  margin-bottom: 35px;
  border-radius: 24px;
  border: solid 1px rgba(33, 140, 204, 0.3);
  background-color: #ffffff;
  height: 47px;
}
.teams-join__search input {
  width: 100%;
  padding: 0 40px 0 25px;
  text-align: left;
  letter-spacing: -0.6px;
  background-color: transparent;
  border: unset;
  font-size: 15px !important;
  font-weight: 400;
  line-height: 47px;
}
.teams-join__search .icon-search {
  position: absolute;
  top: 0;
  right: 4px;
  width: 40px;
  height: 47px;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: rgba(0, 0, 0, 0.64);
  font-size: 24px;
  line-height: 47px;
}
.teams-join__search .icon-search:hover {
  box-shadow: none;
}

.teams-join__teams {
  padding: 8px 25px 8px;
  flex: 1;
  border-radius: 0 0 12px 12px;
}

.teams-join__teams__titles {
  margin-bottom: 17px;
  display: flex;
  padding: 0 35px;
}
.teams-join__teams__titles > div:first-child {
  flex: 1;
}
.teams-join__teams__titles > div:last-child {
  display: flex;
  text-align: center;
}
.teams-join__teams__titles > div:last-child .teams-join__teams__titles-members {
  width: 70px;
  margin-right: 10px;
}
.teams-join__teams__titles > div:last-child .teams-join__teams__titles-country {
  width: 36px;
  margin-right: 20px;
}
.teams-join__teams__titles > div:last-child .teams-join__teams__titles-score {
  width: 135px;
}

.teams-join__teams-wrapper {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 40vh;
}

.teams-join__teams__empty-state {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.teams-join__teams__empty-state img {
  width: 164px;
  height: 102px;
  margin-bottom: 100px;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-create, teams-info, teams-join {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper, .teams-join__teams {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .match-history__list__titles, .teams-join__teams__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

match-history {
  padding: 0 20px 0 45px;
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
match-history team-details {
  flex-shrink: 0;
}

.match-history__title {
  font-size: 22px;
  font-weight: 800;
  margin: 30px 0;
  position: relative;
  z-index: 100;
}

.match-history__list__titles {
  margin: 20px 0;
  padding-bottom: 7px;
  border-bottom: 1px solid #eef2f5;
  width: 100%;
  text-align: center;
  display: flex;
}
.match-history__list__titles > div:first-child {
  width: 187px;
}
.match-history__list__titles > div:nth-child(2) {
  display: flex;
  flex: 1;
}
.match-history__list__titles > div:nth-child(2) > div {
  width: 50%;
}
.match-history__list__titles > div:last-child {
  width: 133px;
}

.match-history__list-item {
  margin-bottom: 10px;
  height: 100px;
  border-radius: 12px;
  box-shadow: 0 2px 3px 2px rgba(161, 206, 233, 0.16);
  background-color: #ffffff;
  display: flex;
  align-items: center;
  padding: 0 6px;
}
.match-history__list-item:hover {
  box-shadow: -2px 2px 13px 6px rgba(161, 206, 233, 0.62);
}
.match-history__list-item:last-child {
  margin-bottom: unset;
}

.match-history__list-item__challenge {
  background-repeat: no-repeat;
  background-size: cover;
  flex-shrink: 0;
  cursor: pointer;
  width: 187px;
  height: 88px;
  border-radius: 12px;
  border: solid 1px rgba(133, 133, 133, 0.49);
  position: relative;
  color: white;
  font-size: 16px;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  padding: 10px 0 7px 0;
}
.match-history__list-item__challenge:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 12px;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.17) 28%, rgba(0, 0, 0, 0.72));
}
.match-history__list-item__challenge > div {
  position: relative;
  font-weight: 800;
}
.match-history__list-item__challenge > span {
  position: relative;
  font-weight: bold;
}

.match-history__list-item__teams {
  flex: 1;
  margin: 0 30px;
  position: relative;
}
.match-history__list-item__teams > img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 16px;
  width: 50px;
  height: 50px;
}
.match-history__list-item__teams > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.match-history__list-item__teams > div > span {
  text-align: center;
  font-size: 14px;
  margin: 10px 0 7px;
  width: 120px;
  opacity: 0.7;
}
.match-history__list-item__teams > div:nth-of-type(1) {
  padding-right: 20px;
}
.match-history__list-item__teams > div:nth-of-type(2) {
  padding-left: 20px;
  margin-left: auto;
}
.match-history__list-item__teams > div:nth-of-type(2) .match-history__list-item__teams__team-total-vote {
  background-image: radial-gradient(circle at 109% 62%, #ff9cb0, #6a0bc8 91%);
}
.match-history__list-item__teams .match-history__list-item__teams__team-badge {
  width: 30px;
  height: 30px;
}

.match-history__list-item__teams__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  color: white;
  width: 80px;
  height: 22px;
  background-image: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 99%);
}
.match-history__list-item__teams__team-total-vote div {
  font-weight: 800;
  font-size: 14px;
  margin-right: 8px;
}
.match-history__list-item__teams__team-total-vote i {
  font-size: 12px;
  color: white;
}

.match-history__list-item__result {
  cursor: pointer;
  padding: 5px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 133px;
  height: 88px;
  border-radius: 9px;
  background-image: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 95%);
  margin-left: auto;
  color: white;
}
.match-history__list-item__result i {
  font-size: 24px;
}
.match-history__list-item__result .icon-match-history-looser {
  display: none;
}
.match-history__list-item__result > div {
  font-size: 18px;
  font-weight: 800;
}
.match-history__list-item__result > span {
  font-size: 14px;
}

.match-history__list-item__looser .match-history__list-item__result {
  background-image: radial-gradient(circle at 109% 62%, #ff9cb0, #6a0bc8 86%);
}
.match-history__list-item__looser .match-history__list-item__result .icon-match-history-looser {
  display: block;
}
.match-history__list-item__looser .match-history__list-item__result .icon-match-history-winner {
  display: none;
}

.match-history__empty-state {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 381px;
}
.match-history__empty-state img {
  width: 100%;
  height: 100%;
}
.match-history__empty-state div {
  font-size: 14px;
  margin-top: 75px;
  text-align: center;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-create, teams-info, teams-join {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper, .teams-join__teams {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .teams-join__teams__titles, .match-history__list__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

match-member-item, .match-member-item__encourage-placeholder, .match-member-item__standby-placeholder {
  display: block;
  margin-bottom: 10px;
  height: 80px;
  border-radius: 8px;
  background-image: linear-gradient(to left, rgba(50, 197, 255, 0.1), rgba(64, 165, 255, 0.1));
  width: 100%;
}

.match-member-item__placeholder, .match-member-item {
  display: flex;
  align-items: center;
  height: 100%;
}

.match-member-item__placeholder__index, .match-member-item__index {
  font-size: 18px;
  color: #3397d2;
  margin: 0 10px;
  text-align: right;
  width: 20px;
}

.match-member-item__placeholder__avatar {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 0.1;
  background: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 89%), linear-gradient(to bottom, #3bd2fe, #003ebe), linear-gradient(to bottom, #46d9ff, #0058e0), linear-gradient(to bottom, #abceff, #ffffff), linear-gradient(to bottom, #edf4ff, #edf4ff);
  margin-right: 8px;
}

.match-member-item__placeholder__text div {
  opacity: 0.1;
  border-radius: 10px;
  background: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 89%), linear-gradient(to bottom, #3bd2fe, #003ebe), linear-gradient(to bottom, #46d9ff, #0058e0), linear-gradient(to bottom, #abceff, #ffffff), linear-gradient(to bottom, #edf4ff, #edf4ff);
  height: 18px;
  width: 69px;
}
.match-member-item__placeholder__text div:first-child {
  width: 115px;
  margin-bottom: 4px;
}

.match-member-item__placeholder_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 100%;
  margin-left: auto;
  position: relative;
  border-radius: 6px;
}
.match-member-item__placeholder_image:before {
  content: "";
  background-image: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 89%), linear-gradient(to bottom, #3bd2fe, #003ebe), linear-gradient(to bottom, #46d9ff, #0058e0), linear-gradient(to bottom, #abceff, #ffffff), linear-gradient(to bottom, #edf4ff, #edf4ff);
  opacity: 0.1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 0;
  border-radius: 6px;
}
.match-member-item__placeholder_image img {
  z-index: 1;
}

.match-member-item__avatar {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-right: 12px;
  border: solid 2px #3397d2;
  box-sizing: border-box;
}

.match-member-item__name {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 4px;
  color: rgba(49, 48, 48, 0.9);
  width: 115px;
  margin-right: 5px;
}

.match-member-item__vote {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 10px;
  background-image: radial-gradient(circle at 100% 50%, #01a9ef, #0050dd 99%);
  padding-right: 5px;
  width: 69px;
  height: 17px;
}
.match-member-item__vote div {
  font-size: 14px;
  font-weight: bold;
  margin-right: 3px;
  text-align: right;
}
.match-member-item__vote i {
  font-size: 11px;
}

.match-member-item__points {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  border-radius: 10px;
  background-color: rgba(254, 200, 0, 0.2);
  padding-right: 5px;
  height: 17px;
  flex: 1;
}
.match-member-item__points div {
  font-size: 13px;
  margin-right: 3px;
  text-align: right;
  width: 40px;
}
.match-member-item__points i {
  font-size: 14px;
}

.match-member-item__info {
  margin-right: 5px;
}

.match-member-item__info-bottom {
  display: flex;
  align-items: center;
}

.match-member-item__c-image {
  width: 100px;
  height: 100%;
  border-radius: 6px;
  border: solid 1px rgba(146, 146, 146, 0.2);
  margin-left: auto;
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-create, teams-info, teams-join {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper, .teams-join__teams {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .match-active-header__item-content__badge-wrapper__total-votes, .match-close__losing-team .match-close__losing-team__team-score, .match-close__winning-team-score, .my-team-chat__chat-message__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .match-active-header__item-content__badge-wrapper__total-votes div, .match-close__losing-team .match-close__losing-team__team-score div, .match-close__winning-team-score div, .my-team-chat__chat-message__team-total-vote div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .match-active-header__item-content__badge-wrapper__total-votes i, .match-close__losing-team .match-close__losing-team__team-score i, .match-close__winning-team-score i, .my-team-chat__chat-message__team-total-vote i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .teams-join__teams__titles, .match-history__list__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

.team-home {
  text-align: left;
  height: calc(100vh - 68px - 6vh);
  display: flex;
  justify-content: center;
  margin: 3vh auto 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.team-home.ads {
  height: calc(100vh - 70px - 68px - 6vh);
}
.team-home .team-home-page__main {
  display: flex;
  margin-right: 20px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
}
.team-home .team-home-page__main__tabs {
  flex-shrink: 0;
  width: 93px;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  height: 100%;
  padding-top: 10px;
  position: relative;
  z-index: 30;
}
.team-home .team-home-page__main__tab-item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 82px;
  cursor: pointer;
  border-bottom: 1px solid #eef2f5;
  margin: 0 9px;
  position: relative;
}
.team-home .team-home-page__main__tab-item i {
  color: #acbed0;
  margin-bottom: 7px;
}
.team-home .team-home-page__main__tab-item div {
  font-size: 11px;
}
.team-home .team-home-page__main__tab-item.active {
  font-weight: bold;
  cursor: unset;
}
.team-home .team-home-page__main__tab-item.active i {
  background: linear-gradient(to bottom, #68c8ea, #3797d1);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.team-home .team-home-page__main__tab-item.active div {
  color: #3397d2;
}
.team-home .team-home-page__main__tab-item.active:before {
  width: 2px;
  height: 64px;
  border-radius: 1px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  position: absolute;
  content: "";
  right: -9px;
  top: 9px;
}
.team-home .team-home-page__main__tab-item:nth-child(1) i {
  font-size: 17px;
}
.team-home .team-home-page__main__tab-item:nth-child(2) i {
  font-size: 13px;
}
.team-home .team-home-page__main__tab-item:nth-child(3) {
  border-bottom: unset;
}
.team-home .team-home-page__main__tab-item:nth-child(3) i {
  font-size: 26px;
}
.team-home .team-home-page__main__ui-view {
  width: 755px;
}
.team-home .team-home-page__chat {
  width: 343px;
  background-color: white;
  border-radius: 12px;
  flex-shrink: 0;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
}
.team-home .team-home-page__header, .team-home .match-header, .team-home .my-team__header, .team-home .team-leaderboard__header {
  flex-shrink: 0;
  height: 65px;
  width: 100%;
  box-shadow: 3px 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 20px;
}
.team-home .team-home-page__header .team-home-page__header-title, .team-home .team-home-page__header .match-header__title, .team-home .match-header .team-home-page__header-title, .team-home .match-header .match-header__title, .team-home .my-team__header .team-home-page__header-title, .team-home .my-team__header .match-header__title, .team-home .team-leaderboard__header .team-home-page__header-title, .team-home .team-leaderboard__header .match-header__title, .team-home .team-home-page__header .my-team__header__title, .team-home .match-header .my-team__header__title, .team-home .my-team__header .my-team__header__title, .team-home .team-leaderboard__header .my-team__header__title {
  font-size: 18px;
  font-weight: 800;
}
.team-home .team-home-page__header-help-btn {
  width: 34px;
  height: 34px;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
}
@media screen and (max-width: 1024px) {
  .team-home .my-team__info__right {
    float: unset;
    margin-top: 20px;
  }
}

teams-match {
  font-size: 11px;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.match-close__middle {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 263px;
  height: 70px;
  border-radius: 12px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  background-color: #375eff;
}
.match-close__middle .teams__details-item {
  color: white;
}
.match-close__middle .teams__details-item .icon-vote-new {
  color: white;
  font-size: 14px;
}

.match-container {
  padding: 0 20px 40px 26px;
  flex: 1;
  overflow-y: auto;
}
.match-container team-details {
  color: white;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  z-index: 100;
  background-color: #375eff;
  width: 263px;
  height: 70px;
  border-radius: 12px;
}
.match-container team-details .team-details-item > span {
  color: white;
  font-weight: 400;
  font-size: 14px;
}
.match-container team-details .team-details-item:after {
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  top: 0;
}
.match-container team-details .icon-vote-new {
  color: white;
  font-size: 14px;
}

.match-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top-right-radius: 12px;
}

.match-header__help-btn {
  margin-left: 15px;
}

.match-join__top {
  text-align: center;
  padding: 55px 0 40px;
}
.match-join__top span {
  font-size: 22px;
  font-weight: 800;
}
.match-join__top div {
  font-size: 16px;
  margin-top: 19px;
}

.match-join__upto_2_challenges .match-challenge {
  width: 100% !important;
  margin-left: unset !important;
  margin-right: unset !important;
  max-width: unset;
}
.match-join__upto_2_challenges .match-challenge .gs-challenge__data__btn--status span {
  width: 174px;
}

.match-challenge {
  width: 330px;
  height: 216px;
}
.match-challenge .gs-challenge__data {
  border-radius: 12px;
  border: solid 1px rgba(133, 133, 133, 0.49);
  height: 100%;
  box-shadow: unset;
}
.match-challenge .gs-challenge__title, .match-challenge .gs-challenge__friends-line, .match-challenge header {
  display: none;
}
.match-challenge footer {
  display: flex;
  align-items: center;
  height: 68px;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.35) !important;
  font-size: 14px;
}
.match-challenge footer li {
  padding: 7px 2px !important;
  font-size: 14px !important;
}
.match-challenge footer li.prizes span, .match-challenge footer li.soon span {
  font-size: 11px !important;
  text-transform: uppercase;
  margin-top: 14px;
}
.match-challenge footer li:after {
  display: none !important;
}
.match-challenge footer li div {
  font-size: 14px !important;
}
.match-challenge .gs-challenge__data__btn--status {
  opacity: unset !important;
}
.match-challenge .gs-challenge__data__btn--status span {
  padding: 11px 0 !important;
  font-size: 12px !important;
  font-weight: bold;
  width: 110px;
  border-radius: 3px;
  border: solid 1px #d9d9d9;
  background-color: #f1f1f2;
  color: #313030;
}
.match-challenge badge-v2-dynamic-challenge {
  /*@extend .small;*/
  top: -17px;
  right: -52px;
}
.match-challenge badge-v2-dynamic-challenge i {
  font-size: 18px;
}

.match-join__bottom {
  flex: 1;
}
.match-join__bottom gs-challenge {
  margin-bottom: 10px;
}
.match-join__bottom gs-challenge:last-child {
  margin-bottom: unset;
}

.match-join__no-challenges {
  height: 100%;
  flex-direction: column;
}

.match-join__no-challenges-title {
  font-size: 18px;
  font-weight: 800;
  color: #9cb1c7;
  margin-top: 28px;
  text-align: center;
}

.match-active {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.match-active .match-challenge {
  width: 274px;
  height: 107px;
}
.match-active .match-challenge:nth-child(3n-1) {
  margin: unset;
  margin-right: 4px;
  margin-left: auto;
}
.match-active footer {
  display: none;
}
.match-active .gs-challenge__data__action {
  bottom: 4px;
  top: unset;
}
.match-active .gs-challenge__data__action .status-btn {
  height: 26px;
  width: 87px;
  padding: 7px 0 !important;
  min-width: unset !important;
}

.match-active__top {
  display: flex;
  background-image: url("../svg/match-state-bg.svg");
  height: 115px;
  text-align: center;
  background-position: center center;
  background-size: cover;
  justify-content: space-between;
  align-items: center;
  border-radius: 18px;
  margin-bottom: 15px;
  margin-top: 15px;
  width: 100%;
}

.match-active__top__info {
  margin-left: 137px;
}

.match-active__top__info__c-timer {
  margin-top: 9px;
  border-radius: 7px;
  background-image: linear-gradient(to bottom, #68c8ea, #3797d1);
  padding: 6px 20px;
}
.match-active__top__info__c-timer gs-timer {
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  color: white;
}

.match-active__top__info__title {
  width: 200px;
  font-size: 24px;
  font-weight: 800;
}

.match-close {
  flex-shrink: 0;
  margin-bottom: 17px;
  margin-top: 10px;
  text-align: center;
  width: 654px;
  height: 246px;
  border-radius: 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 100% 50%, #a8d7d3, #01a9ef 49%, #0050dd 98%);
}
.match-close > img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.match-close__content {
  width: 470px;
  height: 160px;
  border-radius: 23px;
  background-color: rgba(0, 0, 0, 0.11);
  flex-direction: column;
  position: relative;
}
.match-close__content .icon-match-stars {
  color: white;
  font-size: 28px;
  position: absolute;
  top: 19px;
  right: 19px;
  transform: scaleX(-1);
}
.match-close__content .icon-match-stars:first-child {
  left: 19px;
  right: unset;
  transform: unset;
}

.match-close__winner-badge {
  position: relative;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.match-close__team-badge {
  width: 50px;
  height: 50px;
  z-index: 1;
}

.match-close__winning-team-score {
  z-index: 2;
  width: 97px;
  height: 30px;
  color: white;
  font-size: 16px;
  margin-top: -12px;
}
.match-close__winning-team-score img {
  width: 16px;
  height: 16px;
  position: relative;
  top: -2px;
}

.match-close__losing-team-separator {
  margin: 10px 0;
  display: flex;
  align-items: center;
}
.match-close__losing-team-separator div {
  background: white;
  height: 1px;
  flex: 1;
}
.match-close__losing-team-separator span {
  border-radius: 11px;
  background-color: rgba(255, 255, 255, 0.51);
  margin: 0 15px;
  padding: 2px 7px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  font-family: Roboto, sans-serif;
  text-transform: uppercase;
}

.match-close__losing-team team-badge {
  width: 20px;
  height: 20px;
  margin-right: 6px;
}
.match-close__losing-team span {
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.match-close__losing-team .match-close__losing-team__team-score {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.25);
  width: 86px;
  height: 26px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
.match-close__losing-team .match-close__losing-team__team-score img {
  width: 12px;
  height: 12px;
}

.match-close__top {
  z-index: 100;
  display: flex;
  justify-content: center;
}
.match-close__top span {
  width: 100%;
  font-size: 14px;
  font-weight: 800;
  color: white;
  text-align: left;
  max-width: 250px;
}

.match-close__view-challenge-btn {
  z-index: 100;
  height: 35px;
  margin-top: 16px;
}

.match-active-header {
  flex-shrink: 0;
  display: flex;
  width: 100%;
  height: 140px;
  border-radius: 12px 12px 0 0;
  position: relative;
}

.match-active-header__item, .match-active-header__opponent, .match-active-header__my-team {
  position: relative;
}
.match-active-header__item:before, .match-active-header__opponent:before, .match-active-header__my-team:before {
  width: 100%;
  height: 3px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
}

.match-active-header__vs {
  z-index: 100;
}

.match-active-header__my-team {
  border-radius: 12px 0 0 0;
  flex: 1;
  background: radial-gradient(circle at 100% 50%, #a8d7d3, #01a9ef 49%, #0050dd 98%);
}
.match-active-header__my-team:before {
  background-color: #005ee0;
}

.match-active-header__opponent {
  border-radius: 0 12px 0 0;
  flex: 1;
  background-image: radial-gradient(circle at 100% 47%, #6a0bc8, #ff9cb0 79%, #ffc3bc 98%);
}
.match-active-header__opponent:before {
  background-color: #7011c7;
}
.match-active-header__opponent .match-active-header__item-content__badge-wrapper__total-votes {
  background-color: #6a0bc8;
}

.match-active-header__item-content {
  height: 100%;
  color: white;
  flex-direction: column;
}

.match-active-header__item-content__badge-wrapper {
  position: relative;
}

.match-active-header__item-content__badge {
  width: 70px;
  height: 70px;
}

.match-active-header__item-content__badge-wrapper__total-votes {
  width: 110px;
  height: 29px;
  position: absolute;
  bottom: -6px;
  left: -20px;
  background-color: #375eff;
}

.match-active-header__item-content__title {
  margin-top: 13px;
  font-size: 19px;
  font-weight: 800;
  width: 320px;
  justify-content: center;
}

.match-active-header__item-content__winner-badge {
  position: absolute;
  bottom: -12px;
  left: -26px;
  display: none;
}

.match-active__bottom {
  width: 100%;
  flex: 1;
  position: relative;
  background-image: linear-gradient(to bottom, rgba(174, 217, 255, 0.4) 24%, #ffffff 80%);
  display: flex;
}

.match-active__members {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  padding: 20px 7px 0;
  flex: 1;
}

.match-active__members__title {
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.05);
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  width: 200px;
  margin: 11px 0;
}

.match-active__waiting {
  flex: 1;
  background-image: linear-gradient(to bottom, rgba(174, 217, 255, 0.4) 24%, #ffffff 80%);
  display: none;
  justify-content: center;
  padding: 20px 15px;
}

.match-active__waiting-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: #ffffff;
  width: 314px;
  height: 439px;
  text-align: center;
}
.match-active__waiting-wrapper img {
  width: 174px;
  height: 174px;
  margin-top: 13px;
}
.match-active__waiting-wrapper span {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 800;
}
.match-active__waiting-wrapper div {
  margin-top: 10px;
  font-size: 16px;
}
.match-active__waiting-wrapper button {
  border: unset;
  margin-top: 42px;
  height: 35px;
  width: 138px;
}

.match-member-item__encourage-placeholder {
  font-size: 14px;
  display: flex !important;
  align-items: center;
}
.match-member-item__encourage-placeholder > div {
  display: flex;
}
.match-member-item__encourage-placeholder img {
  margin-right: 10px;
}
.match-member-item__encourage-placeholder__invite {
  flex-direction: column;
  margin-left: 20px;
}
.match-member-item__encourage-placeholder.match-member-item__encourage-placeholder__margin-top {
  margin-top: 10px;
}

.match-active__members__my-team {
  background-image: linear-gradient(to bottom, #c9e6ff, #ffffff 22%, #ffffff 80%);
}

.match-active__members__opponent {
  background-image: linear-gradient(to bottom, #ffd7df 0%, #ffffff 24%, #ffffff 93%);
}
.match-active__members__opponent match-member-item, .match-active__members__opponent .match-member-item__standby-placeholder, .match-active__members__opponent .match-member-item__encourage-placeholder {
  background-image: linear-gradient(to right, rgba(212, 129, 255, 0.1), rgba(255, 162, 125, 0));
}
.match-active__members__opponent match-member-item .match-member-item__vote, .match-active__members__opponent .match-member-item__standby-placeholder .match-member-item__vote, .match-active__members__opponent .match-member-item__encourage-placeholder .match-member-item__vote {
  background-image: radial-gradient(circle at 109% 62%, #ff9cb0, #6a0bc8 91%);
}
.match-active__members__opponent match-member-item .match-member-item__avatar, .match-active__members__opponent .match-member-item__standby-placeholder .match-member-item__avatar, .match-active__members__opponent .match-member-item__encourage-placeholder .match-member-item__avatar {
  border-color: #6a0bc8;
}
.match-active__members__opponent match-member-item .match-member-item__index, .match-active__members__opponent .match-member-item__standby-placeholder .match-member-item__index, .match-active__members__opponent .match-member-item__encourage-placeholder .match-member-item__index {
  color: #6a0bc8;
}
.match-active__members__opponent match-member-item .match-member-item__points, .match-active__members__opponent .match-member-item__standby-placeholder .match-member-item__points, .match-active__members__opponent .match-member-item__encourage-placeholder .match-member-item__points {
  display: none;
}
.match-active__members__opponent .match-member-item__standby {
  pointer-events: none;
}
.match-active__members__opponent .match-member-item__standby .match-member-item__index, .match-active__members__opponent .match-member-item__standby .match-member-item__avatar, .match-active__members__opponent .match-member-item__standby .match-member-item__info, .match-active__members__opponent .match-member-item__standby .match-member-item__c-image {
  filter: blur(3px);
}
.match-active__members__opponent .match-member-item__encourage-placeholder {
  display: none !important;
}

.match-wrapper {
  position: relative;
  background-color: white;
  border-radius: 12px;
  width: 100%;
}

.match-wrapper__opponent-team-tab__content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  text-align: center;
}
.match-wrapper__opponent-team-tab__content img {
  width: 40px;
  height: 40px;
  margin-bottom: 12px;
}

.match-wrapper__tab__team-total-vote {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #313030;
  border-radius: 17px;
  text-align: center;
  width: 110px;
  margin-top: 10px;
  height: 25px;
}
.match-wrapper__tab__team-total-vote div {
  font-weight: bold;
  font-size: 18px;
  margin-right: 8px;
}
.match-wrapper__tab__team-total-vote i {
  font-size: 14px;
  color: #313030;
}

.match-active__members__wrapper, .match-running__members__wrapper {
  background-image: linear-gradient(to bottom, #deeaff 0%, #ffffff 100%);
  border-radius: 0 0 12px 12px;
}

.match-active__members__info {
  text-align: center;
  padding: 40px 0 30px 0;
}
.match-active__members__info span {
  font-weight: 800;
  font-size: 18px;
}
.match-active__members__info div {
  font-size: 14px;
  margin-top: 10px;
}

.match-active__members__action {
  text-align: center;
  padding-bottom: 33px;
}

.match-active__members__leave-match {
  background-color: #3397d2;
  color: white;
  width: 140px;
}

.match-running__members {
  padding: 0 20px 33px 26px;
}

.match-running__members__title {
  display: flex;
  align-items: center;
  padding: 17px 0;
}

.match-running__members__title-content {
  margin: 0 6px;
  font-weight: bold;
}
.match-running__members__title-content i {
  position: relative;
  top: 1px;
}

.match-running__members__title-line {
  height: 2px;
  opacity: 0.26;
  background-color: black;
  flex: 1;
}

.match-running__members__standby {
  pointer-events: none;
}
.match-running__members__standby match-member-item, .match-running__members__standby .match-member-item__standby-placeholder, .match-running__members__standby .match-member-item__encourage-placeholder {
  position: relative;
}
.match-running__members__standby match-member-item .match-member-item__name, .match-running__members__standby .match-member-item__standby-placeholder .match-member-item__name, .match-running__members__standby .match-member-item__encourage-placeholder .match-member-item__name {
  opacity: 0.72;
}
.match-running__members__standby match-member-item .match-member-item__vote, .match-running__members__standby .match-member-item__standby-placeholder .match-member-item__vote, .match-running__members__standby .match-member-item__encourage-placeholder .match-member-item__vote {
  background-color: rgba(2, 14, 25, 0.4);
}

.match-active__top_start-match-icon {
  height: 150px;
}

.match-state-WAITING_FOR_MINIMUM .match-active__top, .match-state-WAITING_FOR_OPPONENT .match-active__top {
  background-image: url("../svg/match-state-bg.svg");
}
.match-state-WAITING_FOR_MINIMUM .match-wrapper__tab, .match-state-WAITING_FOR_OPPONENT .match-wrapper__tab {
  padding-top: 30px;
}
.match-state-WAITING_FOR_MINIMUM .match-active__top__info__c-timer, .match-state-WAITING_FOR_MINIMUM .match-active__top_start-match-icon, .match-state-WAITING_FOR_OPPONENT .match-active__top__info__c-timer, .match-state-WAITING_FOR_OPPONENT .match-active__top_start-match-icon {
  display: none;
}
.match-state-WAITING_FOR_MINIMUM .match-active-header__opponent, .match-state-WAITING_FOR_OPPONENT .match-active-header__opponent {
  display: none;
}
.match-state-WAITING_FOR_MINIMUM .match-active-header__my-team, .match-state-WAITING_FOR_OPPONENT .match-active-header__my-team {
  border-radius: 12px 12px 0 0;
}
.match-state-WAITING_FOR_MINIMUM .match-active-header__vs, .match-state-WAITING_FOR_OPPONENT .match-active-header__vs {
  display: none;
}
.match-state-WAITING_FOR_MINIMUM .match-active__waiting, .match-state-WAITING_FOR_OPPONENT .match-active__waiting {
  display: flex;
}
.match-state-WAITING_FOR_MINIMUM .match-active__members__opponent, .match-state-WAITING_FOR_OPPONENT .match-active__members__opponent {
  display: none;
}
.match-state-WAITING_FOR_MINIMUM .match-active__bottom, .match-state-WAITING_FOR_OPPONENT .match-active__bottom {
  background-image: unset;
}
.match-state-WAITING_FOR_MINIMUM .match-active__members__title, .match-state-WAITING_FOR_OPPONENT .match-active__members__title {
  display: none;
}

.match-state-RUNNING .match-active__top, .match-state-FINALIZING .match-active__top {
  background-image: url("../svg/match-state-bg-no-icon.svg");
}
.match-state-RUNNING .match-wrapper__tab, .match-state-FINALIZING .match-wrapper__tab {
  padding-top: 30px;
}
.match-state-RUNNING .match-active__top__info, .match-state-FINALIZING .match-active__top__info {
  margin-left: -30px;
}

.match-state-CLOSED.match-opponent-won .match-close {
  background-image: radial-gradient(circle at 100% 47%, #ffc3bc, #ff9cb0 19%, #6a0bc8 98%);
}
.match-state-CLOSED.match-opponent-won .match-close team-details {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  background-color: #6a0bc8;
}
.match-state-CLOSED.match-opponent-won .match-active-header__opponent .match-active-header__item-content__badge-wrapper__total-votes {
  background-color: unset;
}
.match-state-CLOSED.match-opponent-won .match-active-header__opponent .match-active-header__item-content__winner-badge {
  display: block;
}
.match-state-CLOSED.match-opponent-won .match-close__winning-team-score {
  background-color: #7600d0;
}
.match-state-CLOSED.match-myteam-won .match-close__winning-team-score {
  background-color: #375eff;
}
.match-state-CLOSED.match-myteam-won .match-active-header__my-team .match-active-header__item-content__badge-wrapper__total-votes {
  background-color: unset;
}
.match-state-CLOSED.match-myteam-won .match-active-header__my-team .match-active-header__item-content__winner-badge {
  display: block;
}
.match-state-CLOSED .match-member-item__index, .match-state-CLOSED .match-member-item__avatar, .match-state-CLOSED .match-member-item__info, .match-state-CLOSED .match-member-item__c-image {
  filter: unset !important;
}

.match-state-RUNNING .match-active__members, .match-state-FINALIZING .match-active__members, .match-state-CLOSED .match-active__members {
  padding-top: 0;
}

.match-wrapper-old {
  display: none;
}

.teams-match__can-join {
  display: flex;
  align-items: center;
  font-size: 14px;
  padding: 0 25px 0 20px;
  border-radius: 12px;
  background-color: #eef2f5;
  height: 65px;
  margin-top: 15px;
}
.teams-match__can-join i {
  font-size: 24px;
  color: #8ba4bd;
  margin-right: 15px;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-create, teams-info, teams-join {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper, .teams-join__teams {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .my-team-chat__chat-message__team-total-vote, .match-close__winning-team-score, .match-close__losing-team .match-close__losing-team__team-score, .match-active-header__item-content__badge-wrapper__total-votes {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .my-team-chat__chat-message__team-total-vote div, .match-close__winning-team-score div, .match-close__losing-team .match-close__losing-team__team-score div, .match-active-header__item-content__badge-wrapper__total-votes div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .my-team-chat__chat-message__team-total-vote i, .match-close__winning-team-score i, .match-close__losing-team .match-close__losing-team__team-score i, .match-active-header__item-content__badge-wrapper__total-votes i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .teams-join__teams__titles, .match-history__list__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

template-page {
  display: block;
}

.template-page-view {
  position: relative;
  z-index: 1;
  min-height: 50vh;
  margin-top: 110px;
}

terms-page {
  display: block;
  min-height: 100vh;
  padding: 68px 10px;
  text-align: center;
  background-color: #fff;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
terms-page h1 {
  margin: 40px 0;
  padding: 0 15px;
  font-size: 26px;
  font-weight: 600;
}
terms-page section {
  position: relative;
  display: block;
  padding: 20px 10px 20px 250px;
  border-top: 1px solid #DDD;
}
terms-page h2 {
  position: absolute;
  top: 25px;
  left: 10px;
  display: inline-block;
  max-width: 240px;
  text-align: left;
  vertical-align: top;
  color: #555;
  font-size: 18px;
  font-weight: 600;
}
terms-page h3 {
  margin: 5px 15px;
  font-size: 18px;
  font-weight: 600;
}
terms-page p {
  display: inline-block;
  margin: 15px;
  padding: 0;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
terms-page .anchor {
  display: block;
  position: relative;
  top: -68px; /* height of header */
  visibility: hidden;
}
terms-page ul {
  font-size: 14px;
  list-style: lower-latin;
  color: #555;
}
terms-page ul > li {
  margin: 15px 15px 15px 45px;
}
@media screen and (max-width: 1000px) {
  terms-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 700px) {
  terms-page section {
    padding: 20px 10px;
  }
  terms-page h2 {
    position: static;
    max-width: none;
    margin-bottom: 20px;
  }
}

.terms-page-wrap {
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5;
}

.dmca-wrapper {
  padding: 50px;
  max-width: 1000px;
  margin: 0 auto;
}
.dmca-wrapper h1 {
  text-align: left;
  font-size: 32px;
  font-weight: 700;
}
.dmca-wrapper h2 {
  font-size: 22px;
}
.dmca-wrapper p, .dmca-wrapper div {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}
.dmca-wrapper .dmca-date {
  color: #666;
  font-size: 14px;
  margin-top: 30px;
}
.dmca-wrapper .counter-notification {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .dmca-wrapper .article-header {
    flex-direction: row;
    margin-top: 0;
  }
  .dmca-wrapper .article-title {
    flex-basis: 100%;
  }
}
.dmca-wrapper .article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
}
.dmca-wrapper .article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.dmca-wrapper .article-info {
  max-width: 100%;
}
.dmca-wrapper .article-content {
  line-height: 1.6;
  margin: 20px 0;
  word-wrap: break-word;
}
.dmca-wrapper .article-body {
  display: flow-root;
}
.dmca-wrapper .article-body a {
  color: #0072EF;
  text-decoration: underline;
}
.dmca-wrapper .article-body .ul, .dmca-wrapper .article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
.dmca-wrapper b, .dmca-wrapper strong {
  font-weight: bolder;
}
.dmca-wrapper p {
  margin: 24px 0;
}

.terms-ai-page {
  display: block;
  min-height: 100vh;
  padding: 68px 10px;
  text-align: center;
  background-color: #fff;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.terms-ai-page h1 {
  margin: 40px 0;
  padding: 0 15px;
  font-size: 26px;
  font-weight: 600;
}
.terms-ai-page section {
  position: relative;
  display: block;
  padding: 20px 10px 20px 250px;
  border-top: 1px solid #DDD;
}
.terms-ai-page h2 {
  position: absolute;
  top: 25px;
  left: 10px;
  display: inline-block;
  max-width: 240px;
  text-align: left;
  vertical-align: top;
  color: #555;
  font-size: 18px;
  font-weight: 600;
}
.terms-ai-page h3 {
  margin: 5px 15px;
  font-size: 18px;
  font-weight: 600;
}
.terms-ai-page p {
  display: inline-block;
  margin: 15px;
  padding: 0;
  color: #555;
  font-size: 14px;
  font-weight: 400;
}
.terms-ai-page .anchor {
  display: block;
  position: relative;
  top: -68px; /* height of header */
  visibility: hidden;
}
.terms-ai-page ul {
  font-size: 14px;
  list-style: lower-latin;
  color: #555;
}
.terms-ai-page ul > li {
  margin: 15px 15px 15px 45px;
}
@media screen and (max-width: 1000px) {
  .terms-ai-page {
    padding-top: 0;
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 700px) {
  .terms-ai-page section {
    padding: 20px 10px;
  }
  .terms-ai-page h2 {
    position: static;
    max-width: none;
    margin-bottom: 20px;
  }
}

.terms-page-wrap {
  overflow: hidden;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  line-height: 1.5;
}

virtual-exhibitions {
  display: block;
  font-size: 14px;
  line-height: 1.2;
}
virtual-exhibitions p {
  padding: unset;
}
virtual-exhibitions article,
virtual-exhibitions aside,
virtual-exhibitions footer,
virtual-exhibitions header,
virtual-exhibitions nav,
virtual-exhibitions section {
  display: block;
}
virtual-exhibitions h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
virtual-exhibitions figcaption, virtual-exhibitions figure, virtual-exhibitions main {
  display: block;
}
virtual-exhibitions figure {
  margin: 1em 40px;
}
virtual-exhibitions hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
virtual-exhibitions pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
virtual-exhibitions a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
virtual-exhibitions a:active, virtual-exhibitions a:hover {
  outline-width: 0;
}
virtual-exhibitions abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
virtual-exhibitions b, virtual-exhibitions strong {
  font-weight: inherit;
}
virtual-exhibitions b, virtual-exhibitions strong {
  font-weight: bolder;
}
virtual-exhibitions code, virtual-exhibitions kbd, virtual-exhibitions samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
virtual-exhibitions dfn {
  font-style: italic;
}
virtual-exhibitions mark {
  background-color: #ff0;
  color: #000;
}
virtual-exhibitions small {
  font-size: 80%;
}
virtual-exhibitions sub,
virtual-exhibitions sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
virtual-exhibitions sub {
  bottom: -0.25em;
}
virtual-exhibitions sup {
  top: -0.5em;
}
virtual-exhibitions audio, virtual-exhibitions video {
  display: inline-block;
}
virtual-exhibitions audio:not([controls]) {
  display: none;
  height: 0;
}
virtual-exhibitions img {
  border-style: none;
}
virtual-exhibitions svg:not(:root) {
  overflow: hidden;
}
virtual-exhibitions button, virtual-exhibitions input, virtual-exhibitions optgroup, virtual-exhibitions select, virtual-exhibitions textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
virtual-exhibitions button, virtual-exhibitions input {
  overflow: visible;
}
virtual-exhibitions button, virtual-exhibitions select {
  text-transform: none;
}
virtual-exhibitions [type=reset], virtual-exhibitions [type=submit], virtual-exhibitions button, virtual-exhibitions html [type=button] {
  -webkit-appearance: button;
}
virtual-exhibitions [type=button]::-moz-focus-inner, virtual-exhibitions [type=reset]::-moz-focus-inner, virtual-exhibitions [type=submit]::-moz-focus-inner, virtual-exhibitions button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
virtual-exhibitions [type=button]:-moz-focusring, virtual-exhibitions [type=reset]:-moz-focusring, virtual-exhibitions [type=submit]:-moz-focusring, virtual-exhibitions button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
virtual-exhibitions fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
virtual-exhibitions legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
virtual-exhibitions progress {
  display: inline-block;
  vertical-align: baseline;
}
virtual-exhibitions textarea {
  overflow: auto;
}
virtual-exhibitions [type=checkbox], virtual-exhibitions [type=radio] {
  box-sizing: border-box;
  padding: 0;
}
virtual-exhibitions [type=number]::-webkit-inner-spin-button, virtual-exhibitions [type=number]::-webkit-outer-spin-button {
  height: auto;
}
virtual-exhibitions [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
virtual-exhibitions [type=search]::-webkit-search-cancel-button, virtual-exhibitions [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
virtual-exhibitions ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
virtual-exhibitions details, virtual-exhibitions menu {
  display: block;
}
virtual-exhibitions summary {
  display: list-item;
}
virtual-exhibitions canvas {
  display: inline-block;
}
virtual-exhibitions template {
  display: none;
}
virtual-exhibitions [hidden] {
  display: none;
}
virtual-exhibitions html {
  box-sizing: border-box;
}
virtual-exhibitions *, virtual-exhibitions ::after, virtual-exhibitions ::before {
  box-sizing: inherit;
}
virtual-exhibitions html {
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}
virtual-exhibitions [tabindex="-1"]:focus {
  outline: 0 !important;
}
virtual-exhibitions h1, virtual-exhibitions h2, virtual-exhibitions h3, virtual-exhibitions h4, virtual-exhibitions h5, virtual-exhibitions h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
virtual-exhibitions p {
  margin-top: 0;
  margin-bottom: 1rem;
}
virtual-exhibitions abbr[data-original-title], virtual-exhibitions abbr[title] {
  cursor: help;
}
virtual-exhibitions address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
virtual-exhibitions dl, virtual-exhibitions ol, virtual-exhibitions ul {
  margin-top: 0;
  margin-bottom: 1rem;
}
virtual-exhibitions ol ol, virtual-exhibitions ol ul, virtual-exhibitions ul ol, virtual-exhibitions ul ul {
  margin-bottom: 0;
}
virtual-exhibitions dt {
  font-weight: 700;
}
virtual-exhibitions dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
virtual-exhibitions blockquote {
  margin: 0 0 1rem;
}
virtual-exhibitions a {
  color: #000;
  text-decoration: underline;
}
virtual-exhibitions a:focus, virtual-exhibitions a:hover {
  color: #ccc;
  text-decoration: underline;
}
virtual-exhibitions a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}
virtual-exhibitions a:not([href]):not([tabindex]):focus, virtual-exhibitions a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}
virtual-exhibitions a:not([href]):not([tabindex]):focus {
  outline: 0;
}
virtual-exhibitions pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}
virtual-exhibitions figure {
  margin: 0 0 1rem;
}
virtual-exhibitions img {
  vertical-align: middle;
}
virtual-exhibitions [role=button] {
  cursor: pointer;
}
virtual-exhibitions [role=button], virtual-exhibitions a, virtual-exhibitions area, virtual-exhibitions button, virtual-exhibitions input, virtual-exhibitions label, virtual-exhibitions select, virtual-exhibitions summary, virtual-exhibitions textarea {
  touch-action: manipulation;
}
virtual-exhibitions table {
  border-collapse: collapse;
  background-color: #fff;
}
virtual-exhibitions caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #636c72;
  text-align: left;
  caption-side: bottom;
}
virtual-exhibitions th {
  text-align: left;
}
virtual-exhibitions label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
virtual-exhibitions button:focus {
  outline: 5px auto -webkit-focus-ring-color;
}
virtual-exhibitions button, virtual-exhibitions input, virtual-exhibitions select, virtual-exhibitions textarea {
  line-height: inherit;
}
virtual-exhibitions input[type=checkbox]:disabled, virtual-exhibitions input[type=radio]:disabled {
  cursor: not-allowed;
}
virtual-exhibitions input[type=date], virtual-exhibitions input[type=datetime-local], virtual-exhibitions input[type=month], virtual-exhibitions input[type=time] {
  -webkit-appearance: listbox;
  -moz-appearance: listbox;
}
virtual-exhibitions textarea {
  resize: vertical;
}
virtual-exhibitions fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
virtual-exhibitions legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}
virtual-exhibitions input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
}
virtual-exhibitions output {
  display: inline-block;
}
virtual-exhibitions [hidden] {
  display: none !important;
}
virtual-exhibitions .document {
  margin: 0;
}
virtual-exhibitions .document__body {
  font: 16px/1.2 "Open Sans", Helvetica, Arial, sans-serif;
  background: #f4f4f4;
}
virtual-exhibitions .page {
  background: #f4f4f4;
}
virtual-exhibitions .page__body {
  background: #e5e5e5;
  padding: 30px 16px 20px;
}
virtual-exhibitions .page__footer {
  background: #fff;
}
virtual-exhibitions .main-header {
  line-height: 1;
  position: relative;
  min-height: 320px;
  display: flex;
  flex-direction: column;
}
virtual-exhibitions .main-header::after {
  position: absolute;
  content: "";
  z-index: 20;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
}
virtual-exhibitions .main-header__content {
  position: absolute;
  top: 50%;
  left: 5%;
  right: 5%;
  transform: translateY(-50%);
  z-index: 30;
  color: #fff;
  text-align: center;
  font-weight: 600;
}
virtual-exhibitions .main-header__content p {
  color: white;
  padding: unset;
}
virtual-exhibitions .main-header__title {
  font: 400 24px/1.2 "Open Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  margin: 10px 0 20px;
}
virtual-exhibitions .main-header__description {
  font-size: 16px;
  line-height: 1.3;
}
virtual-exhibitions .main-header__cover {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 10;
  object-fit: cover;
  position: absolute;
}
virtual-exhibitions .main-footer {
  padding: 24px;
}
virtual-exhibitions .main-footer__content {
  max-width: 1200px;
  margin: auto;
}
virtual-exhibitions .main-footer__social {
  margin-bottom: 16px;
}
virtual-exhibitions .main-footer__links {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
virtual-exhibitions .main-footer__links a {
  color: #777;
  font-weight: 600;
  text-decoration: none;
  display: block;
  padding: 4px 10px;
}
virtual-exhibitions .main-footer__links a:hover {
  text-decoration: underline;
}
virtual-exhibitions .logo {
  min-width: 240px;
  display: block;
  margin: auto;
}
virtual-exhibitions .card-list {
  max-width: 1200px;
  margin: auto;
}
virtual-exhibitions .card-list__item {
  margin-bottom: 24px;
}
virtual-exhibitions .card {
  position: relative;
}
virtual-exhibitions .card__cover-box {
  position: relative;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
virtual-exhibitions .card__cover-box::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
virtual-exhibitions .card__cover {
  display: block;
  max-width: 100%;
  position: absolute;
}
virtual-exhibitions .card__badge {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 140px;
  min-width: 140px;
}
virtual-exhibitions .card__header {
  padding: 16px 8px;
}
virtual-exhibitions .disable-card__link {
  pointer-events: none;
  cursor: none;
}
virtual-exhibitions .card__link {
  flex: 1 0 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  color: #000;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background: #fff;
  transition: box-shadow 0.2s, transform 0.35s;
}
virtual-exhibitions .card__link:hover {
  text-decoration: none;
  color: currentColor;
}
virtual-exhibitions .card__title {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 18px;
  margin: 0;
  flex: 1 0 100%;
}
virtual-exhibitions .card__title + .card__description {
  margin-top: 6px;
}
virtual-exhibitions .card__description {
  margin: 0;
  font-size: 12px;
}
virtual-exhibitions .social {
  display: flex;
  align-items: center;
  justify-content: center;
}
virtual-exhibitions .social__label {
  font-size: 12px;
  color: #777;
}
virtual-exhibitions .social__link {
  width: 25px;
  height: 25px;
  font-size: 0;
  border-radius: 50%;
  opacity: 0.75;
  transition: opacity 0.2s;
  margin-left: 8px;
  background-size: 80%;
}
virtual-exhibitions .social__link:hover {
  opacity: 1;
}
virtual-exhibitions .social__link_facebook {
  background: #5f7ec1 url(../svg/facebook.svg) 50% no-repeat;
  background-size: 50%;
}
virtual-exhibitions .social__link_twitter {
  background: #3bc9ff;
  /*background: #3bc9ff url(../images/twitter.svg) 50% no-repeat; TODO: missed image */
  background-size: 60%;
}
virtual-exhibitions .social__link_instagram {
  background: #9b6954 url(../svg/instagram.svg) 50% no-repeat;
  background-size: 50%;
}
virtual-exhibitions .social__link_youtube {
  background: #e9272d;
  /*background: #e9272d url(../images/youtube.svg) 50% no-repeat; TODO: missed image */
  background-size: 50%;
}
@media (min-width: 321px) {
  virtual-exhibitions .main-header {
    min-height: 300px;
  }
  virtual-exhibitions .card-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  virtual-exhibitions .card-list__item {
    flex: 0 0 48.5%;
    margin-bottom: 3%;
  }
  virtual-exhibitions .card-list__item:nth-child(odd) {
    margin-right: 1.5%;
  }
  virtual-exhibitions .card-list__item:nth-child(even) {
    margin-left: 1.5%;
  }
  virtual-exhibitions .card__header {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
  virtual-exhibitions .card__title {
    font-size: 15px;
  }
}
@media (min-width: 490px) {
  virtual-exhibitions .page__body {
    padding: 40px 20px 30px;
  }
  virtual-exhibitions .main-header__title {
    font-size: 28px;
  }
  virtual-exhibitions .main-header__description {
    max-width: 720px;
    margin: auto;
  }
  virtual-exhibitions .logo {
    min-width: 360px;
  }
  virtual-exhibitions .card-list__item {
    flex: 0 0 31%;
    margin-bottom: 3.5%;
  }
  virtual-exhibitions .card-list__item:nth-child(even), virtual-exhibitions .card-list__item:nth-child(odd) {
    margin-right: 0;
    margin-left: 0;
  }
  virtual-exhibitions .card-list__item:nth-child(3n+2) {
    margin-left: 3.5%;
    margin-right: 3.5%;
  }
  virtual-exhibitions .card__badge {
    max-width: 120px;
    min-width: 120px;
  }
  virtual-exhibitions .card__link:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
  }
  virtual-exhibitions .card__title {
    font-size: 20px;
  }
}
@media (min-width: 1023px) {
  virtual-exhibitions .page__header {
    margin-bottom: 40px;
  }
  virtual-exhibitions .page__footer {
    margin-top: 40px;
  }
  virtual-exhibitions .main-header {
    min-height: auto;
  }
  virtual-exhibitions .main-header__title {
    font-size: 32px;
    margin: 10px 0 60px;
  }
  virtual-exhibitions .main-header__description {
    font-size: 20px;
  }
  virtual-exhibitions .main-header__cover {
    position: relative;
  }
  virtual-exhibitions .main-footer__content {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  virtual-exhibitions .main-footer__social {
    margin-bottom: 0;
  }
  virtual-exhibitions .main-footer__links {
    margin-left: 24px;
  }
  virtual-exhibitions .logo {
    min-width: 540px;
  }
  virtual-exhibitions .card__badge {
    max-width: 180px;
    min-width: 180px;
  }
  virtual-exhibitions .card__header {
    padding: 16px 24px;
  }
  virtual-exhibitions .card__title {
    font-size: 30px;
  }
  virtual-exhibitions .card__description {
    font-size: 16px;
  }
}
@media (min-width: 1200px) {
  virtual-exhibitions .page__body {
    padding: 60px 0 20px;
  }
}

/*body.vote {*/
.vote {
  overflow: hidden;
}
.vote header {
  display: none;
}
.vote mobile-header {
  display: none !important;
}

.vote-page {
  position: relative;
  display: block;
}

.vote-page-wrap {
  position: fixed;
  z-index: 78;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  transition: transform 333ms ease, height 333ms ease;
  transform: scale(1) translate3d(0, 0, 0);
  background-color: #000;
}

.finalizing-result {
  width: 100%;
  height: 140px;
  flex-direction: column;
  background-color: #F2FAFE;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.finalizing-result span {
  font-size: 18px;
  color: #218CCC;
  font-weight: 700;
}
.finalizing-result app-ng-image-component {
  background: unset;
}
@media screen and (min-width: 768px) {
  .finalizing-result {
    margin: 0 auto;
    width: 296px;
    height: 66px;
    flex-direction: row;
  }
}

.teams-manager {
  margin: 30px auto;
  width: 80vw;
  font-size: 14px;
}
.teams-manager .teams-btn-secondary-red-center, .teams-manager .teams-btn-secondary-center {
  font-size: 11px;
}
.teams-manager__section {
  position: relative;
  background-color: white;
  border-radius: 15px;
  margin: 10px 0;
  padding: 10px 0 10px 20px;
  display: flex;
  flex-direction: column;
}
.teams-manager__section__content {
  max-height: 400px;
  overflow: auto;
}
.teams-manager__section__content gs-table {
  margin-right: 10px;
}
.teams-manager__section__title {
  font-size: 16px;
  font-weight: 800;
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin: 15px 15px 15px 0;
}
.teams-manager__global-actions__item {
  margin-bottom: 20px;
}
.teams-manager__global-actions__item input, .teams-manager__global-actions__item select, .teams-manager__global-actions__item .teams-btn-primary-center {
  width: 250px;
}
.teams-manager__global-actions__item:last-child {
  margin-bottom: unset;
}
.teams-manager__search select, .teams-manager__search input {
  padding: 6px 10px;
  letter-spacing: -0.6px;
  color: #555;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #f7f7f7;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
}
.teams-manager__search input {
  margin-right: 20px;
}
.teams-manager__content__team-details__section {
  display: flex;
  margin-bottom: 10px;
}
.teams-manager__content__team-details__section__label {
  font-weight: 600;
  flex: 1;
}
.teams-manager__content__team-details__section__value {
  flex: 2;
}
.teams-manager__content__team-actions__item input, .teams-manager__content__team-actions__item select, .teams-manager__content__team-actions__item .teams-btn-primary-center {
  width: 250px;
}
.teams-manager__content__team-members avatar, .teams-manager__content__team-left-members avatar, .teams-manager__content__match-members avatar {
  display: block;
  margin: 0 auto;
  width: 40px;
  height: 40px;
}
.teams-manager__content__team-members avatar img, .teams-manager__content__team-left-members avatar img, .teams-manager__content__match-members avatar img {
  width: 40px;
  height: 40px;
}
.teams-manager__content__team-members member-name, .teams-manager__content__team-left-members member-name, .teams-manager__content__match-members member-name {
  width: 150px;
}
.teams-manager__content__team-members member-name span, .teams-manager__content__team-left-members member-name span, .teams-manager__content__match-members member-name span {
  width: 100%;
}
.teams-manager__content__team-matches tr:hover {
  background-color: #ccc;
}

my-challenges-completed {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.my-challenges-completed {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}
.my-challenges-completed__title {
  padding: 24px 0;
  margin: 0 10px;
}
.my-challenges-completed__challenges {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 16px;
}
.my-challenges-completed__challenges app-ng-image-component {
  background-image: unset;
}
.my-challenges-completed__challenges__item {
  min-width: 357px;
  max-width: 1300px;
  width: 100%;
  margin-bottom: 16px;
}
.my-challenges-completed__challenges__item:last-child {
  margin-bottom: unset;
}
@media screen and (max-width: 1301px) {
  .my-challenges-completed__challenges__item {
    width: 80%;
  }
}
@media screen and (max-width: 440px) {
  .my-challenges-completed__challenges__empty-state {
    padding: 0 34px;
    margin: auto;
  }
}

challenges-item-completed {
  display: block;
}
challenges-item-completed achievements {
  position: relative;
  top: -11px;
}
challenges-item-completed .gs-icon i {
  font-size: 14px;
}
challenges-item-completed .gs-icon__POINT img {
  height: 10px;
}
@media screen and (max-width: 1200px) {
  challenges-item-completed .challenges-item-completed-chest .challenges-item-completed__right {
    display: none;
  }
  challenges-item-completed .challenges-item-completed-chest .challenges-item-completed__chest-mobile-actions {
    order: 2;
    display: flex;
    padding: 0 15px;
  }
  challenges-item-completed .challenges-item-completed-chest .challenges-item-completed__achievements {
    flex-direction: column;
  }
  challenges-item-completed .challenges-item-completed-chest .challenges-item-completed__achievements__chest-message {
    display: block;
  }
  challenges-item-completed .challenges-item-completed {
    height: unset;
    padding: 0;
  }
  challenges-item-completed .challenges-item-completed__wrapper {
    padding: unset;
    flex-direction: column;
  }
  challenges-item-completed .challenges-item-completed > div {
    border-right: none;
  }
  challenges-item-completed .challenges-item-completed__details, challenges-item-completed .challenges-item-completed__achievements {
    border-bottom: 1px solid #D7D7D7;
  }
  challenges-item-completed .challenges-item-completed__details, challenges-item-completed .challenges-item-completed__achievements, challenges-item-completed .challenges-item-completed__details, challenges-item-completed .challenges-item-completed__right {
    width: unset;
    padding: 10px 15px 20px 15px;
  }
  challenges-item-completed .challenges-item-completed__challenge {
    order: 1;
    height: 154px;
    width: 355px;
    padding-right: 0;
  }
  challenges-item-completed .challenges-item-completed__achievements {
    order: 3;
    justify-content: space-evenly;
  }
  challenges-item-completed .challenges-item-completed__details {
    order: 2;
    align-items: center;
  }
  challenges-item-completed .challenges-item-completed__details .challenge-images:not(.challenge-images--num-of-photos-1) {
    margin-bottom: 20px;
  }
  challenges-item-completed .challenges-item-completed__details gs-icon .gs-icon__main {
    justify-content: center;
  }
  challenges-item-completed .challenges-item-completed__right {
    order: 4;
  }
  challenges-item-completed .challenges-item-completed__right > div:first-child {
    display: none;
  }
  challenges-item-completed .challenges-item-completed__right__rewards {
    width: 100%;
    margin-bottom: 8px;
  }
  challenges-item-completed .challenges-item-completed__right__share {
    width: 100%;
  }
}

.challenges-item-completed {
  background-color: white;
  width: 100%;
  height: 186px;
  border: 1px solid #C2C2C2;
  display: flex;
  flex-direction: column;
}
.challenges-item-completed__show-winner {
  height: unset;
  border: 2px solid #FFC422;
  box-shadow: 0px 7px 10px -6px rgba(2, 2, 6, 0.508823);
  background-color: #FFF7D8;
}
.challenges-item-completed__show-winner .challenges-item-completed__winner {
  display: block;
}
.challenges-item-completed__winner {
  display: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 32.81%, rgba(0, 0, 0, 0.02) 100%), linear-gradient(180deg, #FADB7E 0%, #FADB7E 100%);
  background-blend-mode: soft-light, normal;
  height: 50px;
}
.challenges-item-completed__winner__image {
  height: 100%;
  background-image: url("../png/winner-title.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.challenges-item-completed__wrapper {
  padding: 16px;
  display: flex;
  position: relative;
  z-index: 1;
}
.challenges-item-completed__wrapper > div {
  border-right: 1px solid #D7D7D7;
}
.challenges-item-completed__challenge {
  box-sizing: content-box;
  height: 154px;
  width: 303px;
  padding-right: 24px;
}
.challenges-item-completed__achievements {
  padding: 0 10px;
  width: 323px;
}
.challenges-item-completed__achievements badge {
  height: 78px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.challenges-item-completed__achievements badge:last-child {
  margin-right: unset;
}
.challenges-item-completed__details {
  padding: 0 24px;
  width: 357px;
  display: flex;
  justify-content: space-between;
}
.challenges-item-completed__details .gs-d-flex {
  justify-content: center;
}
.challenges-item-completed__details .gs-d-flex gs-icon .gs-icon__main {
  margin-left: 3px;
}
.challenges-item-completed__details gs-icon {
  height: 50px;
}
.challenges-item-completed__details gs-icon .gs-icon__main {
  justify-content: left;
}
.challenges-item-completed__right {
  position: relative;
  width: 270px;
  padding-left: 24px;
  justify-content: flex-start;
}
.challenges-item-completed__right .resources-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.challenges-item-completed__right .resources-wrapper app-claim-button-component {
  margin-top: 14px;
}
.challenges-item-completed__right__rewards {
  background: #F6F8FA;
  height: 60px;
  width: 209px;
  border-radius: 4px;
  padding: 6px;
}
.challenges-item-completed__right__rewards gs-icon {
  padding-right: 5px;
  margin-left: 5px;
}
.challenges-item-completed__right__rewards gs-icon:after {
  content: "";
  height: 70%;
  width: 2px;
  background-color: #CDD8E2;
  position: absolute;
  right: 0;
  top: 15%;
}
.challenges-item-completed__right__rewards gs-icon:first-child {
  margin-left: unset;
}
.challenges-item-completed__right__rewards gs-icon:last-child:after {
  content: unset;
}

.container-challenge-completed-item {
  display: block;
}

leaderboard-page {
  display: flex;
  flex: 1;
}

.leaderboard-page {
  padding: 30px 0;
  position: relative;
  z-index: 1;
  flex: 1;
}
.leaderboard-page__active {
  display: flex;
  justify-content: center;
  height: calc(100vh - 68px - 60px);
}
.leaderboard-page__active__content {
  border-radius: 12px;
  width: 726px;
  padding: 21px 18px;
  overflow-y: auto;
}
.leaderboard-page__info {
  height: calc(100vh - 68px - 60px);
  width: 1080px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .leaderboard-page {
    display: flex;
    justify-content: center;
    padding: 16px 10px 0;
    width: 100vw;
  }
  .leaderboard-page__active {
    width: 100%;
    height: calc(100vh - 44px - 16px);
    flex-direction: column;
  }
  .leaderboard-page__active leaderboard-header {
    height: 160px;
  }
  .leaderboard-page__active__content {
    width: 100%;
    background-color: unset !important;
    border: unset !important;
    padding: 10px 4px 10px 4px !important;
    overflow-x: hidden;
  }
}

leaderboard-header {
  display: block;
  overflow: hidden;
  flex-shrink: 0;
}

.leaderboard-header {
  overflow: hidden;
  height: 100%;
  padding: 50px 0 100px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  width: 321px;
  margin-right: 21px;
}
@media screen and (min-width: 1200px) and (max-height: 840px) {
  .leaderboard-header league-timer {
    margin-top: 20%;
  }
}
@media screen and (max-width: 1200px) {
  .leaderboard-header {
    width: 100%;
    flex-direction: row;
    justify-content: center;
    padding: unset;
  }
  .leaderboard-header__bottom-illustration {
    width: 100%;
    height: 100%;
  }
  .leaderboard-header__up-illustration {
    display: none;
  }
  .leaderboard-header__badge__bg {
    display: none;
  }
  .leaderboard-header__badge__img {
    width: 90px;
    height: 90px;
  }
  .leaderboard-header__content {
    margin-left: 10px;
    flex-direction: column;
    align-items: start;
  }
  .leaderboard-header__content__wrapper {
    flex-direction: row;
  }
  .leaderboard-header__content__wrapper__name {
    font-size: 18px;
  }
  .leaderboard-header__content__wrapper league-level {
    padding: 0 7px;
    height: 19px;
    margin-top: unset !important;
  }
  .leaderboard-header__content league-timer {
    width: 130px;
    height: 20px;
    font-size: 12px;
    margin-top: 10px;
  }
  .leaderboard-header .gs-teams-help-btn, .leaderboard-header .my-team__header__help-btn, .leaderboard-header .match-header__help-btn {
    width: 23px;
    height: 23px;
    padding: unset;
    top: 9px;
    right: 9px;
  }
  .leaderboard-header .gs-teams-help-btn i, .leaderboard-header .my-team__header__help-btn i, .leaderboard-header .match-header__help-btn i {
    font-size: 11px;
  }
}

leaderboard-info {
  display: block;
}

.leaderboard-info {
  height: 100%;
  border-radius: 12px;
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  background-color: #fff;
}
.leaderboard-info__content__subtitle {
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .leaderboard-info {
    width: 100%;
    box-shadow: unset;
    border-radius: unset;
  }
  .leaderboard-info__up-img {
    display: none;
  }
}
@media screen and (max-width: 767px), screen and (max-height: 840px) {
  .leaderboard-info__content {
    margin-top: unset;
    flex: 1;
  }
  .leaderboard-info__badge__bg {
    height: 300px;
    width: 300px;
  }
  .leaderboard-info__badge__img {
    height: 200px;
  }
  .leaderboard-info league-timer {
    width: 135px;
    height: 20px;
    font-size: 12px;
  }
}
@media screen and (max-width: 440px) {
  .leaderboard-info__content {
    margin-top: unset;
  }
}
@media screen and (max-width: 360px) {
  .leaderboard-info__badge__bg {
    height: 200px;
    width: 200px;
  }
  .leaderboard-info__badge__img {
    height: 150px;
  }
  .leaderboard-info__content {
    font-size: 15px;
  }
  .leaderboard-info__content__subtitle {
    font-size: 15px !important;
  }
}

league-timer {
  display: block;
  height: 100%;
  width: 100%;
  font-size: 16px;
}

.league-timer {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  font-size: inherit;
  padding: 5px 20px;
}
.league-timer__finalizing-state {
  background-color: white !important;
}
.league-timer__finalizing-state gs-timer {
  display: none;
}
.league-timer__finalizing-state__title {
  color: #363636 !important;
  display: block !important;
}
.league-timer__finalizing-state .icon-timer-clock {
  color: #363636 !important;
}

photo-data {
  display: block;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 44px);
  margin-top: 44px;
  text-align: left;
  background-color: #ededed;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  photo-data {
    padding: 40px 0 60px;
  }
}

.photo-data__header {
  padding: 30px 30px 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-data__header .avatar {
  width: 70px;
  height: 70px;
  display: inline-block;
  vertical-align: middle;
}
.photo-data__header .info {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  line-height: 1.3;
}
.photo-data__header member-name {
  width: 215px;
  font-size: 16px;
}
.photo-data__header .name a {
  transition: color 0.3s ease-in-out;
  text-decoration: none;
  letter-spacing: 1px;
  color: #222;
  font-size: 16px;
  font-weight: 600;
}
.photo-data__header .name a:hover {
  text-decoration: none;
  color: #218ccc;
}
.photo-data__header .name a span {
  width: 100%;
}
.photo-data__header .country {
  letter-spacing: 0.8px;
  color: #222;
  font-size: 13px;
  font-weight: 300;
}
.photo-data__header .follow {
  display: inline-block;
  margin-top: 10px;
  padding: 3px 8px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #fff;
  border: solid 0.8px #218ccc;
  border-radius: 4px;
  background-color: #218ccc;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}
.photo-data__header .follow.following {
  color: #666;
  border-color: #666;
  background-color: #ededed;
}
.photo-data__header .status-badge {
  display: inline-block;
  float: right;
  vertical-align: middle;
  color: #555;
  font-size: 70px;
}
@media screen and (max-width: 768px) {
  .photo-data__header {
    padding: 20px 10px;
  }
  .photo-data__header .avatar {
    width: 50px;
    height: 50px;
  }
  .photo-data__header .name {
    font-size: 14px;
  }
  .photo-data__header .country {
    font-size: 10px;
  }
  .photo-data__header .status-badge {
    font-size: 50px;
  }
}

.photo-data__title {
  position: relative;
  padding: 30px;
  border-top: 1px solid #bbb;
  background-color: #f3f3f3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-data__title h2 {
  text-align: left;
  color: #444;
  font-size: 20px;
  line-height: 1.3;
}
.photo-data__title .desc {
  position: relative;
  overflow: hidden;
  max-height: 90px;
  margin-top: 10px;
  cursor: pointer;
  transition: max-height 333ms ease-in-out;
  text-align: left;
  text-overflow: ellipsis;
  text-overflow-ellipsis: #000;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
}
.photo-data__title .desc:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20%;
  content: "";
  pointer-events: none;
  background: linear-gradient(to top, rgba(243, 243, 243, 0.6) 20%, rgba(255, 255, 255, 0) 70%);
}
.photo-data__title .desc.full {
  max-height: 1000px;
  cursor: inherit;
}
.photo-data__title .desc.full:after {
  display: none;
}
.photo-data__title .image-title {
  overflow: hidden;
  width: 100%;
  height: auto;
  padding: 5px;
  resize: none;
  text-align: left;
  color: #444;
  border: 1px dotted transparent;
  border-radius: 4px;
  background-color: #f3f3f3;
  box-shadow: none;
  font-size: 28px;
  line-height: 1.3;
}
.photo-data__title .image-title:hover {
  background-color: #ededed;
}
.photo-data__title .image-title:focus {
  border: 1px dotted #ccc;
  background-color: #fff;
}
.photo-data__title .image-desc {
  display: block;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  margin-top: 3px;
  padding: 5px;
  resize: none;
  text-align: left;
  color: #666;
  border: 1px dotted transparent;
  border-radius: 4px;
  outline: none;
  background-color: #f5f5f5 !important;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
.photo-data__title .image-desc:hover {
  background-color: #ededed !important;
}
.photo-data__title .image-desc:focus {
  border: 1px dotted #ccc;
  background-color: #fff !important;
}
.photo-data__title .image-desc::placeholder {
  color: #666;
  font-size: 14px;
  font-weight: 300;
}
.photo-data__title .image-actions {
  margin-top: 10px;
  text-align: right;
}
.photo-data__title .image-save {
  position: absolute;
  right: 30px;
  bottom: 15px;
  min-width: 0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
}
.photo-data__title md-checkbox {
  line-height: 1.3;
}
.photo-data__title md-checkbox .label {
  display: inline-block;
  vertical-align: middle;
}
.photo-data__title md-checkbox .md-label {
  color: #666;
  font-size: 14px;
  font-weight: 600;
}
.photo-data__title md-checkbox .md-container:before {
  border: 1px solid #666;
  border-radius: 0;
}
.photo-data__title md-checkbox .md-icon {
  border-color: transparent;
  background-color: transparent;
}
.photo-data__title md-checkbox .md-icon:after {
  border-color: #666;
}
.photo-data__title md-switch.md-checked .md-thumb {
  background-color: #218ccc !important;
}
.photo-data__title md-switch.md-checked .md-bar {
  background-color: #ccc !important;
}
.photo-data__title md-switch.md-checked .md-label {
  color: #666;
  font-size: 13px;
  font-weight: 600;
}
.photo-data__title .photo-data__print {
  padding: 36px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.photo-data__title .photo-data__numbers {
  padding: 30px;
  text-align: center;
  white-space: nowrap;
  border-top: 1px solid #bbb;
  background-color: #ededed;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .photo-data__title .photo-data__numbers {
    padding: 20px 10px;
  }
}
@media screen and (max-width: 768px) {
  .photo-data__title {
    padding: 20px 10px;
  }
}

.photo-data__numbers {
  padding: 30px;
  text-align: center;
  white-space: nowrap;
  border-top: 1px solid #bbb;
  background-color: #ededed;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .photo-data__numbers {
    padding: 20px 10px;
  }
}

.photo-data__numbers-item {
  position: relative;
  display: inline-block;
  padding: 10px;
  text-align: center;
  color: #444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-data__numbers-item + .photo-data__numbers-item {
  margin-left: 30px;
}
.photo-data__numbers-item.list-btn:hover i {
  color: #218ccc;
}
.photo-data__numbers-item.list-btn:hover .number {
  color: #218ccc;
}
.photo-data__numbers-item.list-btn:hover .label {
  color: #218ccc;
}
.photo-data__numbers-item.link {
  cursor: pointer;
}
.photo-data__numbers-item.disabled {
  opacity: 0.4;
}
.photo-data__numbers-item.achievements {
  margin-left: 16px;
}
.photo-data__numbers-item i {
  transition: color 0.25s ease-in-out;
  font-size: 23px;
}
.photo-data__numbers-item .number {
  transition: color 0.25s ease-in-out;
  text-align: center;
  color: #444;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.5;
}
.photo-data__numbers-item .label {
  transition: color 0.25s ease-in-out;
  text-align: center;
  color: #777;
  font-size: 12px;
  font-weight: 300;
}
@media screen and (max-width: 768px) {
  .photo-data__numbers-item + .photo-data__numbers-item {
    margin-left: 10px;
  }
  .photo-data__numbers-item i {
    font-size: 18px;
  }
  .photo-data__numbers-item .number {
    font-size: 16px;
  }
  .photo-data__numbers-item .label {
    font-size: 10px;
  }
}

.photo-data__list-btn {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  border-radius: 11px;
}

.photo-data__details .header {
  padding: 10px 30px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  color: #444;
  background-color: #e1e1e1;
}
.photo-data__details span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0.3px;
  font-size: 14px;
  font-weight: 400;
}
.photo-data__details .icon-arrow-down {
  display: inline-block;
  margin-left: 10px;
  transition: transform 0.4s ease-in-out;
  transform: rotate(-180deg) translateZ(0);
  vertical-align: middle;
  color: #666;
  font-size: 18px;
  font-weight: 400;
}
.photo-data__details .icon-arrow-down.closed {
  transform: rotate(0deg) translateZ(0);
}

.photo-data__meta {
  overflow: hidden;
  max-height: 200px;
  padding: 10px 30px;
  transition: 0.3s ease-in-out;
  text-align: left;
  opacity: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-data__meta.closed {
  max-height: 0;
  padding: 0 30px;
  opacity: 0.1;
}
@media screen and (max-width: 768px) {
  .photo-data__meta {
    max-height: 300px;
    padding: 10px;
  }
}

.photo-data__meta-item {
  display: inline-block;
  overflow: hidden;
  width: 49%;
  margin: 5px 0;
  cursor: default;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  color: #444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-data__meta-item:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.photo-data__meta-item:hover i, .photo-data__meta-item:hover span {
  color: #000;
}
.photo-data__meta-item i {
  display: inline-block;
  transition: 0.3s ease-in-out;
  vertical-align: middle;
  color: #444;
  font-size: 24px;
  font-weight: 400;
}
.photo-data__meta-item span {
  display: inline-block;
  margin-left: 5px;
  transition: 0.3s ease-in-out;
  vertical-align: middle;
  white-space: normal;
  text-wrap: normal;
  color: #666;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .photo-data__meta-item {
    display: block;
    width: 100%;
    margin: 10px 0;
  }
  .photo-data__meta-item span {
    max-width: 80%;
    margin-left: 10px;
  }
}

.photo-data__comments {
  padding: 30px;
  border-top: 1px solid #bbb;
}

.photo-data__labels {
  padding: 30px;
  border-top: 1px solid #bbb;
}
.photo-data__labels .title, .photo-data__labels .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-data__labels .title-mobile {
  margin-bottom: 15px;
  color: #666;
  font-size: 18px;
  font-weight: 600;
}
.photo-data__labels md-chips.md-default-theme .md-chips, .photo-data__labels md-chips .md-chips {
  box-shadow: none;
}
.photo-data__labels md-chips-wrap {
  padding: 0 0 5px 0;
}
.photo-data__labels md-icon {
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
}

.photo-data__label {
  font-size: 14px;
}
.photo-data__label.editable {
  margin-right: 2px;
  padding-right: 8px;
  border-right: 1px solid #ccc;
}
.photo-data__label.link a {
  text-decoration: none;
  color: rgb(66, 66, 66);
}
.photo-data__label.link a:hover {
  text-decoration: none;
}

.photo-data__achievements {
  padding: 30px;
  border-top: 1px solid #bbb;
}
.photo-data__achievements .title, .photo-data__achievements .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-data__achievements .title-mobile {
  color: #666;
  font-size: 18px;
  font-weight: 600;
}

.photo-data__achievements__items {
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-around;
  margin-top: 10px;
  text-align: left;
  white-space: normal;
  line-height: 1;
  position: relative;
  gap: 15px;
}
.photo-data__achievements__items__item achievement-badge {
  height: 100px;
  position: relative;
  cursor: pointer;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .photo-data__achievements__items__item achievement-badge {
    height: 70px;
  }
}
.photo-data__achievements__items__item__challenges {
  min-height: 249px;
  background-color: #DEE5EC;
  position: absolute;
  left: 0;
  width: 100%;
  padding: 16px 19px 20px;
  border-radius: 12px;
  margin-top: 15px;
}
.photo-data__achievements__items__item__challenges horizontal-scrollbar-arrows {
  transition: 0.3s all;
  opacity: 0;
}
.photo-data__achievements__items__item__challenges:hover horizontal-scrollbar-arrows {
  opacity: 1;
}
.photo-data__achievements__items__item__challenges horizontal-scrollbar-arrows .horizontal-scrollbar-arrows__arrow-button {
  height: calc(100% - 5px);
}
.photo-data__achievements__items__item__challenges achievement-challenges .achievement-challenges__image {
  width: 249px;
}
.photo-data__achievements__items__item .gs-pointer {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 16px solid #DEE5EC;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
}

.photo-data__print {
  padding: 24px;
  text-align: center;
  border-top: 1px solid #ccc;
}
.photo-data__print .gs-text-btn {
  color: #8b8b8b;
  display: block;
  font-size: 16px;
}

.photo-data__print-title {
  font-size: 14px;
  color: #020202;
  padding: 0 0 17px 0;
}

.photo-data__print-buy .gs-text-btn {
  margin-top: 12px;
  margin-bottom: 0;
}

photo-swipe {
  position: fixed;
  top: 100%;
  left: 0;
  display: block;
}
photo-swipe .photo-swipe__header--mobile {
  pointer-events: none;
  opacity: 0;
}
photo-swipe.active {
  position: fixed;
  z-index: 1000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
photo-swipe.active .photo-swipe__header--mobile {
  pointer-events: auto;
  opacity: 1;
}
photo-swipe.closed .pswp__scroll-wrap {
  width: calc(100% - 0px);
}
photo-swipe.closed .pswp__button--arrow--left, photo-swipe.closed .pswp__button--arrow--right {
  opacity: 0;
}
photo-swipe .gs-loader {
  z-index: -1;
}

.photoSwipe-open {
  position: relative;
  display: block;
  float: right;
  overflow: visible;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s;
  vertical-align: middle;
  opacity: 0.75;
  color: #fff;
  border: 0;
  background: none;
  box-shadow: none;
  font-size: 30px;
  line-height: 1;
}
.photoSwipe-open:hover {
  opacity: 1;
}

.photo-swipe__header, .photo-swipe__header--mobile {
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  padding: 0 15px;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  text-align: right;
  opacity: 1;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.pswp__ui--idle .photo-swipe__header, .pswp__ui--idle .photo-swipe__header--mobile {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .photo-swipe__header, .photo-swipe__header--mobile {
    display: none;
  }
}

.photo-swipe__header--mobile {
  z-index: 1500;
  display: none;
  padding: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .photo-swipe__header--mobile {
    display: block;
  }
}

.photo-swipe__share {
  position: absolute;
  top: 0;
  left: 10px;
  text-align: right;
  color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-swipe__share .title, .photo-swipe__share .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-swipe__share .title-mobile {
  display: inline-block;
  margin-right: 10px;
  cursor: default;
  vertical-align: middle;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .photo-swipe__share .title, .photo-swipe__share .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .photo-swipe__share .title-mobile {
    display: none;
  }
}

.photo-swipe__share-item {
  display: inline-block;
  width: 50px;
  cursor: pointer;
  transition: all 333ms cubic-bezier(0.4, 0, 0.22, 1);
  text-align: center;
  vertical-align: middle;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 24px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-swipe__share-item:hover {
  color: #218ccc;
}
@media screen and (max-width: 768px) {
  .photo-swipe__share-item {
    width: auto;
    height: auto;
    font-size: 24px;
  }
  .photo-swipe__share-item:hover {
    color: #fff;
    background-color: transparent;
  }
  .photo-swipe__share-item + .photo-swipe__share-item {
    margin-left: 15px;
  }
}

.photo-swipe__like {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  cursor: pointer;
  transform: translateZ(0);
  text-align: center;
  vertical-align: top;
  opacity: 0.7;
  font-size: 44px;
}
.photo-swipe__like.liked .liked {
  transform: scale(1);
}
.photo-swipe__like .like {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.photo-swipe__like .liked {
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.3s ease-in-out;
  transform: scale(0);
  transform-origin: 50% 50%;
  opacity: 0.6;
  color: #218ccc;
}
.pswp--fs .photo-swipe__like {
  display: none;
}

.photo-swipe__open-panel-btn {
  display: inline-block;
  width: 40px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.pswp--fs .photo-swipe__open-panel-btn {
  display: none;
}
.photo-swipe__open-panel-btn i {
  transform: rotate(180deg);
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .photo-swipe__open-panel-btn {
    display: none;
  }
}

.photo-swipe__close-btn {
  display: inline-block;
  width: 40px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  color: #fff;
  font-size: 0;
  line-height: 1;
}
.photo-swipe__close-btn span {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  line-height: 0.8;
}

.photo-swipe-panel {
  position: absolute;
  z-index: 1500;
  top: 0;
  right: 0;
  width: 450px;
  max-width: 100vw;
  height: 100vh;
  transition: transform 0.2s linear;
  transform: translate3D(0, 0, 0);
  background-color: #ededed;
  font-size: 16px;
}
.photo-swipe-panel.closed {
  transform: translate3D(100%, 0, 0);
}
.photo-swipe-panel .gs-loader {
  background-color: #ededed;
}

.photo-swipe-panel__close {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  text-align: center;
  color: #666;
  background-color: #d8d8d8;
  font-size: 15px;
  font-weight: 600;
  line-height: 44px;
}
.photo-swipe-panel__close:hover {
  color: #444;
}

.photo-swipe-panel__close-panel {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 44px;
  height: 44px;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  text-align: center;
  color: #666;
  background-color: #d8d8d8;
  font-size: 15px;
  font-weight: 600;
  line-height: 44px;
}
.photo-swipe-panel__close-panel:hover {
  color: #444;
}

.photo-swipe-panel__open-panel {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 5px;
  display: none;
  width: 44px;
  height: 44px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: color 0.3s ease-in-out;
  text-align: center;
  color: #666;
  font-size: 30px;
  font-weight: 600;
  line-height: 44px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-swipe-panel__open-panel:hover {
  color: #444;
}
@media screen and (max-width: 768px) {
  .photo-swipe-panel__open-panel {
    display: block;
  }
}

.photo-swipe-panel__close-panel--mobile {
  position: absolute;
  z-index: -1;
  top: 60px;
  left: 0;
  display: none;
  width: 70px;
  height: 70px;
  padding-left: 14px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  transform: translateX(-50%);
  text-align: left;
  opacity: 0.5;
  border-radius: 50%;
  background-color: #ededed;
  box-shadow: -1px 0 5px 0 rgba(0, 0, 0, 0.6);
  line-height: 70px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo-swipe-panel__close-panel--mobile:hover {
  opacity: 0.7;
}
.photo-swipe-panel__close-panel--mobile i {
  transition: transform 0.3s linear;
  transform: rotate(180deg);
  vertical-align: middle;
  color: #444;
  font-size: 25px;
  font-weight: 400;
}
.photo-swipe-panel__close-panel--mobile i.left {
  transform: rotate(0deg);
}
@media screen and (max-width: 768px) {
  .photo-swipe-panel__close-panel--mobile {
    display: block;
  }
}

.pswp__scroll-wrap {
  width: calc(100% - 450px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .pswp__scroll-wrap {
    width: 100%;
  }
}

.pswp--fs .pswp__scroll-wrap {
  width: 100%;
}

.pswp__img {
  height: auto !important;
}

.pswp__counter {
  display: none !important;
}

.pswp__top-bar {
  background-color: transparent !important;
}

.pswp__button {
  opacity: 1;
}
.pswp__button:before {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: none !important;
}
.pswp__button i {
  opacity: 0.9;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  font-size: 100px;
}

.pswp__button--fs {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: url(../png/default-skin.png) 0 0 no-repeat !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.pswp__ui--idle .pswp__button--fs {
  opacity: 0;
}
@media screen and (max-width: 768px) {
  .pswp__button--fs {
    display: none !important;
  }
}

.photo-swipe__info-card {
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding: 8px 15px;
  text-align: left;
  color: #fff;
  border-top-left-radius: 11px;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3;
}
photo-swipe-link {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
photo-swipe-link a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

custom-card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  color: #444;
  font-size: 14px;
}

.c-custom-card__video {
  position: relative;
  display: inline-block;
  min-width: 140px;
  padding-bottom: 56.25%; /* 16:9 */
  cursor: pointer;
  vertical-align: middle;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-custom-card__video:hover i {
  opacity: 1;
}
.c-custom-card__video i {
  position: absolute;
  top: 50%;
  left: 50%;
  transition: opacity 0.2s ease-in-out;
  transform: translate(-50%, -50%);
  opacity: 0.6;
  color: #fff;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
  font-size: 60px;
}
@media screen and (max-width: 768px) {
  .c-custom-card__video {
    width: 100%;
  }
}

.c-custom-card__image {
  display: inline-block;
  min-width: 140px;
  height: 100%;
  min-height: 100px;
  vertical-align: middle;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-custom-card__image {
    width: 100%;
  }
}

off-topic-card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 17px 0;
  text-align: left;
  color: #444;
  font-size: 14px;
}
off-topic-card .c-off-topic-card__title {
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  off-topic-card .c-off-topic-card__title {
    margin: 20px auto 10px;
  }
}
off-topic-card .c-off-topic-card__images {
  float: left;
  margin: 10px 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  off-topic-card .c-off-topic-card__images {
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
  }
}
off-topic-card .c-off-topic-card__image {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
off-topic-card .c-off-topic-card__image + off-topic-card .c-off-topic-card__image {
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  off-topic-card .c-off-topic-card__image {
    width: 60px;
    height: 60px;
  }
}
off-topic-card .c-off-topic-card__text {
  margin-top: 6px;
  vertical-align: top;
  color: #444;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
off-topic-card .c-off-topic-card__text p {
  padding: 0;
}
off-topic-card .c-off-topic-card__text b {
  cursor: pointer;
  color: #218ccc;
}
off-topic-card .c-off-topic-card__text .link {
  cursor: pointer;
  color: #218ccc;
  font-weight: 600;
}

similar-card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 9px 17px 0;
  text-align: left;
  color: #444;
  font-size: 14px;
}
similar-card .c-similar-card__title {
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  similar-card .c-similar-card__title {
    margin: 20px auto 10px;
  }
}
similar-card .c-similar-card__images {
  float: left;
  margin: 10px 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  similar-card .c-similar-card__images {
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
  }
}
similar-card .c-similar-card__image {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
similar-card .c-similar-card__image + similar-card .c-similar-card__image {
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  similar-card .c-similar-card__image {
    width: 60px;
    height: 60px;
  }
}
similar-card .c-similar-card__text {
  margin-top: 6px;
  vertical-align: top;
  color: #444;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
similar-card .c-similar-card__text p {
  padding: 0;
}
similar-card .c-similar-card__text b {
  cursor: pointer;
  color: #218ccc;
}
similar-card .c-similar-card__text .link {
  cursor: pointer;
  color: #218ccc;
  font-weight: 600;
}

successful-swap-card {
  display: block;
  width: 100%;
  height: 100%;
  color: #444;
  font-size: 14px;
}

suspended-images-card {
  display: block;
  padding: 9px 17px 0;
  width: 100%;
  height: 100%;
  color: #444;
  text-align: left;
  font-size: 14px;
}
suspended-images-card .c-suspended-images-card__title {
  color: #218ccc;
  font-weight: 600;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  suspended-images-card .c-suspended-images-card__title {
    margin: 20px auto 10px;
  }
}
suspended-images-card .c-suspended-images-card__images {
  float: left;
  margin: 10px 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  suspended-images-card .c-suspended-images-card__images {
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
  }
}
suspended-images-card .c-suspended-images-card__image {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
suspended-images-card .c-suspended-images-card__image + suspended-images-card .c-suspended-images-card__image {
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  suspended-images-card .c-suspended-images-card__image {
    width: 60px;
    height: 60px;
  }
}
suspended-images-card .c-suspended-images-card__text {
  margin-top: 6px;
  color: #444;
  vertical-align: top;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
}
suspended-images-card .c-suspended-images-card__text p {
  padding: 0;
}
suspended-images-card .c-suspended-images-card__text b {
  color: #218ccc;
  cursor: pointer;
}

swap-suggest-card {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  text-align: right;
  color: #444;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  swap-suggest-card {
    height: auto;
    text-align: center;
  }
}

.swapSuggestCard__image {
  position: absolute;
  top: 10px;
  left: 10px;
  height: calc(100% - 20px);
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.swapSuggestCard__image:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.swapSuggestCard__image img {
  display: inline-block;
  width: 60px;
  vertical-align: middle;
}
.swapSuggestCard__image .image-label {
  display: inline-block;
  max-width: 122px;
  margin-left: 5px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.4px;
  color: #3d81bf;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 1200px) {
  .swapSuggestCard__image {
    position: inherit;
    display: block;
    height: auto;
    margin-top: 40px;
    text-align: center;
  }
  .swapSuggestCard__image .image-label {
    margin-left: 20px;
  }
}

.swapSuggestCard__swap {
  display: inline-block;
  width: 350px;
  max-width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  color: #444;
  font-weight: 300;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.swapSuggestCard__swap:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.swapSuggestCard__swap .arrow {
  display: inline-block;
  width: 42px;
  vertical-align: middle;
}
@media screen and (max-width: 1200px) {
  .swapSuggestCard__swap {
    display: block;
    margin: 20px auto;
    text-align: center;
  }
}

.swapSuggestCard__main-img {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  background-color: #ccc;
}
.swapSuggestCard__main-img img {
  width: 77px;
  height: 77px;
  border-radius: 5px;
}
.swapSuggestCard__main-img .votes {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}

.swapSuggestCard__suggested {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  border-radius: 5px;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.swapSuggestCard__suggested img {
  width: 90px;
  height: 90px;
  border-radius: 5px;
}
.swapSuggestCard__suggested .swap {
  position: absolute;
  top: 100%;
  left: 50%;
  padding: 5px 5px 5px 7px;
  cursor: pointer;
  transform: translate3d(-50%, -50%, 0);
  color: #3397d2;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 22px;
}
@media screen and (max-width: 1200px) {
  .swapSuggestCard__suggested {
    text-align: center;
  }
}

.swapSuggestCard__action {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.swapSuggestCard__action .gs-btn--blue--s--, .swapSuggestCard__action fixed-footer .fix-footer__btn--s--, fixed-footer .swapSuggestCard__action .fix-footer__btn--s--, .swapSuggestCard__action .gs-btn--white, .swapSuggestCard__action .gs-btn--red, .swapSuggestCard__action .gs-btn--grey, .swapSuggestCard__action .gs-btn--instagram {
  margin-left: 20px;
  font-size: 14px;
}
@media screen and (max-width: 1200px) {
  .swapSuggestCard__action {
    display: block;
    margin-top: 30px;
    text-align: center;
  }
}

try-swap-card {
  display: block;
  width: 100%;
  height: 100%;
  color: #444;
  font-size: 14px;
}

unlock-state-card {
  display: block;
  padding: 9px 17px 0;
  width: 100%;
  height: 100%;
  color: #444;
  text-align: left;
  font-size: 14px;
}
unlock-state-card .c-unlock-state-card__title {
  color: #218ccc;
  font-weight: 600;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  unlock-state-card .c-unlock-state-card__title {
    margin: 20px auto 10px;
  }
}
unlock-state-card .c-unlock-state-card__images {
  float: left;
  margin: 10px 10px 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  unlock-state-card .c-unlock-state-card__images {
    display: block;
    float: none;
    margin: 10px auto;
    text-align: center;
  }
}
unlock-state-card .c-unlock-state-card__image {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
unlock-state-card .c-unlock-state-card__image + unlock-state-card .c-unlock-state-card__image {
  margin-left: 3px;
}
@media screen and (max-width: 768px) {
  unlock-state-card .c-unlock-state-card__image {
    width: 60px;
    height: 60px;
  }
}
unlock-state-card .c-unlock-state-card__text {
  margin-top: 6px;
  color: #444;
  vertical-align: top;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.3;
}
unlock-state-card .c-unlock-state-card__text p {
  padding: 0;
}
unlock-state-card .c-unlock-state-card__text b {
  color: #218ccc;
  cursor: pointer;
}

cards {
  display: block;
  max-width: 560px;
  background-color: #fff;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}
cards + cards {
  box-shadow: none;
}
cards:before {
  position: absolute;
  top: 0;
  right: 19px;
  display: block;
  padding: 5px;
  content: attr(data-count);
  text-align: center;
  color: #777;
  background-color: #f1f1f1;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
}

.c-cards__close {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 19px;
  padding: 3px 0;
  cursor: pointer;
  text-align: center;
  color: #777;
  border: 1px solid #777;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.c-cards__image {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 150px;
  height: calc(100% - 20px);
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-cards__image:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.c-cards__image img {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-cards__image {
    position: inherit;
    display: block;
    width: 100%;
    height: auto;
    margin-top: 40px;
  }
  .c-cards__image:before {
    display: none;
  }
}

.c-cards__actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
  text-align: center;
}
.c-cards__actions div + div {
  margin-left: 10px;
}

.c-cards__btn {
  padding: 5px 10px;
  font-size: 14px;
}

.c-cards__text-block {
  height: calc(100% - 34px);
  margin: 17px 74px 17px 170px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-cards__text-block:before {
  display: inline-block;
  width: 0;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .c-cards__text-block {
    position: inherit;
    display: block;
    width: 100%;
    height: auto;
    margin: 20px auto 0;
  }
}

.c-cards__wrapper {
  display: inline-block;
  vertical-align: middle;
}

.c-cards__title {
  color: #218ccc;
  font-size: 20px;
  font-weight: 700;
}

.c-cards__text {
  margin-top: 5px;
  color: #444;
  font-size: 16px;
  font-weight: 400;
}

.c-cards__link {
  text-align: center;
  text-decoration: none;
  letter-spacing: -0.3px;
  color: #218ccc;
  font-size: 14px;
  font-weight: 400;
  line-height: 2;
}
.c-cards__link span {
  vertical-align: middle;
}
.c-cards__link i {
  vertical-align: middle;
  color: #444;
  font-size: 18px;
}
.c-cards__link:hover {
  text-decoration: none;
}

cards.admin {
  width: 540px;
  height: 138px;
}

cards.admin--mobile {
  width: 285px;
  height: 300px;
  padding-bottom: 40px;
  text-align: center;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
}
cards.admin--mobile .c-cards__image {
  position: inherit;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 40px;
}
cards.admin--mobile .c-cards__image:before {
  display: none;
}
cards.admin--mobile .c-cards__text-block {
  position: inherit;
  display: block;
  width: 100%;
  height: auto;
  margin: 20px auto 0;
}
cards.admin--mobile .c-custom-card__image,
cards.admin--mobile .c-custom-card__video {
  width: 100%;
}

gs-modals {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1049;
}

.gs-modals {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.gs-modals.ads {
  align-items: unset;
}
.gs-modals.hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0;
}

.gs-modals__overlay {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}

.gs-modals__simple {
  width: 600px;
  height: 600px;
  animation: scaleUp 333ms ease-in-out;
  border-radius: 11px;
  background-color: #fff;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

.b-lazy {
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

@keyframes voteAnimation {
  80% {
    transform: scale(0.95);
    opacity: 0.8;
  }
  100% {
    transform: scale(1);
    opacity: 0.7;
  }
}
@keyframes voteBadgeAnimation {
  0% {
    transform: translate(-50%, -50%) scale(5);
    opacity: 0;
  }
  80% {
    transform: translate(-50%, -50%) scale(0.85);
    opacity: 0.9;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes voteScaleUp {
  0% {
    transform: translate3d(50%, -50%, 0) scale(0);
    opacity: 0;
  }
  100% {
    transform: translate3d(50%, -50%, 0) scale(1);
    opacity: 1;
  }
}
.ads .full .modal-vote__photo {
  height: calc(100vh - 134px) !important;
}

modal-vote {
  position: absolute;
  top: 20px;
  display: block;
  width: calc(100vw - 30px);
  height: calc(100vh - 80px);
  text-align: center;
  border: 2px solid #fff;
  border-radius: 4px;
  background-color: #22232a;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-vote.ads {
  height: calc(100vh - 130px);
  top: 30px;
}
modal-vote.ads .modal-vote__photos__actions {
  bottom: 100px;
}
.full modal-vote.ads .modal-vote__photo {
  height: calc(100vh - 134px) !important;
}
modal-vote .gs-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #22232a;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  modal-vote {
    width: 100%;
    height: 100%;
    border: none;
  }
}

.modal-vote__challenge-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 17px;
  text-align: left;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 16px;
  font-weight: 300;
}
.modal-vote__challenge-title span {
  font-weight: 600;
}
.modal-vote__challenge-title.full {
  display: none;
}

.modal-vote__photos-wrap {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  height: 100%;
  padding-top: 56px;
  transform: translate3d(0, 0, 0);
  text-align: left;
  background-color: #22232a;
}
.modal-vote__photos-wrap.full {
  overflow: hidden;
  padding-top: 0;
}
.modal-vote__photos-wrap.full.IE {
  overflow-y: scroll;
}
html.mobile.touch .modal-vote__photos-wrap.full {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-vote__photos {
  box-sizing: content-box;
  width: 100%;
  min-height: calc(100% + 1px);
  padding: 4px;
  transition: opacity 0.6s ease-in-out;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  color: #fff;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.full .modal-vote__photos {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .modal-vote__photos {
    padding: 0;
  }
}

.modal-vote__photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__photo:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  pointer-events: none;
  background-color: #000;
}
.full .modal-vote__photo:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal-vote__photo:hover .icon-gs-zoom-in, .modal-vote__photo:hover .modal-vote__photo__menu {
  display: inline-block;
}
.full .modal-vote__photo {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: calc(100vh - 84px) !important;
  margin: 0 !important;
  padding: 10px 0;
}
.full .modal-vote__photo .off-topic-filter__actions {
  top: 50%;
  bottom: inherit;
}
@media screen and (max-width: 768px) {
  .modal-vote__photo {
    width: 100% !important;
    height: auto !important;
    min-height: 100px;
    margin: 1px auto;
  }
  .modal-vote__photo .modal-vote__photo__zoom {
    display: none;
  }
}

.modal-vote__photo__img {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  cursor: pointer;
  transition: opacity 333ms linear, transform 230ms ease-out;
  vertical-align: bottom;
  opacity: 0;
  background-color: #000;
  background-image: unset !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__photo__img.loaded, .modal-vote__photo__img.b-loaded {
  opacity: 1;
}
.full .modal-vote__photo__img {
  display: none;
  width: auto !important;
  height: auto !important;
  margin: 0;
}
@media screen and (max-width: 1000px) {
  .modal-vote__photo__img {
    width: 100%;
    height: auto;
    min-height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .modal-vote__photo__img {
    width: 100%;
    height: auto;
  }
}

.modal-vote__photo__img__animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

app-ng-image-component.modal-vote__photo__img--full {
  position: relative;
  display: none;
  width: auto !important;
  min-width: 1px;
  max-width: 100%;
  height: auto !important;
  min-height: 1px;
  max-height: 100%;
  margin: 0;
  cursor: pointer;
  transition: opacity 333ms linear;
  vertical-align: bottom;
  opacity: 0;
  background-color: #000;
  background-image: unset !important;
}
app-ng-image-component.modal-vote__photo__img--full img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
}
app-ng-image-component.modal-vote__photo__img--full.loaded, app-ng-image-component.modal-vote__photo__img--full.b-loaded {
  opacity: 1;
}
.full app-ng-image-component.modal-vote__photo__img--full {
  display: flex;
}

.modal-vote__photo__vote--s-- {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.modal-vote__photo__zoom {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, 0, 0);
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.modal-vote__photo__zoom .icon-gs-zoom-in {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  width: 40px;
  height: 40px;
  padding-top: 5px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  font-size: 26px;
}
.full .modal-vote__photo__zoom .icon-gs-zoom-in {
  display: none;
}
.modal-vote__photo__zoom .icon-gs-zoom-out {
  position: absolute;
  top: 15px;
  right: 15px;
  display: none;
  width: 70px;
  height: 70px;
  padding: 10px;
  cursor: pointer;
  transition: transform 0.2s linear;
  text-align: center;
  color: #fff;
  font-size: 36px;
}
.full .modal-vote__photo__zoom .icon-gs-zoom-out {
  display: inline-block;
}

.modal-vote__photo__menu {
  position: absolute;
  top: 10px;
  left: 15px;
  display: none;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__photo__menu .md-fab-action-item:last-child {
  margin-top: 5px;
}
.full .modal-vote__photo__menu {
  display: inline-block;
}
@media screen and (max-width: 1000px) {
  .modal-vote__photo__menu {
    right: inherit;
    left: 15px;
    transform: translate(0, 0);
  }
}

.modal-vote__photo__menu-item {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
  font-size: 26px;
}
.modal-vote__photo__menu-item + .modal-vote__photo__menu-item {
  margin-top: 10px;
}
.full .modal-vote__photo__menu-item {
  width: 70px;
  height: 70px;
  margin-bottom: 15px;
}
.full .modal-vote__photo__menu-item i {
  font-size: 36px;
}
.modal-vote__photo__menu-item i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-vote__photo__like {
  margin-bottom: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 24px;
}
.modal-vote__photo__like.liked .liked {
  transform: translate(-50%, -50%) scale(1);
}
.modal-vote__photo__like .like {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.modal-vote__photo__like .liked {
  transition: transform 0.3s ease-in-out;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: 50% 50%;
  opacity: 1;
  color: #fff;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.modal-vote__photo__voted {
  position: absolute;
  top: 50%;
  left: 50%;
  visibility: hidden;
  width: 180px;
  height: 180px;
  transform: translate(-50%, -50%) scale(0);
  text-align: center;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  color: #fff;
  border-radius: 50%;
  background-image: none;
  text-shadow: none;
  font-size: 120px;
  line-height: 180px;
}
.full .modal-vote__photo__voted {
  width: 250px;
  height: 250px;
  font-size: 180px;
  line-height: 250px;
}
.modal-vote__photo__voted.voted {
  visibility: visible;
  animation: voteBadgeAnimation cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.35s 1 forwards;
  opacity: 1;
  text-shadow: 0 0 50px rgba(0, 222, 255, 0.6), 0 0 50px rgba(0, 222, 255, 0.6), 0 0 50px rgba(0, 222, 255, 0.6);
}

.modal-vote__photos__actions {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  pointer-events: none;
}

.modal-vote__photos__actions__reward {
  position: absolute;
  bottom: 32px;
  left: 30px;
  font-size: 0;
  line-height: 1;
}
.modal-vote__photos__actions__reward .progress {
  display: inline-block;
  overflow: hidden;
  width: 321px;
  max-width: calc(100vw - 231px);
  height: 25px;
  text-align: left;
  vertical-align: middle;
  border-radius: 21px;
  background-color: #e7e7e7;
}
.modal-vote__photos__actions__reward .bar {
  display: inline-block;
  width: 0;
  height: 100%;
  transition: width 300ms ease-in-out;
  vertical-align: middle;
  border-radius: 21px;
  background-image: linear-gradient(to left, #2be6ff, #1e8cd3);
}
.modal-vote__photos__actions__reward .bar.completed {
  background-image: linear-gradient(to bottom, #ff9300, #ffa400);
}
.modal-vote__photos__actions__reward .icon-checkmark {
  position: absolute;
  top: 50%;
  right: 0;
  align-items: center;
  justify-content: center;
  width: 47px;
  height: 47px;
  transform: translate3d(50%, -50%, 0) scale(1);
  text-align: center;
  opacity: 1;
  color: #fff;
  border-radius: 50%;
  background-image: linear-gradient(to bottom, #ff9300, #ffa400);
  font-size: 30px;
  font-weight: 400;
  line-height: 47px;
}
.modal-vote__photos__actions__reward .icon-checkmark.ng-enter {
  transform-origin: center center;
  animation: voteScaleUp 0.45s 1 forwards;
}
.modal-vote__photos__actions__reward .label {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  color: #fff;
  text-shadow: 0 0 2px rgba(0, 45, 88, 0.8);
  font-size: 14px;
  font-weight: 800;
}

.modal-vote__greeting {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal-vote__greeting:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.modal-vote__greeting__text {
  display: inline-flex;
  justify-content: center;
  vertical-align: middle;
  color: #fff;
  font-size: 12px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__greeting__text h1 {
  margin: unset;
  color: #FFFFFF;
  font-size: 32px;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: 0.6923077106px;
  text-align: center;
}
.modal-vote__greeting__text h1 span {
  font-weight: 400;
}
.modal-vote__greeting__text .modal-vote__greeting__voting-power {
  margin: 40px auto;
  color: #fff;
  font-size: 120px;
}
.modal-vote__greeting__text h2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}
.modal-vote__greeting__text .gs-btn--blue--s--, .modal-vote__greeting__text fixed-footer .fix-footer__btn--s--, fixed-footer .modal-vote__greeting__text .fix-footer__btn--s--, .modal-vote__greeting__text .gs-btn--white, .modal-vote__greeting__text .gs-btn--red, .modal-vote__greeting__text .gs-btn--grey, .modal-vote__greeting__text .gs-btn--instagram {
  width: 153px;
  padding: 9px 0;
  border-radius: 4px;
  font-family: Roboto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .modal-vote__greeting__text h1 {
    font-size: 26px;
  }
  .modal-vote__greeting__text h1:before, .modal-vote__greeting__text h1:after {
    display: none;
  }
  .modal-vote__greeting__text > i {
    margin: 20px auto;
  }
}

.modal-vote__greeting__desc {
  max-width: 600px;
  margin: 10px auto;
  padding: 0 10px;
  opacity: 0.7;
  color: #fff;
  font-size: 18px;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .modal-vote__greeting__desc {
    font-size: 12px;
    font-weight: 600;
  }
}

.modal-vote__greeting__not-started {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__greeting__not-started h3 {
  margin: 25px 0 50px 0;
  font-size: 18px;
  font-weight: 400;
}
.modal-vote__greeting__not-started .countdown {
  margin: 10px auto;
  font-size: 36px;
  font-weight: 400;
}
.modal-vote__greeting__not-started .gs-btn--blue--s--, .modal-vote__greeting__not-started fixed-footer .fix-footer__btn--s--, fixed-footer .modal-vote__greeting__not-started .fix-footer__btn--s--, .modal-vote__greeting__not-started .gs-btn--white, .modal-vote__greeting__not-started .gs-btn--red, .modal-vote__greeting__not-started .gs-btn--grey, .modal-vote__greeting__not-started .gs-btn--instagram {
  margin-top: 25px;
  padding: 9px 40px;
  border-radius: 4px;
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
}
@media screen and (max-width: 1000px) {
  .modal-vote__greeting__not-started h1 {
    font-size: 26px;
  }
  .modal-vote__greeting__not-started h1:before, .modal-vote__greeting__not-started h1:after {
    display: none;
  }
}

.modal-vote__greeting__timer {
  position: relative;
  width: 100%;
  margin-top: 20px;
  padding-top: 5px;
  transform: translate3d(0, 0, 0);
  text-align: left;
  white-space: nowrap;
  /* labels for clock */
}
.modal-vote__greeting__timer .labels {
  width: 273px;
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}
.modal-vote__greeting__timer .labels .label {
  display: inline-block;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}
.modal-vote__greeting__timer .labels .label:nth-child(1) {
  margin-left: 11px;
}
.modal-vote__greeting__timer .labels .label:nth-child(2) {
  margin-left: 37px;
}
.modal-vote__greeting__timer .labels .label:nth-child(3) {
  margin-left: 25px;
}
.modal-vote__greeting__timer .labels .label:nth-child(4) {
  margin-left: 16px;
}
.modal-vote__greeting__timer .flip-clock-wrapper {
  position: relative;
  overflow: hidden;
  width: 254px;
  height: 40px;
  margin: 0 auto;
  text-align: left;
  font-size: 14px;
}
.modal-vote__greeting__timer .flip-clock-wrapper ul {
  width: 24px;
  height: 36px;
  margin: 0 calc(2px / 2);
}
.modal-vote__greeting__timer .flip-clock-wrapper ul li {
  line-height: 36px;
}
.modal-vote__greeting__timer .flip-clock-wrapper ul li a div div.inn {
  font-size: 30px;
}
.modal-vote__greeting__timer .flip-clock-wrapper ul, .modal-vote__greeting__timer .flip-clock-wrapper ul li a div div.inn {
  border-radius: 5px;
}
.modal-vote__greeting__timer .flip-clock-wrapper ul li a div.down {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.modal-vote__greeting__timer .flip-clock-wrapper ul li a div.up:after {
  top: calc(36px / 2 - 1px);
}
.modal-vote__greeting__timer .flip-clock-dot.top {
  top: calc(36px / 2 - 30px * 0.2 - 5px / 2);
}
.modal-vote__greeting__timer .flip-clock-dot.bottom {
  top: calc(36px / 2 + 30px * 0.2 - 5px / 2);
}
.modal-vote__greeting__timer .flip-clock-dot {
  left: 5px;
  width: 5px;
  height: 5px;
}
.modal-vote__greeting__timer .flip-clock-divider {
  width: 15px;
  height: 40px;
}
.modal-vote__greeting__timer .flip-clock-divider:first-child {
  display: none;
}
.modal-vote__greeting__timer .flip-clock-divider .flip-clock-label {
  right: -55px !important;
  display: none;
  color: #444;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.modal-vote__banner {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__banner:hover {
  text-decoration: none;
}
.modal-vote__banner .title, .modal-vote__banner .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .modal-vote__banner .title-mobile {
  display: block;
  color: #fff;
  font-size: 25px;
  font-weight: 600;
}
.modal-vote__banner .title:after, .modal-vote__banner .challenges .challengeToggle .title-mobile:after, .challenges .challengeToggle .modal-vote__banner .title-mobile:after, .modal-vote__banner .title:before, .modal-vote__banner .challenges .challengeToggle .title-mobile:before, .challenges .challengeToggle .modal-vote__banner .title-mobile:before {
  display: inline-block;
  margin: 0;
  content: "—";
  opacity: 0.2;
}
.modal-vote__banner .title:after, .modal-vote__banner .challenges .challengeToggle .title-mobile:after, .challenges .challengeToggle .modal-vote__banner .title-mobile:after {
  margin-left: 5px;
}
.modal-vote__banner .title:before, .modal-vote__banner .challenges .challengeToggle .title-mobile:before, .challenges .challengeToggle .modal-vote__banner .title-mobile:before {
  margin-right: 5px;
}
.modal-vote__banner .desc {
  display: block;
  color: #ccc;
  font-size: 14px;
  font-weight: 400;
}
.modal-vote__banner img {
  display: block;
  width: 300px;
  margin: 10px auto 0;
  cursor: pointer;
}
@media screen and (max-width: 1102px) {
  .modal-vote__banner {
    display: none;
  }
}

.modal-vote__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 0;
  font-weight: 600;
  line-height: 30px;
  z-index: 6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__close i {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .modal-vote__close {
    top: 15px;
    right: 15px;
  }
}

.modal-vote__exposure-meter {
  position: absolute;
  bottom: 10px;
  left: 20px;
  transform: translateZ(0);
  width: 140px;
  height: 93px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.3019607843);
  padding: 8px 18px 20px 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .modal-vote__exposure-meter {
    bottom: 25px;
    left: -20px;
  }
}

.modal-vote__exposure-meter__arrow {
  position: absolute;
  right: 0;
  bottom: 15px;
  left: 0;
  display: inline-block;
  width: 3px;
  height: calc(86% - 30px);
  margin: 0 auto;
  transition: all 1s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: bottom;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__exposure-meter__arrow:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: -3px;
  content: "";
  border-radius: 50%;
  background-color: #999;
}
@media screen and (max-width: 768px) {
  .modal-vote__exposure-meter__arrow {
    bottom: 0;
    height: 86%;
  }
}

.modal-vote__submit--s--, .modal-vote__submit--all {
  position: absolute;
  width: 153px;
  height: 34px;
  right: 30px;
  bottom: 30px;
  padding: 6px 0;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: transform 333ms ease-in-out, opacity 333ms ease-in-out;
  transform: translate3D(0, 100%, 0);
  transform-origin: center center;
  will-change: transform;
  pointer-events: all;
  opacity: 0;
  color: #fff;
  border-radius: 4px;
  background-color: #2c7fa6;
  box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.4);
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__submit--s--.on, .on.modal-vote__submit--all {
  transform: translate3D(0, 0, 0);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .modal-vote__submit--s--, .modal-vote__submit--all {
    right: 10px;
    padding: 10px 15px;
    font-size: 14px;
  }
}

.modal-vote__submit--all {
  bottom: 70px;
  transform: translate3D(0, 0, 0);
  opacity: 0.8;
  background-color: #e82b41;
}
.modal-vote__submit--all:hover {
  opacity: 1;
}

.modal-vote__guru-pick-sum {
  position: absolute;
  bottom: 30px;
  left: 30px;
  transform: translateZ(0);
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}

.modal-vote__message-wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}

.modal-vote__message {
  text-align: center;
  color: #fff;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__message h2 {
  margin-top: 30px;
  font-size: 32px;
  font-weight: 800;
  line-height: 38px;
  letter-spacing: 0.6923077106px;
  text-align: center;
}
.modal-vote__message .desc {
  opacity: 0.7;
  font-size: 22px;
  font-weight: 400;
}
.modal-vote__message .desc div {
  padding-top: 5px;
}
.modal-vote__message .description {
  margin-top: 10px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
}
.modal-vote__message .actions {
  margin-top: 40px;
  font-size: 14px;
}
.modal-vote__message .actions.large-margin-top {
  margin-top: 60px;
}
.modal-vote__message .actions div {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  color: #FFFFFF;
  text-transform: uppercase;
}
.modal-vote__message .newbie {
  position: absolute;
  bottom: 30px;
  left: 0;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.modal-vote__message .newbie i {
  display: inline-block;
  vertical-align: middle;
  font-size: 24px;
}
.modal-vote__message .newbie span {
  display: inline-block;
  vertical-align: middle;
}
.modal-vote__message .newbie a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  color: #218ccc;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .modal-vote__message h2 {
    font-size: 30px;
  }
}

.modal-vote__btn--s--, .modal-vote__btn--blue {
  display: inline-block;
  padding: 9px 40px;
  cursor: pointer;
  text-transform: uppercase;
  border: solid 1px #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  vert-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__btn--s-- + .modal-vote__btn--s--, .modal-vote__btn--blue + .modal-vote__btn--s--, .modal-vote__btn--s-- + .modal-vote__btn--blue, .modal-vote__btn--blue + .modal-vote__btn--blue {
  margin-left: 20px;
}
@media screen and (max-width: 425px) {
  .modal-vote__btn--s--, .modal-vote__btn--blue {
    padding: 6px 20px;
    font-size: 16px;
  }
}

.modal-vote__btn--blue {
  border-color: transparent;
  background-color: #218ccc;
}

.modal-vote__sponsor {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  width: 100%;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
  color: #000;
  background-color: #fff;
  font-size: 27px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-vote__sponsor a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000;
}
.modal-vote__sponsor span {
  vertical-align: middle;
  font-style: italic;
}
.modal-vote__sponsor .sponsor-image {
  display: inline-block;
  height: 50px;
  vertical-align: middle;
  position: relative;
}
.modal-vote__sponsor .sponsor-image img {
  position: relative !important;
  height: 50px !important;
}
@media screen and (max-width: 767px) {
  .modal-vote__sponsor {
    font-size: 16px;
  }
  .modal-vote__sponsor .sponsor-image {
    height: 30px;
  }
  .modal-vote__sponsor .sponsor-image img {
    height: 30px !important;
  }
}

.votedImages {
  position: absolute;
  bottom: 0;
  left: 50%;
  max-width: calc(100% - 500px);
  transition: transform 333ms linear;
  transform: translate3d(-50%, calc(100% - 14px), 0);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 12px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.votedImages.active {
  transform: translate3d(-50%, 0, 0);
}
@media screen and (max-width: 765px) {
  .votedImages {
    display: none;
  }
}

.votedImages__toggle {
  position: absolute;
  top: 0;
  left: 100%;
  padding: 5px;
  cursor: pointer;
  color: #fff;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 18px;
}

.votedImages__wrap {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  padding: 0 4px;
  white-space: nowrap;
}

.votedImages__item {
  height: 140px;
  position: relative;
  display: inline-block;
  margin: 4px 2px;
  cursor: pointer;
}
.votedImages__item i {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  transition: transform 200ms linear;
  transform: translate3d(-50%, -50%, 0) scale(0);
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 36px;
}
.votedImages__item:hover i {
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.votedImages__item .votedImages__image {
  height: inherit;
  background-image: unset;
  max-width: 210px;
  min-width: 140px;
  width: auto;
}
.votedImages__item .votedImages__image img {
  position: relative !important;
}

.icon-vote-menu {
  display: block;
  font-size: 100px;
}

.thanks-for-voting {
  margin-top: 20px !important;
  font-size: 40px !important;
  font-weight: 600 !important;
}

.actions .not-joined-continue-button, .actions .not-joined-done-button {
  font-size: 20px !important;
  padding: 9px 29px !important;
}
.actions .not-joined-continue-button {
  border-color: transparent !important;
  background-color: #218ccc !important;
}
.actions .not-joined-done-button {
  border: solid 1px #fff !important;
  border-radius: 4px !important;
  background-color: rgba(0, 0, 0, 0.6) !important;
}

modal-achievements-info {
  display: block;
}
modal-achievements-info gs-close-button {
  top: 8px;
  right: 8px;
}

.modal-achievements-info__content {
  width: 585px;
  min-height: 500px;
  padding: 32px;
  max-height: 80vh;
}
@media screen and (max-width: 425px) {
  .modal-achievements-info__content {
    padding: 16px;
    width: 100vw;
    height: 95vh;
    max-height: unset;
  }
}

modal-app-updated {
  display: block;
  min-width: 300px;
  max-width: none;
  font-size: 0;
  line-height: 1;
}

.app-updated {
  min-width: 300px;
  max-width: none;
}

.app-updated__content {
  padding: 25px;
  text-align: center;
}

.modal-app-updated__title {
  -webkit-user-select: none;
          user-select: none;
  color: #777;
  font-size: 14px;
  line-height: 1.6;
  cursor: default;
}
.modal-app-updated__title b {
  color: #3397d2;
}

.modal-app-updated__actions {
  padding-top: 15px;
}

modal-auto-fill {
  display: block;
}
modal-auto-fill .gs-loader {
  z-index: 2;
  border-radius: 11px;
  background-color: #fff;
}

.modal-auto-fill {
  position: relative;
  display: block;
  overflow: visible;
  max-width: 96vw !important;
  max-height: none !important;
  text-align: center;
  border-radius: 11px;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}

.modal-auto-fill__content {
  display: block;
  min-width: 300px;
  min-height: 100px;
  padding: 30px;
  border-radius: 11px;
  background-color: #fff;
  overflow: hidden;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 420px) {
  .modal-auto-fill__content {
    padding: 30px 10px;
  }
}

.modal-auto-fill__help {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding-left: 1px;
  cursor: pointer;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 50%;
  font-size: 0;
  line-height: 1;
}
.modal-auto-fill__help span {
  font-size: 14px;
  font-weight: 800;
}

.modal-auto-fill__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #444;
  font-size: 18px;
}

.modal-auto-fill__title {
  letter-spacing: -0.4px;
  color: #040404;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.28;
}

.modal-auto-fill-exposure-meter {
  display: inline-block;
  height: 90px;
  transform: scale(1.25);
  margin: 20px auto 15px;
}

.modal-auto-fill__actions {
  margin-top: 10px;
}

.modal-auto-fill__action {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-auto-fill__action + .modal-auto-fill__action {
  margin-left: 30px;
}
.modal-auto-fill__action .button {
  min-width: 150px;
  padding: 5px 0;
  letter-spacing: -0.3px;
  color: #fff;
  border-radius: 5px;
  background-color: #3397d2;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
}
.modal-auto-fill__action .challenge {
  margin-top: 10px;
  letter-spacing: -0.3px;
  color: #000;
  font-size: 14px;
  padding-top: unset;
  background-color: unset;
}
@media screen and (max-width: 420px) {
  .modal-auto-fill__action .button {
    min-width: 120px;
    padding: 15px 0;
  }
  .modal-auto-fill__action + .modal-auto-fill__action {
    margin-left: 25px;
  }
}

.modal-auto-fill__price {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -15px;
  padding: 3px 10px 3px 8px;
  transform: translate3d(0, -50%, 0);
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 0 9px 0.3px rgba(0, 0, 0, 0.3);
  font-size: 0;
  line-height: 1;
}
.modal-auto-fill__price.discount {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-auto-fill__price i {
  display: inline-block;
  vertical-align: middle;
  color: #3397d2;
  font-size: 18px;
}
.modal-auto-fill__price span {
  display: inline-block;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
.modal-auto-fill__price .filter {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 8px 8px;
  background-color: #fff;
}
.modal-auto-fill__price .free {
  position: absolute;
  z-index: -1;
  bottom: 100%;
  left: 0;
  width: 100%;
  padding: 3px 0;
  letter-spacing: 0.2px;
  color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #e54b4b;
  box-shadow: 0 0 9px 0.3px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: 600;
}

modal-auto-submit {
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 1;
}
modal-auto-submit .gs-loader {
  position: inherit;
  width: 300px;
  height: 200px;
  border-radius: 11px;
  background-color: #fff;
}

.modal-auto-submit {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-auto-submit__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.modal-auto-submit__close:hover {
  transform: rotate(180deg);
}

.modal-auto-submit__content {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  text-align: center;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__content {
    max-width: calc(100vw - 25px);
  }
}

.modal-auto-submit__cover {
  position: relative;
  z-index: 1;
  height: 100px;
  padding: 25px;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-auto-submit__cover:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__cover {
    height: auto;
    padding: 10px 5px;
  }
}

.modal-auto-submit__title {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.5px;
  color: #444;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-auto-submit__title span {
  font-weight: 600;
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__title {
    font-size: 16px;
  }
}

.modal-auto-submit__body {
  padding: 25px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__body {
    padding: 15px 5px;
  }
}

.modal-auto-submit__desc {
  text-align: center;
  letter-spacing: -0.6px;
  color: #666;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.13;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__desc {
    font-size: 14px;
    line-height: 1.3;
  }
}

.modal-auto-submit__images {
  margin-top: 20px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__images {
    margin-top: 10px;
  }
}

.modal-auto-submit__image {
  position: relative;
  display: inline-block;
  width: 170px;
  height: 170px;
  margin: 5px;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-auto-submit__image img {
  width: 100%;
  height: 100%;
  transition: opacity 1s cubic-bezier(0.15, 0.53, 0.34, 1);
  opacity: 0;
}
.modal-auto-submit__image img.loaded {
  opacity: 1;
}
.modal-auto-submit__image .votes {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 28px;
  font-weight: 600;
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__image {
    width: calc(50% - 10px);
    height: calc(50% - 10px);
  }
}

.modal-auto-submit__footer {
  position: relative;
  height: 100px;
  white-space: nowrap;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-auto-submit__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.modal-auto-submit__footer .gs-btn--blue--s--, .modal-auto-submit__footer fixed-footer .fix-footer__btn--s--, fixed-footer .modal-auto-submit__footer .fix-footer__btn--s--, .modal-auto-submit__footer .gs-btn--white, .modal-auto-submit__footer .gs-btn--red, .modal-auto-submit__footer .gs-btn--grey, .modal-auto-submit__footer .gs-btn--instagram {
  vertical-align: middle;
}
.modal-auto-submit__footer .gs-text-btn {
  margin-left: 40px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 805px) {
  .modal-auto-submit__footer {
    height: auto;
    padding: 10px;
  }
  .modal-auto-submit__footer .gs-btn--blue--s--, .modal-auto-submit__footer fixed-footer .fix-footer__btn--s--, fixed-footer .modal-auto-submit__footer .fix-footer__btn--s--, .modal-auto-submit__footer .gs-btn--white, .modal-auto-submit__footer .gs-btn--red, .modal-auto-submit__footer .gs-btn--grey, .modal-auto-submit__footer .gs-btn--instagram {
    font-size: 12px;
  }
  .modal-auto-submit__footer .gs-text-btn {
    margin-left: 15px;
    font-size: 12px;
  }
}

modal-challenge-action-activate {
  display: block;
  overflow: visible;
}
modal-challenge-action-activate .c-modal-challenge-action-activate {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
  width: 581px;
  text-align: center;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__close {
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #fff;
  color: #444;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__close:hover {
  transform: rotate(180deg);
}
modal-challenge-action-activate .c-modal-challenge-action-activate__content {
  overflow: visible;
  width: 100%;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__content__image {
  width: 100%;
  height: 227px;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__block {
  display: flex;
  flex-direction: column;
  padding: 15px;
  gap: 10px;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__photos {
  display: flex;
  justify-content: center;
  gap: 10px;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__photo {
  position: relative;
  margin: 5px;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background-color: #ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-challenge-action-activate .c-modal-challenge-action-activate__photo:hover .c-modal-challenge-action-activate__round {
  opacity: 1;
  transform: scale(1) translate(-50%, -51%);
}
modal-challenge-action-activate .c-modal-challenge-action-activate__photo.boosting {
  cursor: default;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__photo.boosting .c-modal-challenge-action-activate__round {
  display: none;
}
@media screen and (max-width: 768px) {
  modal-challenge-action-activate .c-modal-challenge-action-activate__photo {
    margin: 2px;
    padding-bottom: calc(25% - 4px);
    width: calc(25% - 4px);
    border-radius: 2px;
  }
  modal-challenge-action-activate .c-modal-challenge-action-activate__photo .c-modal-challenge-action-activate__round {
    display: none;
  }
}
modal-challenge-action-activate .c-modal-challenge-action-activate__votes {
  position: absolute;
  bottom: 4px;
  left: 4px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 4px #000;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
  -webkit-user-select: none;
          user-select: none;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__round {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  padding-top: 26px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.75);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #444;
  font-weight: 800;
  font-size: 18px;
  line-height: 1;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0) translate(-50%, -51%);
  transform-origin: 0 0;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__round span {
  display: block;
  font-weight: 400;
  font-size: 16px;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__rocket {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #fff;
  font-weight: 800;
  font-size: 41px;
  line-height: 80px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translate(-50%, -51%);
  transform-origin: 0 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-challenge-action-activate .c-modal-challenge-action-activate__rocket i {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  transform: translate(-55%, -45%);
}
modal-challenge-action-activate .c-modal-challenge-action-activate__rocket .icon-missle {
  animation-name: colorBlueBlink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
modal-challenge-action-activate .c-modal-challenge-action-activate__rocket .icon-missle-fire {
  color: #218ccc;
  animation-name: colorBlueBlink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
@media screen and (max-width: 768px) {
  modal-challenge-action-activate .c-modal-challenge-action-activate__rocket {
    width: 65px;
    height: 65px;
  }
}
modal-challenge-action-activate .c-modal-challenge-action-activate__label {
  color: #218ccc;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

modal-challenge-action-locked {
  display: block;
}
modal-challenge-action-locked .c-modal-challenge-action-locked {
  max-height: none !important;
  border-radius: 11px;
  background-color: transparent;
  text-align: center;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__content {
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  width: 471px;
}
@media screen and (max-width: 500px) {
  modal-challenge-action-locked .c-modal-challenge-action-locked__content {
    min-height: 200px;
    width: 96vw;
  }
}
modal-challenge-action-locked .c-modal-challenge-action-locked__image {
  width: 100%;
  height: 215px;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__block {
  padding: 15px 20px 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions {
  display: flex;
  align-items: center;
  gap: 30px;
  margin: 15px auto 10px;
  text-align: center;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions__btn {
  border-radius: 4px;
  height: 40px;
  width: 169px;
  cursor: pointer;
  color: #FFFFFF;
  background-color: #218CCC;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions__btn__key {
  position: absolute;
  bottom: -16px;
  right: 13px;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions .key-icon:after {
  content: "\ea7f";
  color: #FFBA00;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions .action-button-text-box {
  border: 1px solid white;
  position: absolute;
  bottom: -8px;
  right: -19px;
}
modal-challenge-action-locked .c-modal-challenge-action-locked__actions .action-button-status-text, modal-challenge-action-locked .c-modal-challenge-action-locked__actions .c-challenges-item-mobile__photos__actions__item.boost-state-missed:after, modal-challenge-action-locked .c-modal-challenge-action-locked__actions .boost-state-missed.c-challenges-item-mobile__photos__actions__item--exhibit:after, modal-challenge-action-locked .c-modal-challenge-action-locked__actions .c-challenges-item-mobile__photos__actions__item.boost-state-locked:after, modal-challenge-action-locked .c-modal-challenge-action-locked__actions .boost-state-locked.c-challenges-item-mobile__photos__actions__item--exhibit:after {
  padding-top: 0;
}

@keyframes unlockAnimation {
  50% {
    transform: rotateY(180deg) translateY(-15px);
  }
  100% {
    transform: rotateY(0deg) translateY(-15px);
  }
}
modal-boost-unlock {
  display: block;
}

.c-modal-boost-unlock {
  max-width: 100% !important;
  border-radius: 11px;
  background-color: transparent;
}

.c-modal-boost-unlock__content {
  width: 100%;
  border-radius: 11px;
  background-color: transparent;
  font-size: 0;
}

.c-modal-boost-unlock__cover {
  position: relative;
  min-height: 200px;
  width: 300px;
  background-color: #2C7FA6;
}

.c-modal-boost-unlock__lock-block {
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 0;
  line-height: 1;
  transform: translate3D(-50%, -50%, 0);
}
.c-modal-boost-unlock__lock-block .icon-lock-body {
  display: inline-block;
  vertical-align: top;
  font-size: 120px;
}
.c-modal-boost-unlock__lock-block .icon-lock-arm {
  position: absolute;
  top: 0;
  right: -15px;
  z-index: 1;
  display: inline-block;
  font-size: 120px;
  transition: all 0.6s ease-in-out;
  transform: rotateY(180deg);
  transform-origin: center top;
  transform-style: preserve-3d;
}
.c-modal-boost-unlock__lock-block .icon-lock-arm.unlocked {
  animation-name: unlockAnimation;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.c-modal-boost-unlock__block {
  padding: 10px;
  background-color: #fff;
}
.c-modal-boost-unlock__block h4 {
  color: #666;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

.c-modal-boost-unlock__actions {
  margin: 15px auto 10px;
  text-align: center;
  font-size: 14px;
}
.c-modal-boost-unlock__actions .gs-text-btn {
  margin-left: 10px;
}

.gs-braze-modal-captioned-image {
  overflow: unset;
}
.gs-braze-modal-captioned-image .icon-close:before {
  color: white;
  background-color: #8BA4BD;
  padding: 6px;
  border-radius: 50%;
  border: 5px solid white;
  position: absolute;
  left: -7px;
  top: -20px;
  font-size: 12px;
}

modal-content-cards md-dialog .ab-feed .ab-card, modal-content-cards md-dialog .ab-feed, modal-content-cards md-dialog modal-content-cards md-dialog-content {
  overflow: unset;
}

modal-content-cards md-dialog {
  overflow: unset;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-close-button {
  opacity: 1;
  top: -15px;
  right: -15px;
  border-radius: 50%;
  background-color: #8ba4bd;
  border: 5px solid #ffffff;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-close-button:hover {
  background-color: #8ba4bd;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-close-button svg {
  fill: #ffffff;
  width: 10px;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-title,
modal-content-cards md-dialog .ab-feed .ab-card .ab-description {
  font-family: "Roboto";
  color: #5e5e5e;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-title {
  font-size: 32px;
  font-weight: 900;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-description {
  font-size: 14px;
  font-weight: 400;
}
modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area {
  height: 48px;
}
.c-modal-broadcast, .c-modal-broadcast--type12, .c-modal-broadcast--type10, .c-modal-broadcast--type17, .c-modal-broadcast--type14, .c-modal-broadcast--type13, .c-modal-broadcast--type9, .c-modal-broadcast--type7, .c-modal-broadcast--type11, .c-modal-broadcast--type6, .c-modal-broadcast--type3, .c-modal-broadcast--type2, .c-modal-broadcast--type1 {
  max-width: 600px !important;
  border-radius: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast md-toolbar, .c-modal-broadcast--type12 md-toolbar, .c-modal-broadcast--type10 md-toolbar, .c-modal-broadcast--type17 md-toolbar, .c-modal-broadcast--type14 md-toolbar, .c-modal-broadcast--type13 md-toolbar, .c-modal-broadcast--type9 md-toolbar, .c-modal-broadcast--type7 md-toolbar, .c-modal-broadcast--type11 md-toolbar, .c-modal-broadcast--type6 md-toolbar, .c-modal-broadcast--type3 md-toolbar, .c-modal-broadcast--type2 md-toolbar, .c-modal-broadcast--type1 md-toolbar {
  position: relative;
  overflow: hidden;
  height: 210px;
  background-color: #218ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast md-toolbar .c-image, .c-modal-broadcast--type12 md-toolbar .c-image, .c-modal-broadcast--type10 md-toolbar .c-image, .c-modal-broadcast--type17 md-toolbar .c-image, .c-modal-broadcast--type14 md-toolbar .c-image, .c-modal-broadcast--type13 md-toolbar .c-image, .c-modal-broadcast--type9 md-toolbar .c-image, .c-modal-broadcast--type7 md-toolbar .c-image, .c-modal-broadcast--type11 md-toolbar .c-image, .c-modal-broadcast--type6 md-toolbar .c-image, .c-modal-broadcast--type3 md-toolbar .c-image, .c-modal-broadcast--type2 md-toolbar .c-image, .c-modal-broadcast--type1 md-toolbar .c-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .c-modal-broadcast md-toolbar, .c-modal-broadcast--type12 md-toolbar, .c-modal-broadcast--type10 md-toolbar, .c-modal-broadcast--type17 md-toolbar, .c-modal-broadcast--type14 md-toolbar, .c-modal-broadcast--type13 md-toolbar, .c-modal-broadcast--type9 md-toolbar, .c-modal-broadcast--type7 md-toolbar, .c-modal-broadcast--type11 md-toolbar, .c-modal-broadcast--type6 md-toolbar, .c-modal-broadcast--type3 md-toolbar, .c-modal-broadcast--type2 md-toolbar, .c-modal-broadcast--type1 md-toolbar {
    height: 150px;
  }
}
.c-modal-broadcast md-dialog-actions, .c-modal-broadcast--type12 md-dialog-actions, .c-modal-broadcast--type10 md-dialog-actions, .c-modal-broadcast--type17 md-dialog-actions, .c-modal-broadcast--type14 md-dialog-actions, .c-modal-broadcast--type13 md-dialog-actions, .c-modal-broadcast--type9 md-dialog-actions, .c-modal-broadcast--type7 md-dialog-actions, .c-modal-broadcast--type11 md-dialog-actions, .c-modal-broadcast--type6 md-dialog-actions, .c-modal-broadcast--type3 md-dialog-actions, .c-modal-broadcast--type2 md-dialog-actions, .c-modal-broadcast--type1 md-dialog-actions {
  display: block;
  text-align: center;
  background-color: #f1f1f1;
}
.c-modal-broadcast md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type12 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type12 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type12 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type10 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type10 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type10 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type17 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type17 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type17 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type14 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type14 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type14 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type13 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type13 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type13 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type9 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type9 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type9 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type7 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type7 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type7 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type11 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type11 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type11 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type6 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type6 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type6 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type3 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type3 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type3 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type2 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type2 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type2 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast--type1 md-dialog-actions .gs-btn--blue--s--, .c-modal-broadcast--type1 md-dialog-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--type1 md-dialog-actions .fix-footer__btn--s--, .c-modal-broadcast md-dialog-actions .gs-btn--white, .c-modal-broadcast--type12 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type10 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type17 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type14 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type13 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type9 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type7 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type11 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type6 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type3 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type2 md-dialog-actions .gs-btn--white, .c-modal-broadcast--type1 md-dialog-actions .gs-btn--white, .c-modal-broadcast md-dialog-actions .gs-btn--red, .c-modal-broadcast--type12 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type10 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type17 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type14 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type13 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type9 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type7 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type11 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type6 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type3 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type2 md-dialog-actions .gs-btn--red, .c-modal-broadcast--type1 md-dialog-actions .gs-btn--red, .c-modal-broadcast md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type12 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type10 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type17 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type14 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type13 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type9 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type7 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type11 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type6 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type3 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type2 md-dialog-actions .gs-btn--instagram, .c-modal-broadcast--type1 md-dialog-actions .gs-btn--instagram,
.c-modal-broadcast md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type12 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type10 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type17 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type14 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type13 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type9 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type7 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type11 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type6 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type3 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type2 md-dialog-actions .gs-btn--grey,
.c-modal-broadcast--type1 md-dialog-actions .gs-btn--grey {
  margin: 10px;
}
.c-modal-broadcast md-dialog-actions a, .c-modal-broadcast--type12 md-dialog-actions a, .c-modal-broadcast--type10 md-dialog-actions a, .c-modal-broadcast--type17 md-dialog-actions a, .c-modal-broadcast--type14 md-dialog-actions a, .c-modal-broadcast--type13 md-dialog-actions a, .c-modal-broadcast--type9 md-dialog-actions a, .c-modal-broadcast--type7 md-dialog-actions a, .c-modal-broadcast--type11 md-dialog-actions a, .c-modal-broadcast--type6 md-dialog-actions a, .c-modal-broadcast--type3 md-dialog-actions a, .c-modal-broadcast--type2 md-dialog-actions a, .c-modal-broadcast--type1 md-dialog-actions a {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-modal-broadcast, .c-modal-broadcast--type12, .c-modal-broadcast--type10, .c-modal-broadcast--type17, .c-modal-broadcast--type14, .c-modal-broadcast--type13, .c-modal-broadcast--type9, .c-modal-broadcast--type7, .c-modal-broadcast--type11, .c-modal-broadcast--type6, .c-modal-broadcast--type3, .c-modal-broadcast--type2, .c-modal-broadcast--type1 {
    max-width: 90vw;
  }
}

.c-modal-broadcast__share {
  position: absolute;
  bottom: 100%;
  left: 20px;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  line-height: 1;
}

.c-modal-broadcast__share__btn, .c-modal-broadcast__share__btn--twitter, .c-modal-broadcast__share__btn--facebook {
  display: inline-block;
  padding: 4px;
  cursor: pointer;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-size: 18px;
}
.c-modal-broadcast__share__btn:hover, .c-modal-broadcast__share__btn--twitter:hover, .c-modal-broadcast__share__btn--facebook:hover {
  opacity: 0.8;
}

.c-modal-broadcast__share__btn--facebook {
  background-color: #3b5999;
}

.c-modal-broadcast__share__btn--twitter {
  background-color: #47B7FF;
}

.c-modal-broadcast__content {
  display: block;
  padding: 20px 20px 10px 20px;
  text-align: left;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast__content h4 {
  margin: 0 0 20px;
  color: #218ccc;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}
.c-modal-broadcast__content h4 span {
  display: block;
  color: #000;
  font-size: 24px;
  font-weight: 400;
}
.c-modal-broadcast__content .item {
  display: inline-block;
  width: 50%;
  margin: 10px 0;
  vertical-align: top;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast__content .item:nth-child(odd) {
  padding-left: 20px;
}
.c-modal-broadcast__content .item .title, .c-modal-broadcast__content .item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-broadcast__content .item .title-mobile {
  font-weight: 600;
}
.c-modal-broadcast__content .item .text {
  max-width: 220px;
}
@media screen and (max-width: 767px) {
  .c-modal-broadcast__content .item {
    width: 100%;
    margin: 5px 0;
    padding: 0;
  }
  .c-modal-broadcast__content .item:nth-child(odd) {
    padding-left: 0;
  }
  .c-modal-broadcast__content .item .text {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .c-modal-broadcast__content {
    max-height: 250px;
  }
}

.c-modal-broadcast__content__big-text {
  font-size: 15px;
}
.c-modal-broadcast__content__big-text span {
  display: block;
  font-weight: 600;
}

.c-modal-broadcast__content__close {
  position: absolute;
  top: 7px;
  right: 9px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}
.c-modal-broadcast__content__close:hover {
  font-weight: 600;
}

.c-modal-broadcast--type1 md-toolbar .c-image {
  background-image: url(../png/broadcast_announcing_swaps.png);
}

.c-modal-broadcast--type2 a {
  text-decoration: none;
}
.c-modal-broadcast--type2 md-toolbar .c-image {
  background-image: url(../png/broadcast_android_app.png);
}

.c-modal-broadcast--type3 a {
  text-decoration: none;
}
.c-modal-broadcast--type3 md-toolbar .c-image {
  background-image: url(../png/broadcast_3.png);
}

.c-modal-broadcast--type6 a {
  text-decoration: none;
}
.c-modal-broadcast--type6 md-toolbar .c-image {
  background-image: url(../png/broadcast_6.png);
}
.c-modal-broadcast--type6 .c-modal-broadcast__content h4 span {
  font-size: 22px;
}
.c-modal-broadcast--type6 .gs-btn--grey {
  margin: 0 10px;
  vertical-align: middle;
}
.c-modal-broadcast--type6 .c-btn-facebook-invite {
  padding: 7px;
  color: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  background-color: #3b5999;
  box-shadow: none;
}
.c-modal-broadcast--type6 .c-btn-facebook-invite:hover {
  color: #3b5999;
  background-color: #fff;
}
.c-modal-broadcast--type6 .c-btn-facebook-invite span:before {
  display: none;
}

.c-modal-broadcast--type7 .icon-notice, .c-modal-broadcast--type11 .icon-notice {
  position: absolute;
  top: 15px;
  right: 15px;
  color: #3397d2;
  font-size: 45px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 375px) {
  .c-modal-broadcast--type7 .icon-notice, .c-modal-broadcast--type11 .icon-notice {
    font-size: 25px;
  }
}
.c-modal-broadcast--type7 .c-modal-broadcast__content, .c-modal-broadcast--type11 .c-modal-broadcast__content {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 375px) {
  .c-modal-broadcast--type7 .c-modal-broadcast__content h4, .c-modal-broadcast--type11 .c-modal-broadcast__content h4 {
    margin-top: 15px;
  }
}

.c-modal-broadcast--type9 a {
  text-decoration: none;
}
.c-modal-broadcast--type9 md-toolbar .c-image {
  background-image: url(../png/broadcast_9.png);
}

.c-modal-broadcast--type10, .c-modal-broadcast--type17, .c-modal-broadcast--type14, .c-modal-broadcast--type13 {
  width: 600px;
}
.c-modal-broadcast--type10 a, .c-modal-broadcast--type17 a, .c-modal-broadcast--type14 a, .c-modal-broadcast--type13 a {
  text-decoration: none;
}
.c-modal-broadcast--type10 md-toolbar .c-image, .c-modal-broadcast--type17 md-toolbar .c-image, .c-modal-broadcast--type14 md-toolbar .c-image, .c-modal-broadcast--type13 md-toolbar .c-image {
  background-image: url(../png/broadcast_autofill_shop.png);
}
.c-modal-broadcast--type10 .item, .c-modal-broadcast--type17 .item, .c-modal-broadcast--type14 .item, .c-modal-broadcast--type13 .item {
  width: 100%;
}
.c-modal-broadcast--type10 .item .text, .c-modal-broadcast--type17 .item .text, .c-modal-broadcast--type14 .item .text, .c-modal-broadcast--type13 .item .text {
  width: 100%;
  max-width: none;
}
.c-modal-broadcast--type10 .item .text .icon-gift-2, .c-modal-broadcast--type17 .item .text .icon-gift-2, .c-modal-broadcast--type14 .item .text .icon-gift-2, .c-modal-broadcast--type13 .item .text .icon-gift-2 {
  margin: 0 5px;
  vertical-align: baseline;
  color: #3397d2;
  font-size: 20px;
}

.c-modal-broadcast--type11 {
  max-width: 700px !important;
}
.c-modal-broadcast--type11 .c-modal-broadcast__content h4 {
  font-size: 26px;
}
.c-modal-broadcast--type11 .c-modal-broadcast__content__big-text {
  text-align: justify;
}
.c-modal-broadcast--type11 li {
  margin-left: 20px;
}

.c-modal-broadcast--type12 {
  max-width: 890px !important;
}
.c-modal-broadcast--type12 h4 {
  color: #222;
  font-size: 26px;
  font-weight: 600;
  line-height: 0.8;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .c-modal-broadcast--type12 h4 {
    letter-spacing: -0.3px;
    color: #222;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.1;
  }
}

.c-modal-broadcast--type12__img {
  width: calc(100% + 40px);
  height: 0;
  margin: -20px -20px 20px -20px !important;
  padding-bottom: 21.9%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: url("../png/modal__exhibition__cover_1354.png");
}

.c-modal-broadcast--type12__text, .c-modal-broadcast--type15__text {
  letter-spacing: -0.3px;
  color: #000;
  font-size: 15px;
  line-height: 1.6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast--type12__text a, .c-modal-broadcast--type15__text a {
  text-decoration: none;
}
.c-modal-broadcast--type12__text a:hover, .c-modal-broadcast--type15__text a:hover {
  text-decoration: none;
}
@media screen and (max-width: 425px) {
  .c-modal-broadcast--type12__text, .c-modal-broadcast--type15__text {
    font-size: 14px;
    line-height: 1.3;
  }
}

.c-modal-broadcast--type12__items {
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.c-modal-broadcast--type12__item {
  display: inline-block;
  width: calc((100% - 10px) / 3);
  min-height: 190px;
  text-align: left;
  vertical-align: top;
  border: 1px solid transparent;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast--type12__item + .c-modal-broadcast--type12__item {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #ccc;
}
@media screen and (max-width: 425px) {
  .c-modal-broadcast--type12__item {
    width: 100%;
  }
  .c-modal-broadcast--type12__item + .c-modal-broadcast--type12__item {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
}

.c-modal-broadcast--type12__item__title {
  margin-bottom: 10px;
  padding: 5px;
  letter-spacing: -0.4px;
  color: #000;
  background-color: #ebebeb;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
}
.c-modal-broadcast--type12__item__title img {
  display: inline-block;
  height: 27px;
  margin-right: 5px;
  vertical-align: middle;
}
.c-modal-broadcast--type12__item__title span {
  vertical-align: middle;
}

.c-modal-broadcast--type12__item__desc {
  font-size: 14px;
}
.c-modal-broadcast--type12__item__desc ul {
  margin-left: 20px;
}
.c-modal-broadcast--type12__item__desc li + li {
  margin-top: 5px;
}

.c-modal-broadcast--type12__more {
  cursor: pointer;
  color: #218ccc;
  font-weight: 600;
}

.c-modal-broadcast--type13 {
  max-width: 800px !important;
}
.c-modal-broadcast--type13 md-toolbar .c-image {
  background-image: url(../png/modal__exhibition__saloniki_broadcast13.png);
}
.c-modal-broadcast--type13 .c-modal-broadcast__content .item:nth-child(odd) {
  padding: 0;
}

.c-modal-broadcast--type14 h4 {
  margin: 0;
}
.c-modal-broadcast--type14 md-toolbar .c-image {
  background-image: url(../png/broadcast_14_boost.png);
}
.c-modal-broadcast--type14 .c-modal-broadcast__content .item:nth-child(odd) {
  padding: 0;
}

.c-modal-broadcast--type15__img {
  width: calc(100% + 40px);
  height: 0;
  margin: -20px -20px 20px -20px !important;
  padding-bottom: 21.9%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: url("../png/modal__exhibition__cover_1382.png");
}

.c-modal-broadcast--type15__text a {
  color: #218ccc;
  font-weight: 600;
}
.c-modal-broadcast--type15__text .challenge-name {
  font-style: italic;
}

.c-modal-broadcast--type16__img {
  width: calc(100% + 40px);
  height: 0;
  margin: -20px -20px 20px -20px !important;
  padding-bottom: 21.9%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: url("../png/modal__exhibition__cover_milan.png");
}

.c-modal-broadcast--type17 h4 {
  margin: 0;
}
.c-modal-broadcast--type17 md-toolbar .c-image {
  background-image: url(../png/broadcast_17_sell-photos.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.c-modal-broadcast--type17 .c-modal-broadcast__content .item:nth-child(odd) {
  padding: 0;
}
.c-modal-broadcast--type17 .text a {
  color: #218ccc;
  font-weight: 600;
}

.c-modal-broadcast--type18__img {
  width: calc(100% + 40px);
  height: 0;
  margin: -20px -20px 20px -20px !important;
  padding-bottom: 21.9%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: url("../png/modal__exhibition__cover_paris.png");
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--type18__img {
    background-image: url("../png/modal__exhibition__cover_paris_mobile.png");
  }
}

.c-modal-broadcast--type20__img {
  width: calc(100% + 40px);
  height: 0;
  margin: -20px -20px 20px -20px !important;
  padding-bottom: 21.9%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  background-image: url("../png/modal__exhibition__cover__madrid.png");
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--type20__img {
    background-image: url("../png/modal__exhibition__cover__madrid.png");
  }
}

.c-modal-broadcast--book {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--book {
    max-width: calc(100% - 20px);
    max-height: calc(100vh - 10px);
  }
}

.c-modal-broadcast--book__content {
  display: block;
  overflow: auto;
  overflow-x: hidden;
  white-space: nowrap;
}

.c-modal-broadcast--book__img {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--book__img {
    display: none;
  }
}

.c-modal-broadcast--book__img--mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  width: 100%;
  max-width: 400px;
}
@media screen and (min-width: 769px) {
  .c-modal-broadcast--book__img--mobile {
    display: none;
  }
}

.c-modal-broadcast--book__right-block, .c-modal-broadcast--book__right-block--24, .c-modal-broadcast--book__right-block--22 {
  display: inline-block;
  max-width: 400px;
  padding: 50px 30px 30px;
  vertical-align: top;
  white-space: normal;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast--book__right-block .title, .c-modal-broadcast--book__right-block--24 .title, .c-modal-broadcast--book__right-block--22 .title, .c-modal-broadcast--book__right-block .challenges .challengeToggle .title-mobile, .c-modal-broadcast--book__right-block--24 .challenges .challengeToggle .title-mobile, .c-modal-broadcast--book__right-block--22 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block--24 .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block--22 .title-mobile {
  letter-spacing: -0.6px;
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.16;
}
.c-modal-broadcast--book__right-block .title span, .c-modal-broadcast--book__right-block--24 .title span, .c-modal-broadcast--book__right-block--22 .title span, .c-modal-broadcast--book__right-block .challenges .challengeToggle .title-mobile span, .c-modal-broadcast--book__right-block--24 .challenges .challengeToggle .title-mobile span, .c-modal-broadcast--book__right-block--22 .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .c-modal-broadcast--book__right-block .title-mobile span, .challenges .challengeToggle .c-modal-broadcast--book__right-block--24 .title-mobile span, .challenges .challengeToggle .c-modal-broadcast--book__right-block--22 .title-mobile span {
  display: block;
}
.c-modal-broadcast--book__right-block .text, .c-modal-broadcast--book__right-block--24 .text, .c-modal-broadcast--book__right-block--22 .text {
  margin-top: 15px;
  letter-spacing: -0.4px;
  color: #000;
  font-size: 18px;
  line-height: 1.22;
}
.c-modal-broadcast--book__right-block .text.mobile-hidden, .c-modal-broadcast--book__right-block--24 .text.mobile-hidden, .c-modal-broadcast--book__right-block--22 .text.mobile-hidden {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--book__right-block .text.mobile-hidden, .c-modal-broadcast--book__right-block--24 .text.mobile-hidden, .c-modal-broadcast--book__right-block--22 .text.mobile-hidden {
    display: none;
  }
}
.c-modal-broadcast--book__right-block .list, .c-modal-broadcast--book__right-block--24 .list, .c-modal-broadcast--book__right-block--22 .list {
  margin-top: 35px;
  letter-spacing: -0.4px;
  color: #000;
  font-size: 14px;
  line-height: 1.71;
}
.c-modal-broadcast--book__right-block .list li, .c-modal-broadcast--book__right-block--24 .list li, .c-modal-broadcast--book__right-block--22 .list li {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--book__right-block, .c-modal-broadcast--book__right-block--24, .c-modal-broadcast--book__right-block--22 {
    display: block;
    padding: 5px 10px 10px;
  }
  .c-modal-broadcast--book__right-block .title, .c-modal-broadcast--book__right-block--24 .title, .c-modal-broadcast--book__right-block--22 .title, .c-modal-broadcast--book__right-block .challenges .challengeToggle .title-mobile, .c-modal-broadcast--book__right-block--24 .challenges .challengeToggle .title-mobile, .c-modal-broadcast--book__right-block--22 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block--24 .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block--22 .title-mobile {
    font-size: 18px;
  }
  .c-modal-broadcast--book__right-block .text, .c-modal-broadcast--book__right-block--24 .text, .c-modal-broadcast--book__right-block--22 .text {
    margin-top: 5px;
    font-size: 14px;
  }
  .c-modal-broadcast--book__right-block .list, .c-modal-broadcast--book__right-block--24 .list, .c-modal-broadcast--book__right-block--22 .list {
    margin-top: 5px;
    font-size: 12px;
  }
  .c-modal-broadcast--book__right-block .list li, .c-modal-broadcast--book__right-block--24 .list li, .c-modal-broadcast--book__right-block--22 .list li {
    margin-left: 20px;
  }
}

.c-modal-broadcast--book__right-block--22 .text {
  margin-top: 5px;
  letter-spacing: 0;
  font-size: 14px;
}
.c-modal-broadcast--book__right-block--22 .list {
  margin-top: 15px;
}

.c-modal-broadcast--book__right-block--24 .title, .c-modal-broadcast--book__right-block--24 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-broadcast--book__right-block--24 .title-mobile {
  margin-bottom: 30px;
  line-height: 1.1;
}
.c-modal-broadcast--book__right-block--24 .text {
  margin-top: 10px;
  letter-spacing: 0;
  font-size: 14px;
}
.c-modal-broadcast--book__right-block--24 .text a {
  text-decoration: none;
  color: #218ccc;
  font-weight: 600;
}
.c-modal-broadcast--book__right-block--24 .list {
  margin-top: 30px;
}

.c-modal-broadcast--book__actions {
  margin-top: 60px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-broadcast--book__actions .gs-btn--blue--s--, .c-modal-broadcast--book__actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-broadcast--book__actions .fix-footer__btn--s--, .c-modal-broadcast--book__actions .gs-btn--white, .c-modal-broadcast--book__actions .gs-btn--red, .c-modal-broadcast--book__actions .gs-btn--grey, .c-modal-broadcast--book__actions .gs-btn--instagram {
  margin-right: 5px;
}
@media screen and (max-width: 768px) {
  .c-modal-broadcast--book__actions {
    margin-top: 10px;
  }
}

modal-challenge-intro {
  max-width: 80%;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-challenge-intro md-dialog {
  max-width: 100%;
}
@media screen and (max-width: 1018px) {
  modal-challenge-intro {
    max-width: 100%;
  }
  modal-challenge-intro md-dialog {
    max-width: calc(100% - 10px);
    margin: 0 auto;
  }
}

.modal-challenge-intro {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro {
    max-width: calc(100% - 20px);
    max-height: calc(100vh - 10px);
  }
}

.modal-challenge-intro__content {
  display: block;
  overflow: auto;
  overflow-x: hidden;
  white-space: nowrap;
  text-align: left;
  min-height: 200px;
  min-width: 300px;
}

.modal-challenge-intro__img {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro__img {
    display: none;
  }
}

.modal-challenge-intro__img--mobile {
  width: 100%;
  max-width: 400px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1019px) {
  .modal-challenge-intro__img--mobile {
    display: none;
  }
}

.modal-challenge-intro__data {
  display: inline-block;
  max-width: 400px;
  padding: 50px 30px 30px;
  vertical-align: top;
  white-space: normal;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro__data {
    display: block;
    padding: 5px 10px 10px;
  }
}

.modal-challenge-intro__title {
  letter-spacing: -0.6px;
  color: #222;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.16;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro__title {
    font-size: 18px;
  }
}

.modal-challenge-intro__text {
  padding: 10px 0;
  margin-top: 15px;
  letter-spacing: -0.4px;
  color: #000;
  font-size: 14px;
  line-height: 1.22;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-challenge-intro__text a {
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
}
.modal-challenge-intro__text br {
  display: block;
  margin: 10px 0;
  line-height: 22px;
}
.modal-challenge-intro__text ol,
.modal-challenge-intro__text ul {
  margin-top: 35px;
  letter-spacing: -0.4px;
  color: #000;
  font-size: 14px;
  line-height: 1.71;
}
.modal-challenge-intro__text ol li,
.modal-challenge-intro__text ul li {
  margin-left: 20px;
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro__text .text {
    margin-top: 5px;
    font-size: 14px;
  }
  .modal-challenge-intro__text .list {
    margin-top: 5px;
    font-size: 12px;
  }
  .modal-challenge-intro__text .list li {
    margin-left: 20px;
  }
}

.modal-challenge-intro__actions {
  margin-top: 60px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-challenge-intro__actions .gs-btn--blue--s--, .modal-challenge-intro__actions fixed-footer .fix-footer__btn--s--, fixed-footer .modal-challenge-intro__actions .fix-footer__btn--s--, .modal-challenge-intro__actions .gs-btn--white, .modal-challenge-intro__actions .gs-btn--red, .modal-challenge-intro__actions .gs-btn--grey, .modal-challenge-intro__actions .gs-btn--instagram {
  margin-right: 5px;
}
@media screen and (max-width: 1018px) {
  .modal-challenge-intro__actions {
    margin-top: 10px;
  }
}

modal-challenge-join {
  display: block;
}
modal-challenge-join .gs-loader {
  z-index: 2;
  border-radius: 11px;
  background-color: #fff;
}

.modal-challenge-join {
  position: relative;
  display: block;
  overflow: visible;
  max-width: 96vw !important;
  max-height: none !important;
  text-align: center;
  border-radius: 11px;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}

.modal-challenge-join__content {
  display: block;
  min-width: 300px;
  min-height: 100px;
  padding: 30px 65px;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 420px) {
  .modal-challenge-join__content {
    padding: 30px 10px;
  }
}

.modal-challenge-join__close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  color: #444;
  font-size: 18px;
}

.modal-challenge-join__title {
  letter-spacing: -0.1px;
  color: #040404;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.28;
  color: rgba(0, 0, 0, 0.5);
}

.modal-challenge-join__desc {
  letter-spacing: 0.1px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.44;
  color: black;
  margin-bottom: 20px;
}

.modal-challenge-join__anim {
  display: inline-block;
  height: 90px;
  margin: 30px auto;
}
.modal-challenge-join__anim .c-challenges-item__exposure__meter {
  height: 70px !important;
}

.modal-challenge-join__actions {
  margin-top: 10px;
}
.modal-challenge-join__actions div {
  font-size: 16px;
  width: 148px;
  line-height: 44px;
  padding: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 420px) {
  .modal-challenge-join__actions div {
    width: 130px;
  }
}

.modal-challenge-join__actions-vote--s-- {
  margin-left: 16px;
}

modal-challenge-locked {
  display: block;
}

.modal-challenge-locked {
  max-width: 96vw !important;
  max-height: none !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-challenge-locked__content {
  display: block;
  width: 100%;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}

.modal-challenge-locked__header {
  padding: 15px;
  text-align: center;
  border-bottom: 1px solid #ccc;
}
.modal-challenge-locked__header h1 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
}
.modal-challenge-locked__header .desc {
  margin-top: 5px;
  font-size: 16px;
  font-weight: 400;
}

.modal-challenge-locked__body {
  padding: 25px;
  text-align: center;
  border-bottom: 1px solid #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .modal-challenge-locked__body {
    padding: 10px;
  }
}

.modal-challenge-locked__locked {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-challenge-locked__locked .ribbon {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  min-width: 130px;
  padding: 7px 10px;
  transition: transform 333ms ease-in-out;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}
.modal-challenge-locked__locked .ribbon span {
  font-size: 16px;
}
.modal-challenge-locked__locked .ribbon:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 11px);
  width: 20.506px;
  height: 20.506px;
  content: "";
  transform: rotate(45deg);
  transform-origin: center center;
  background-color: transparent;
  box-shadow: 0 0 0 5000px #3397d2;
}
.modal-challenge-locked__locked .ribbon.left {
  padding-left: 20px;
}
.modal-challenge-locked__locked .ribbon.left:before {
  left: -10px;
}
.modal-challenge-locked__locked .ribbon.right {
  padding-right: 20px;
}
.modal-challenge-locked__locked .ribbon.right:before {
  right: -10px;
}
.modal-challenge-locked__locked .status-locked {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 84px;
  margin: 0 -7px;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
}
@media screen and (max-width: 425px) {
  .modal-challenge-locked__locked {
    white-space: nowrap;
  }
  .modal-challenge-locked__locked .ribbon {
    min-width: 100px;
  }
}

.modal-challenge-locked__text {
  max-width: 300px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: -0.3px;
  color: #444;
  font-size: 14px;
  line-height: 1.57;
}

.modal-challenge-locked__actions {
  padding: 15px;
  text-align: center;
  border-top: 1px solid #ccc;
  font-size: 14px;
}
.modal-challenge-locked__actions .gs-text-btn {
  margin-left: 10px;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

@keyframes unlockAnimation {
  50% {
    transform: rotateY(180deg) translateY(-15px);
  }
  100% {
    transform: rotateY(0deg) translateY(-15px);
  }
}
modal-challenge-unlock {
  display: block;
}

.modal-challenge-unlock {
  max-width: 100% !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-challenge-unlock__content {
  width: 100%;
  padding: 20px;
  text-align: center;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}

.modal-challenge-unlock__title {
  font-size: 14px;
  font-weight: 600;
}
.modal-challenge-unlock__title i {
  color: #218CCC;
  font-size: 22px;
}

.modal-challenge-unlock__image {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-challenge-unlock__image img {
  max-width: 336px;
}
@media screen and (max-width: 420px) {
  .modal-challenge-unlock__image img {
    max-width: 280px;
  }
}

.modal-challenge-unlock__desc .text {
  max-width: 336px;
  margin-top: 10px;
}

.modal-challenge-unlock__actions {
  margin-top: 25px;
}

.modal-challenge-unlock__action-text {
  display: inline-block;
  padding: 3px 25px;
  cursor: pointer;
  vertical-align: middle;
  color: #218CCC;
}

.modal-challenge-unlock__action-btn {
  position: relative;
  display: inline-block;
  margin-left: 25px;
  padding: 8px 24px;
  cursor: pointer;
  vertical-align: middle;
  color: #fff;
  border-radius: 4px;
  background-color: #218CCC;
  line-height: 20px;
  text-transform: uppercase;
}
.modal-challenge-unlock__action-btn:before {
  right: 23px;
}
.modal-challenge-unlock__action-btn.run {
  margin-left: 0;
}
.modal-challenge-unlock__action-btn app-resource-indicator-component {
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}

modal-claim {
  width: 100%;
  height: 100%;
}
modal-claim iframe html {
  background-color: transparent !important;
}

.modal-claim {
  max-width: unset;
  background-color: transparent;
  box-shadow: none;
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: unset;
  overflow: hidden;
}

modal-claim-gift {
  display: block;
}

.c-modal-claim-gift {
  border-radius: 15px;
}

.c-modal-claim-gift__content {
  max-width: 600px;
  padding: 45px;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-claim-gift__content {
    padding: 35px 10px;
  }
}

.c-modal-claim-gift__title {
  color: #218ccc;
  font-size: 36px;
  font-weight: 600;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-claim-gift__title {
    font-size: 26px;
  }
}

.c-modal-claim-gift__text {
  margin: 15px 0;
  color: #444;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-claim-gift__text {
    font-size: 16px;
  }
}

.c-modal-claim-gift__img {
  height: 60px;
  margin: 0 auto 25px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .c-modal-claim-gift__img {
    height: 50px;
  }
}

modal-create-challenge {
  display: block;
  overflow: visible;
}
modal-create-challenge md-dialog {
  max-width: none !important;
}

.modal-create-challenge__content {
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 80px);
  padding: 25px;
  border-radius: 11px;
  background-color: #fff;
}

.modal-create-challenge__title {
  margin-bottom: 25px;
  color: #555;
  font-weight: 600;
  font-size: 24px;
  line-height: 1;
}

.modal-create-challenge__types {
  font-size: 15px;
}

.modal-create-challenge__actions {
  margin-top: 40px;
  text-align: center;
}

modal-deactivate-delete-account {
  display: block;
}
modal-deactivate-delete-account .gs-loader {
  background-color: white;
  border-radius: 12px;
}
modal-deactivate-delete-account md-checkbox {
  display: block;
}
modal-deactivate-delete-account md-checkbox .md-label {
  margin-left: 60px;
  vertical-align: text-bottom;
  display: block;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
}
modal-deactivate-delete-account textarea {
  display: block;
  overflow: auto;
  resize: none;
}
modal-deactivate-delete-account md-dialog-content {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-deactivate-delete-account md-dialog-content > div {
  margin-right: 35px;
}
@media screen and (max-width: 400px) {
  modal-deactivate-delete-account md-dialog-content > div {
    margin-right: unset;
  }
}

.inputStyle, modal-deactivate-delete-account textarea, modal-deactivate-delete-account input {
  width: 100%;
  padding: 10px;
  border: solid 1px rgba(137, 148, 154, 0.3);
  background-color: #ffffff;
  border-radius: 4px;
  outline: none;
  line-height: 1.3;
}
.inputStyle::placeholder, modal-deactivate-delete-account textarea::placeholder, modal-deactivate-delete-account input::placeholder {
  color: #999;
}

.modal-deactivate-delete-account__border, .modal-deactivate-delete-account__title, .modal-deactivate-delete-account__admin-subtitle, .modal-deactivate-delete-account__achievements, .modal-deactivate-delete-account__followers, .modal-deactivate-delete-account__warning-wrapper, .modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div, .modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > span, .modal-deactivate-delete-account__reasons, .modal-deactivate-delete-account__admin-reasons, .modal-deactivate-delete-account__admin-reasons__wrapper, .modal-deactivate-delete-account__admin-period, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper, .modal-deactivate-delete-account__admin-action, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper, .modal-deactivate-delete-account__admin__section-title, .deactivated-page__title, .deactivated-page__desc, .deactivated-page__message__wrap {
  border-bottom: 1px solid #eef2f5;
}

.modal-deactivate-delete-account {
  max-height: 98vh;
  overflow: visible;
  width: 540px;
  max-width: 540px;
  min-height: 200px;
  border-radius: 12px;
  background-color: #fff;
  color: #313030;
  line-height: 1;
  display: flex;
  flex-direction: column;
  padding: 50px 0 30px 35px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .modal-deactivate-delete-account {
    max-width: 98vw;
  }
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account {
    max-width: 98vw;
    padding: 40px 10px 20px 10px;
  }
}

.modal-deactivate-delete-account__content {
  order: 1;
  overflow: visible;
}

.modal-deactivate-delete-account__title {
  text-align: center;
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account__admin-title {
  padding-bottom: 15px;
  font-size: 18px;
  font-weight: 800;
}
.modal-deactivate-delete-account__admin-title:first-letter {
  text-transform: uppercase;
}

.modal-deactivate-delete-account__admin-subtitle {
  padding-bottom: 15px;
}

.modal-deactivate-delete-account__subtitle {
  font-weight: 600;
  margin: 15px 0 30px 0;
  line-height: 1.36;
}

.modal-deactivate-delete-account__message {
  border-radius: 6px;
  background-color: #eef2f5;
  padding: 15px 34px;
  text-align: center;
  line-height: 1.36;
}
.modal-deactivate-delete-account__message span {
  font-weight: bold;
}

.modal-deactivate-delete-account__achievements {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 15px 0;
  gap: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__achievement {
  width: 80px;
  margin-bottom: 16px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__achievement .desc {
  font-size: 14px;
  margin-bottom: 7px;
}
@media screen and (max-width: 768px) {
  .modal-deactivate-delete-account__achievement .desc {
    display: none;
  }
}

.modal-deactivate-delete-account__followers {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
  line-height: 1;
}

.modal-deactivate-delete-account__follower__avatar {
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.modal-deactivate-delete-account__follower__avatar + .modal-deactivate-delete-account__follower__avatar {
  margin-left: -20px;
}

.modal-deactivate-delete-account__follower__text {
  display: inline-block;
  max-width: 50%;
  margin-left: 15px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.3px;
  font-weight: 600;
  line-height: 1.36;
}
.modal-deactivate-delete-account__follower__text > div {
  font-weight: normal;
}

.modal-deactivate-delete-account__warning-wrapper {
  padding: 30px 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__warning-wrapper {
    padding: 5px 0;
  }
}

.modal-deactivate-delete-account__warning {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  background-color: rgba(255, 157, 157, 0.24);
  padding: 20px;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__warning > div {
  font-weight: 600;
  line-height: 1.36;
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__warning i {
    display: none;
  }
}

.modal-deactivate-delete-account__actions {
  order: 2;
  padding-top: 30px;
  padding-right: 35px;
  display: flex;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-deactivate-delete-account__actions div, .modal-deactivate-delete-account__actions button {
  flex: 1;
  height: 35px;
}
.modal-deactivate-delete-account__actions div:last-child, .modal-deactivate-delete-account__actions button:last-child {
  margin-left: 22px;
}
@media screen and (max-width: 400px) {
  .modal-deactivate-delete-account__actions {
    padding-right: unset;
  }
}

.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE > div {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE > div > img {
  width: 161px;
  height: 100px;
  margin-bottom: 25px;
  text-align: center;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group {
  text-align: left;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div {
  padding: 20px 0;
  display: flex;
  align-items: flex-start;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div {
  margin-left: 40px;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > span {
  display: block;
  padding-bottom: 10px;
  font-weight: 600;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > div > div {
  margin-top: 10px;
  line-height: 1.3;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > md-radio-button {
  width: 20px;
  flex-shrink: 0;
  margin-bottom: unset;
}
.modal-deactivate-delete-account__content__DEACTIVATE_OR_DELETE md-radio-group > div > md-radio-button .md-label {
  margin-left: unset;
}

.modal-deactivate-delete-account__content__ADMIN md-checkbox .md-label {
  margin-left: 35px;
}
.modal-deactivate-delete-account__content__ADMIN .modal-deactivate-delete-account__warning i {
  color: #ff9d9d;
  font-size: 24px;
  margin-right: 20px;
  opacity: 0.8;
}
.modal-deactivate-delete-account__content__ADMIN .modal-deactivate-delete-account__warning > div > span {
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning-wrapper {
  padding-top: unset;
}
.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning i {
  color: #ff9d9d;
  font-size: 30px;
  margin-right: 30px;
  opacity: 0.8;
}
.modal-deactivate-delete-account__content__END .modal-deactivate-delete-account__warning > div > span {
  display: inline-block;
  font-size: 18px;
  font-weight: 800;
}

.modal-deactivate-delete-account_DEACTIVATE .modal-deactivate-delete-account__warning i {
  font-size: 56px;
}
.modal-deactivate-delete-account_DEACTIVATE .modal-deactivate-delete-account__warning > div > span {
  margin-bottom: 6px;
}

.modal-deactivate-delete-account__reasons {
  padding-top: 20px;
}

.modal-deactivate-delete-account__admin-reasons, .modal-deactivate-delete-account__admin-period, .modal-deactivate-delete-account__admin-action {
  padding-left: 40px;
}

.modal-deactivate-delete-account__admin-reasons_cbs {
  margin-bottom: 15px;
}

.modal-deactivate-delete-account__admin__textarea {
  margin-bottom: 15px;
}

.modal-deactivate-delete-account__admin-reasons__wrapper, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper {
  position: relative;
}
.modal-deactivate-delete-account__admin-reasons__wrapper i, .modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper i, .modal-deactivate-delete-account__admin-action .modal-deactivate-delete-account__admin-action__wrapper i {
  position: absolute;
  color: #3797d1;
  left: -32px;
  top: 11px;
  font-size: 20px;
}

.modal-deactivate-delete-account__admin-period i {
  top: 12px;
  font-size: 16px;
}
.modal-deactivate-delete-account__admin-period .modal-deactivate-delete-account__admin-period__wrapper {
  border-bottom: unset;
}

.modal-deactivate-delete-account__admin-action {
  border-bottom: unset;
}
.modal-deactivate-delete-account__admin-action i {
  top: 11px;
  font-size: 20px;
}
.modal-deactivate-delete-account__admin__send-email {
  padding: 15px 0;
  margin-bottom: unset;
}

.modal-deactivate-delete-account__admin__section-title {
  font-weight: 600;
  padding: 15px 0;
  margin-bottom: 15px;
}
.modal-deactivate-delete-account__admin__section-title span {
  font-weight: normal;
}

modal-enter-password {
  display: block;
}

.modal-enter-password {
  overflow: visible;
  max-width: 100% !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-enter-password__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  font-weight: 600;
  line-height: 30px;
}
.modal-enter-password__close:hover i {
  transform: rotate(180deg);
}
.modal-enter-password__close i {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1;
  will-change: transform;
}

.modal-enter-password__content {
  overflow: visible;
  width: 100%;
  padding: 25px 0;
  color: #333;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
.modal-enter-password__content .gs-loader {
  background-color: #fff;
  border-radius: 11px;
}

.modal-enter-password__title {
  padding: 0 25px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #444444;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.91;
}

.modal-enter-password__input {
  width: 252px;
  margin: 20px 25px 5px;
  color: #444444;
  font-size: 18px;
}
.modal-enter-password__input .md-errors-spacer {
  display: none;
}

.modal-enter-password__error {
  position: absolute;
  top: calc(100% + 5px);
  left: 2px;
  transform: translateY(100%);
  opacity: 0;
  animation: fadeUp 0.45s 1 forwards;
  text-align: left;
  letter-spacing: -0.2px;
  color: tomato;
  font-size: 12px;
  line-height: 1.21;
}

.modal-enter-password__forgot {
  padding: 0 25px;
  text-align: right;
  letter-spacing: -0.2px;
  color: #999999;
  font-size: 12px;
  line-height: 1.21;
}
.modal-enter-password__forgot span {
  cursor: pointer;
}

.modal-enter-password__actions {
  margin-top: 40px;
  padding: 20px 25px 0 25px;
  text-align: right;
  border-top: 1px solid #e6e6e6;
}

.modal-enter-password__actions-item {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #3397d2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.04;
}
.modal-enter-password__actions-item + .modal-enter-password__actions-item {
  margin-left: 30px;
}

gs-shop-modal {
  display: block;
  overflow: visible;
}
gs-shop-modal md-dialog-content {
  position: relative;
  min-height: 300px;
}

.gs-shop-modal {
  overflow: visible;
  width: 1114px;
  min-width: 1000px;
  max-width: 90% !important;
  margin: 0 auto;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal {
    width: inherit;
    min-width: 300px;
    max-width: 300px !important;
    margin: 0 auto !important;
  }
}

.gs-shop-modal__close-btn {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.gs-shop-modal__close-btn:hover {
  transform: rotate(180deg);
}

.gs-shop-modal__content {
  position: relative;
  overflow: visible;
  width: 100%;
  border: none;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}

.gs-shop-modal__tab__arrow, .gs-shop-modal__tab__next, .gs-shop-modal__tab__prev {
  position: absolute;
  z-index: 1;
  top: calc(50% + 25px);
  cursor: pointer;
  transform: translateY(-50%);
  opacity: 0.8;
  color: #333;
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__tab__arrow, .gs-shop-modal__tab__next, .gs-shop-modal__tab__prev {
    display: none;
  }
}

.gs-shop-modal__tab__prev {
  left: 20px;
}

.gs-shop-modal__tab__next {
  right: 20px;
}

.gs-shop-modal__tabs {
  width: 100%;
  text-align: center;
}
.gs-shop-modal__tabs md-tabs-canvas {
  visibility: visible;
  overflow: hidden;
  max-height: 48px;
  transition: all 0.3s linear;
  will-change: height;
}
.gs-shop-modal__tabs.hide-tabs md-tabs-canvas {
  visibility: hidden;
  max-height: 0;
}
.gs-shop-modal__tabs md-pagination-wrapper {
  width: 100% !important;
}
.gs-shop-modal__tabs .md-tab.md-active {
  color: #218ccc;
}
.gs-shop-modal__tabs md-ink-bar {
  width: 15%;
  height: 3px;
  margin: 0 auto;
  text-align: center;
  color: #218ccc;
  background-color: #218ccc;
}
.gs-shop-modal__tabs md-tab-item {
  width: 25%;
  text-overflow: initial;
  color: #333;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__tabs md-tab-item i {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 28px;
}
.gs-shop-modal__tabs md-tab-item span {
  vertical-align: middle;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__tabs md-tab-item {
    margin-right: 0;
  }
  .gs-shop-modal__tabs md-tab-item span {
    display: none;
  }
}
.gs-shop-modal__tabs md-prev-button,
.gs-shop-modal__tabs md-next-button {
  display: none;
}
.gs-shop-modal__tabs md-tabs-canvas {
  margin: 0;
}
.gs-shop-modal__tabs md-tab-content {
  background-color: #fff !important;
}

.gs-shop-modal__tab, .gs-shop-modal__tab--starter {
  position: relative;
  min-height: 400px;
  margin: 0 auto;
  padding: 20px 40px;
  text-align: left;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__tab, .gs-shop-modal__tab--starter {
    overflow-y: scroll;
    width: 100%;
    height: 80vh;
    min-height: 0;
    padding: 5px;
  }
}

.gs-shop-modal__tab--starter {
  min-height: 516px;
}

.gs-shop-modal__banner {
  display: inline-block;
  width: 353px;
  height: 466px;
  margin: 5px 10px;
  text-align: center;
  vertical-align: top;
  border-radius: 11px;
  background-color: #218ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__banner > img {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.gs-shop-modal__banner h1 {
  padding: 0 15px;
  letter-spacing: -0.8px;
  color: #fff;
  font-size: 38px;
  font-weight: 600;
  line-height: 0.9;
}
.gs-shop-modal__banner p {
  margin-top: 15px;
  padding: 0 15px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__banner {
    display: none;
  }
}

.gs-shop-modal__banner--mobile {
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__banner--mobile {
    display: block;
    margin: 0 5px;
    padding: 5px 0;
    text-align: center;
    letter-spacing: -0.4px;
    color: #fff;
    border-radius: 6px;
    background-color: #1e8bd2;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.12;
  }
}

.gs-shop-modal__packages {
  display: inline-block;
  width: calc(100% - 373px);
  vertical-align: top;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__packages {
    display: block;
    width: 100%;
  }
}

.gs-shop-modal__packages--starter-pack {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 378px);
  height: 466px;
  margin: 5px 5px 5px 0;
  text-align: center;
  vertical-align: top;
  border-radius: 11px;
  background-color: black;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__packages--starter-pack .wrap {
  width: 80%;
  border-radius: 11px;
  background-color: #f1f1f1;
}
.gs-shop-modal__packages--starter-pack .header {
  position: relative;
  width: 100%;
  padding: 25px 10px;
  border-bottom: 1px solid #acacac;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  background-color: #fff;
}
.gs-shop-modal__packages--starter-pack .timer {
  text-align: center;
  letter-spacing: -0.3px;
  color: #222222;
  font-size: 16px;
  line-height: 1.36;
}
.gs-shop-modal__packages--starter-pack .ribbon {
  position: absolute;
  top: 50%;
  left: -5px;
  display: flex;
  align-items: center;
  justify-content: left;
  width: 97px;
  height: 24px;
  padding-left: 10px;
  transform: translateY(-50%);
  background-image: url("../png/starter_pack_ribbon.png");
}
.gs-shop-modal__packages--starter-pack .ribbon span {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}
.gs-shop-modal__packages--starter-pack .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 25px 10px;
  border-top: 1px solid #acacac;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #fff;
}
.gs-shop-modal__packages--starter-pack .footer .gs-btn--blue--s--, .gs-shop-modal__packages--starter-pack .footer fixed-footer .fix-footer__btn--s--, fixed-footer .gs-shop-modal__packages--starter-pack .footer .fix-footer__btn--s--, .gs-shop-modal__packages--starter-pack .footer .gs-btn--white, .gs-shop-modal__packages--starter-pack .footer .gs-btn--red, .gs-shop-modal__packages--starter-pack .footer .gs-btn--grey, .gs-shop-modal__packages--starter-pack .footer .gs-btn--instagram {
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__packages--starter-pack {
    display: block;
    width: 100%;
    height: auto;
    margin: 10px auto;
    padding: 0 10px;
    background-color: transparent;
  }
  .gs-shop-modal__packages--starter-pack .wrap {
    width: auto;
    box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
  }
  .gs-shop-modal__packages--starter-pack .header {
    padding: 20px 0 20px 100px;
    text-align: left;
  }
  .gs-shop-modal__packages--starter-pack .ribbon {
    left: 0;
  }
  .gs-shop-modal__packages--starter-pack .timer {
    font-size: 14px;
  }
  .gs-shop-modal__packages--starter-pack .footer {
    padding: 20px;
  }
}

.gs-shop-modal__packages--starter-pack__items {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__packages--starter-pack__items .icon-plus-thin {
  display: inline-block;
  margin: 0 15px;
  vertical-align: middle;
  color: #3397d2;
  font-size: 16px;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__packages--starter-pack__items {
    padding: 40px 0;
  }
  .gs-shop-modal__packages--starter-pack__items .icon-plus-thin {
    margin: 0 5px;
  }
}

.gs-shop-modal__packages--starter-pack__item {
  display: inline-block;
  vertical-align: middle;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__packages--starter-pack__item img {
  height: 88px;
}
.gs-shop-modal__packages--starter-pack__item .number {
  margin: 15px auto 10px;
  letter-spacing: -0.6px;
  color: #218ccc;
  font-size: 32px;
  font-weight: 600;
  line-height: 0.56;
}
.gs-shop-modal__packages--starter-pack__item .label {
  letter-spacing: -0.3px;
  color: #000000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.13;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__packages--starter-pack__item img {
    height: 60px;
  }
  .gs-shop-modal__packages--starter-pack__item .label {
    font-size: 14px;
  }
}

.gs-shop-modal__package {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 173px;
  height: 228px;
  margin: 5px;
  cursor: pointer;
  transition: 0.3s ease-in-out;
  text-align: center;
  vertical-align: top;
  border-radius: 8px;
  background-color: #e6e6e6;
  font-size: 14px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__package:hover {
  box-shadow: 0 0 7px 2px #3397d2;
}
.gs-shop-modal__package > img {
  display: block;
  width: 173px;
  margin: 0 auto;
}
.gs-shop-modal__package h3 {
  letter-spacing: -0.3px;
  color: #218ccc;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}
.gs-shop-modal__package h1 {
  letter-spacing: -0.4px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
}
.gs-shop-modal__package .gs-btn--blue--s--, .gs-shop-modal__package fixed-footer .fix-footer__btn--s--, fixed-footer .gs-shop-modal__package .fix-footer__btn--s--, .gs-shop-modal__package .gs-btn--white, .gs-shop-modal__package .gs-btn--red, .gs-shop-modal__package .gs-btn--grey, .gs-shop-modal__package .gs-btn--instagram {
  margin-top: 10px;
  padding: 6px 0;
  font-size: 20px;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__package {
    width: calc(50% - 10px);
    height: auto;
    padding: 0 0 10px 0;
  }
  .gs-shop-modal__package > img {
    width: initial;
    height: 60px;
  }
  .gs-shop-modal__package h3 {
    font-size: 13px;
  }
  .gs-shop-modal__package:hover {
    box-shadow: none;
  }
}

.gs-shop-modal__package__best-value {
  position: absolute;
  top: 22px;
  right: -28px;
  width: 124px;
  height: 24px;
  transform: rotate(45deg);
  color: #fff;
  background-color: #3397d2;
  box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.3);
  font-size: 10px;
  font-weight: 600;
  line-height: 24px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-shop-modal__package__best-value {
    top: -6px;
    right: -48px;
    height: auto;
    padding: 15px 0 2px;
    line-height: 1.2;
  }
  .gs-shop-modal__package__best-value span {
    display: block;
  }
}

.gs-shop-modal__pay-pal {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
}
.gs-shop-modal__pay-pal > div {
  display: inline-block;
  vertical-align: middle;
}
.gs-shop-modal__pay-pal span {
  margin-right: 5px;
  vertical-align: middle;
  color: #444;
  font-size: 14px;
  font-weight: 600;
}

.gs-shop-modal__payment {
  position: relative;
  display: inline-block;
  width: calc(100% - 373px);
  min-height: 466px;
  margin: 5px auto 0;
  padding: 20px;
  vertical-align: top;
  color: #000;
  border: 1px solid #ccc;
  border-radius: 11px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__payment .title, .gs-shop-modal__payment .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-shop-modal__payment .title-mobile {
  max-width: 290px;
  font-size: 18px;
}
.gs-shop-modal__payment .card-exist-title {
  max-width: 290px;
  font-size: 18px;
  margin: 0 auto;
}
.gs-shop-modal__payment label {
  display: block;
  margin: 10px 0 5px;
  cursor: default;
  color: #666;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-shop-modal__payment label {
    font-size: 12px;
  }
}
.gs-shop-modal__payment input {
  width: 100%;
  padding: 5px;
  transition: all 0.2s ease-in-out;
  text-align: left;
  color: #444;
  border: 2px solid #f1f1f1;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-shop-modal__payment input:focus {
  border: 2px solid #218ccc;
}
@media screen and (max-width: 767px) {
  .gs-shop-modal__payment input {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  .gs-shop-modal__payment input {
    min-height: 0;
  }
}
.gs-shop-modal__payment .c-input-block {
  display: block;
}
.gs-shop-modal__payment .c-input-block label span {
  vertical-align: middle;
  color: #666;
  font-size: 12px;
}
.gs-shop-modal__payment .c-input-block label img {
  display: inline-block;
  height: 23px;
  vertical-align: middle;
}
.gs-shop-modal__payment .c-input-block label img + .gs-shop-modal__payment .c-input-block label img {
  margin-left: 5px;
}
.gs-shop-modal__payment .c-input-inline-block {
  display: inline-block;
  width: 30%;
  margin: 0 20px 0 0;
}
.gs-shop-modal__payment .c-input-inline-block--name {
  display: inline-block;
  width: 50%;
  margin: 0;
  padding: 0;
}
.gs-shop-modal__payment .c-input-inline-block--name:first-child {
  padding-right: 10px;
}
.gs-shop-modal__payment .c-actions {
  text-align: center;
  font-size: 0;
}
.gs-shop-modal__payment .c-actions .icon-lock {
  color: #2f9e54;
  font-size: 13px;
}
.gs-shop-modal__payment .c-actions .gs-btn--blue--s--, .gs-shop-modal__payment .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-shop-modal__payment .c-actions .fix-footer__btn--s--, .gs-shop-modal__payment .c-actions .gs-btn--white, .gs-shop-modal__payment .c-actions .gs-btn--red, .gs-shop-modal__payment .c-actions .gs-btn--grey, .gs-shop-modal__payment .c-actions .gs-btn--instagram {
  display: inline-block;
  margin: 10px 15px;
  background-color: #218ccc;
  font-weight: 600;
}
.gs-shop-modal__payment .c-actions .gs-btn--blue--s--:hover, .gs-shop-modal__payment .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .gs-shop-modal__payment .c-actions .fix-footer__btn--s--:hover, .gs-shop-modal__payment .c-actions .gs-btn--white:hover, .gs-shop-modal__payment .c-actions .gs-btn--red:hover, .gs-shop-modal__payment .c-actions .gs-btn--grey:hover, .gs-shop-modal__payment .c-actions .gs-btn--instagram:hover {
  background-color: #106cc8;
}
.gs-shop-modal__payment .c-actions .gs-text-btn {
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-shop-modal__payment .c-actions .gs-text-btn {
    min-height: 0;
    margin-top: 0;
  }
}
.gs-shop-modal__payment .card-exist {
  min-height: 200px;
  margin: 70px 0 0;
  text-align: center;
  font-size: 14px;
}
.gs-shop-modal__payment .card-exist .gs-btn--blue--s--, .gs-shop-modal__payment .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .gs-shop-modal__payment .card-exist .fix-footer__btn--s--, .gs-shop-modal__payment .card-exist .gs-btn--white, .gs-shop-modal__payment .card-exist .gs-btn--red, .gs-shop-modal__payment .card-exist .gs-btn--grey, .gs-shop-modal__payment .card-exist .gs-btn--instagram {
  display: inline-block;
  margin: 10px 15px;
  background-color: #218ccc;
  font-weight: 600;
}
.gs-shop-modal__payment .card-exist .gs-btn--blue--s--:hover, .gs-shop-modal__payment .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .gs-shop-modal__payment .card-exist .fix-footer__btn--s--:hover, .gs-shop-modal__payment .card-exist .gs-btn--white:hover, .gs-shop-modal__payment .card-exist .gs-btn--red:hover, .gs-shop-modal__payment .card-exist .gs-btn--grey:hover, .gs-shop-modal__payment .card-exist .gs-btn--instagram:hover {
  background-color: #106cc8;
}
.gs-shop-modal__payment .card-exist .card-block {
  display: block;
  width: 100%;
  padding: 0;
}
.gs-shop-modal__payment .card-exist .card-block b {
  font-size: 16px;
  font-weight: 600;
}
.gs-shop-modal__payment .card-exist .card-block span {
  display: block;
  cursor: pointer;
  color: #218ccc;
  font-size: 11px;
  font-weight: 400;
}
.gs-shop-modal__payment .card-exist .card-block span:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__payment {
    width: 100%;
    height: auto;
    min-height: 255px;
    padding: 50px 20px 10px;
    border: none;
  }
  .gs-shop-modal__payment .card-exist {
    min-height: 0;
    margin-top: 10px;
    padding-top: 5px;
    line-height: 1.3;
  }
  .gs-shop-modal__payment .gs-text-btn {
    margin-top: 30px;
  }
}

.gs-shop-modal__payment__card {
  position: relative;
  overflow: auto;
  width: 290px;
  height: 181px;
  margin: 20px auto 10px;
  border-radius: 10px;
  background-image: linear-gradient(to top, #ccc, rgba(204, 204, 204, 0.3));
  box-shadow: 0 1px 4.9px 0.1px rgba(1, 1, 1, 0.25);
  background-blend-mode: multiply, normal;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1023px) {
  .gs-shop-modal__payment__card {
    max-width: 250px;
  }
}

.gs-shop-modal__payment__card__wrapper {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.gs-shop-modal__payment__card__name {
  text-align: center;
  color: #666;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
.gs-shop-modal__payment__card__name > div {
  font-weight: 600;
}

.gs-shop-modal__payment__card__actions {
  position: absolute;
  bottom: 15px;
  width: 100%;
  cursor: pointer;
  text-align: center;
  color: #218ccc;
  font-size: 12px;
}
.gs-shop-modal__payment__card__actions:hover {
  text-decoration: underline;
}

.gs-shop-modal__payment__message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gs-shop-modal__payment__message .thank-you {
  height: initial;
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
}
.gs-shop-modal__payment__message .thank-you span {
  display: block;
  font-weight: 300;
}

.gs-shop-modal__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

/* BLACK FRIDAY */
.gs-shop-modal__banner-general h1 {
  margin-top: 25px;
}

gs-uploader-buttons {
  display: block;
}

.gs-uploader-buttons {
  display: block;
  padding: 30px;
}
@media screen and (max-width: 520px) {
  .gs-uploader-buttons {
    padding: 30px 5px;
  }
}

.gs-uploader__button {
  display: inline-block;
  width: calc(25% - 19px);
  max-width: 130px;
  cursor: pointer;
  transition: box-shadow 0.2s ease-in-out;
  vertical-align: middle;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
}
.gs-uploader__button:hover {
  box-shadow: 0 0 12.8px 2.2px rgba(66, 138, 201, 0.58);
}
.gs-uploader__button:before {
  display: inline-block;
  padding-bottom: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader__button + .gs-uploader__button {
  margin-left: 25px;
}
.gs-uploader__button .wrap {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.gs-uploader__button .mobile {
  display: none;
}
.gs-uploader__button img {
  width: 130px;
  max-width: 100%;
}
.gs-uploader__button h2 {
  margin-top: 5px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .gs-uploader__button {
    width: calc(50% - 20px);
    margin: 10px;
  }
  .gs-uploader__button + .gs-uploader__button {
    margin: 10px;
  }
  .gs-uploader__button h2 {
    font-size: 11px;
  }
  .gs-uploader__button .desktop {
    display: none;
  }
  .gs-uploader__button .mobile {
    display: inherit !important;
  }
}
@media screen and (max-width: 670px) {
  .gs-uploader__button {
    width: calc(25% - 10px);
    margin: 5px;
  }
  .gs-uploader__button + .gs-uploader__button {
    margin: 5px;
  }
  .gs-uploader__button h2 {
    display: none;
  }
}

.gs-uploader__buttons__back {
  position: absolute;
  top: calc(50% - 7px);
  left: 20px;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  font-weight: 700;
}

gs-uploader-files {
  position: relative;
  display: block;
}

.gs-uploader-files__info {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 42px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  background-color: #3397d2;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
  font-weight: 600;
  line-height: 1;
}
.gs-uploader-files__info:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-files__info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}

.gs-uploader-files__uploader {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  font-size: 14px;
}

.gs-uploader-files__drop-box {
  height: 150px;
  margin: 15px;
  cursor: pointer;
  text-align: center;
  color: #666;
  border: 2px dashed #ccc;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader-files__drop-box:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-files__drop-box.dragover {
  border: 2px dashed #218ccc;
}
.gs-uploader-files__drop-box .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .gs-uploader-files__drop-box .desktop {
    display: none;
  }
}

.gs-uploader-files__images {
  overflow-x: hidden;
  overflow-y: auto;
  min-height: 150px;
  max-height: 480px;
  margin: 15px;
  padding: 5px 10px;
  text-align: left;
  border: 2px solid transparent;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader-files__images.one {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .gs-uploader-files__images {
    max-height: calc(100vh - 350px);
    margin: 5px;
    padding: 0;
  }
}

.gs-uploader-files__image, .gs-uploader-files__image--new {
  position: relative;
  display: inline-block;
  width: calc(20% - 10px);
  height: 0;
  margin: 5px;
  padding-bottom: calc(20% - 10px);
  vertical-align: middle;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader-files__image:hover .gs-uploader-files__error-message, .gs-uploader-files__image--new:hover .gs-uploader-files__error-message {
  height: 100px;
}
.gs-uploader-files__image img, .gs-uploader-files__image--new img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gs-uploader-files__image .progress, .gs-uploader-files__image--new .progress {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: width 1s linear;
  background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width: 768px) {
  .gs-uploader-files__image, .gs-uploader-files__image--new {
    width: calc(25% - 10px);
    padding-bottom: calc(25% - 10px);
  }
}
@media screen and (max-width: 425px) {
  .gs-uploader-files__image, .gs-uploader-files__image--new {
    width: calc(33.3333333333% - 10px);
    padding-bottom: calc(33.3333333333% - 10px);
  }
}

.gs-uploader-files__image--new {
  width: calc(20% - 14px);
  padding-bottom: calc(20% - 14px);
  cursor: pointer;
  transition: all 0.4s ease-in-out;
  text-align: center;
  color: #ccc;
  border: 2px dashed #ccc;
  background-color: #fff;
  font-size: 0;
}
.gs-uploader-files__image--new:hover {
  color: #333;
  border: 2px dashed #333;
}
.gs-uploader-files__image--new.dragover {
  color: #218ccc;
  border: 2px dashed #218ccc;
}
.gs-uploader-files__image--new span {
  position: absolute;
  top: calc(50% - 26px);
  left: 0;
  width: 100%;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
}

.gs-uploader-files__error {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(236, 5, 5, 0.34);
  font-size: 0;
}
.gs-uploader-files__error:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-files__error span {
  display: inline-block;
  cursor: default;
  vertical-align: middle;
  color: #fff;
  text-shadow: -1px 1px 5px rgba(34, 34, 34, 0.71);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
}

.gs-uploader-files__error-message {
  position: fixed;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: height 0.3s linear;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
  line-height: 1;
}
.gs-uploader-files__error-message .title, .gs-uploader-files__error-message .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-uploader-files__error-message .title-mobile {
  padding: 12px;
  border-radius: 4px 4px 0 0;
  background-color: #f1f1f1;
  font-size: 12px;
  font-weight: 600;
}
.gs-uploader-files__error-message .message {
  padding: 10px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.3;
}
.gs-uploader-files__error-message .message span {
  font-size: 10px;
}

.gs-uploader-files__remove {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 0;
  line-height: 1.3;
}
.gs-uploader-files__remove:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-files__remove:hover span {
  transform: scale(1);
}
.gs-uploader-files__remove span {
  display: inline-block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: all 0.2s linear;
  transform: scale(0);
  transform-origin: 50% 50%;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
}
.gs-uploader-files__remove span:hover {
  background-color: rgba(208, 19, 19, 0.71);
}

.gs-uploader-files__footer {
  position: relative;
  height: 100px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-size: 0;
  line-height: 1;
}

.gs-uploader-files__footer__back {
  position: absolute;
  top: calc(50% - 7px);
  left: 20px;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  font-weight: 700;
}

.gs-uploader-files__footer__submit {
  position: absolute;
  top: calc(50% - 17px);
  right: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}
.gs-uploader-files__footer__submit.off {
  cursor: default;
  opacity: 0.6;
}
.gs-uploader-files__footer__submit.off:hover {
  background-color: #3397d2;
}

search-box {
  position: relative;
  display: block;
  float: left;
  width: 282px;
  height: 68px;
  margin-right: 23px;
  text-align: left;
  white-space: initial;
  text-transform: none;
  word-wrap: break-word;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
search-box:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 1650px) {
  search-box {
    width: 240px;
  }
}
@media screen and (max-width: 1580px) {
  search-box {
    width: auto;
  }
}

.search-box__input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 0 30px 0 20px;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #999;
  border: solid 1px #444;
  border-radius: 3px;
  background-color: #333;
  font-size: 13px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1650px) {
  .search-box__input {
    padding: 0 30px 0 10px;
  }
}
@media screen and (max-width: 1580px) {
  .search-box__input {
    position: fixed;
    top: 68px;
    left: 0;
    display: none;
    width: 100%;
    height: 42px;
    padding: 0 40px;
    transform-origin: 0 0;
    animation: expandHeight;
    animation-duration: 0.25s;
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  }
  .search-box__input.active {
    display: block;
  }
}

.search-box__results {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 380px;
  max-width: 100vw;
  max-height: 1000px;
  transform-origin: 0 0;
  animation: menu-drop-animation;
  animation-duration: 0.25s;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1580px) {
  .search-box__results {
    position: fixed;
    top: 110px;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 100px);
  }
}

.search-box__item-placeholder {
  position: relative;
  height: 60px;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  animation-name: placeHolderShimmer;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  text-align: left;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-color: #f6f7f8;
  background-size: 800px 104px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.search-box__item-placeholder + .search-box__item-placeholder {
  border-top: 1px solid #fff;
}
.search-box__item-placeholder:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item-placeholder .avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
}
.search-box__item-placeholder .text {
  display: inline-block;
  padding: 0 20px;
  vertical-align: middle;
}
.search-box__item-placeholder .text .name {
  width: 150px;
  height: 12px;
  background-color: #fff;
}
.search-box__item-placeholder .text .country {
  width: 100px;
  height: 12px;
  margin-top: 5px;
  background-color: #fff;
}
.search-box__item-placeholder .status {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.search-box__item-placeholder .status:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item-placeholder .status span {
  display: inline-block;
  width: 92px;
  height: 20px;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  .search-box__item-placeholder .text .name {
    width: 100px;
  }
  .search-box__item-placeholder .text .country {
    width: 80px;
  }
}

.search-box__item {
  position: relative;
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: left;
  text-decoration: none;
  border: 1px solid #fff;
  background-color: #fff;
  font-size: 0;
}
.search-box__item:hover {
  text-decoration: none;
  border-color: #ededed;
  background-color: #ededed;
}
.search-box__item + .search-box__item {
  border-top: 1px solid #999;
}
.search-box__item .avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #ccc;
}
.search-box__item .text {
  display: inline-block;
  padding: 10px 20px;
  vertical-align: middle;
  letter-spacing: -0.3px;
  text-transform: none;
  color: #444;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
}
.search-box__item .text .country {
  color: #999;
  font-weight: 400;
  line-height: 1.3;
}
.search-box__item .status {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.search-box__item .status:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item .status span {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.2px;
  color: #999;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.3;
}

.search-box__icon-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
  opacity: 0.6;
  color: #fff;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.search-box__icon-btn.icon-cancel {
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .search-box__icon-btn {
    display: none;
  }
}

.search-box__icon-btn--mobile {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1581px) {
  .search-box__icon-btn--mobile {
    display: none;
  }
}

.search-box__icon-cancel--mobile {
  position: fixed;
  z-index: 1;
  top: 68px;
  right: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  color: #ccc;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1581px) {
  .search-box__icon-cancel--mobile {
    display: none;
  }
}

gs-uploader-photos {
  position: relative;
  z-index: 0;
  display: block;
  min-height: 350px;
  max-height: calc(100vh - 200px);
}
@media screen and (max-width: 500px) {
  gs-uploader-photos {
    min-height: 200px;
  }
}

.gs-uploader-photos__loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.gs-uploader-photos__info {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 42px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  background-color: #3397d2;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
  font-weight: 600;
  line-height: 1;
}
.gs-uploader-photos__info:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-photos__info span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__info {
    display: none;
  }
}

.gs-uploader-photos__connect {
  position: relative;
  display: block;
  overflow: hidden;
  height: calc(100% - 60px);
  text-align: center;
  font-size: 14px;
}
.gs-uploader-photos__connect social-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.gs-uploader-photos__label {
  margin: 10px 5px 5px;
  text-align: left;
  color: #999;
  font-size: 16px;
  font-weight: 600;
}

.gs-uploader-photos {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 480px;
  max-height: calc(100vh - 390px);
  padding: 10px;
  text-align: left;
}

.gs-uploader-photos__photo, .gs-uploader-photos__photo--loader {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  cursor: pointer;
  opacity: 1 !important;
  color: #fff;
  background-color: #ccc;
}
.gs-uploader-photos__photo img, .gs-uploader-photos__photo--loader img {
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
  opacity: 0;
}
.gs-uploader-photos__photo img.loaded, .gs-uploader-photos__photo--loader img.loaded {
  opacity: 1;
}
.gs-uploader-photos__photo.selected:before, .selected.gs-uploader-photos__photo--loader:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.gs-uploader-photos__photo.selected:after, .selected.gs-uploader-photos__photo--loader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  content: "\e641";
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4);
  font-size: 30px;
  line-height: 50px;
}
.gs-uploader-photos__photo .not-allowed, .gs-uploader-photos__photo--loader .not-allowed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.gs-uploader-photos__photo .not-allowed br, .gs-uploader-photos__photo--loader .not-allowed br {
  display: none;
}
.gs-uploader-photos__photo .not-allowed .message, .gs-uploader-photos__photo--loader .not-allowed .message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 5px;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.gs-uploader-photos__photo .not-allowed b, .gs-uploader-photos__photo--loader .not-allowed b {
  display: block;
  margin: 5px auto;
  font-size: 18px;
  font-weight: 800;
}
.gs-uploader-photos__photo .not-allowed span, .gs-uploader-photos__photo--loader .not-allowed span {
  display: block;
  padding-top: 2px;
  text-transform: lowercase;
  border-top: 1px solid #fff;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .gs-uploader-photos__photo .not-allowed .message, .gs-uploader-photos__photo--loader .not-allowed .message {
    font-size: 12px;
  }
  .gs-uploader-photos__photo .not-allowed b, .gs-uploader-photos__photo--loader .not-allowed b {
    font-size: 12px;
  }
  .gs-uploader-photos__photo .not-allowed span, .gs-uploader-photos__photo--loader .not-allowed span {
    font-size: 10px;
  }
}
.gs-uploader-photos__photo .votes, .gs-uploader-photos__photo--loader .votes {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
}
.gs-uploader-photos__photo .votes div, .gs-uploader-photos__photo--loader .votes div {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__photo img, .gs-uploader-photos__photo--loader img {
    transition: none;
    animation: none;
  }
}

.gs-uploader-photos__photo-social {
  position: relative;
  display: inline-block;
  width: calc(20% - 10px);
  height: auto;
  margin: 5px;
  padding: 0;
  cursor: pointer;
  vertical-align: middle;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.gs-uploader-photos__photo-social:before {
  display: block;
  padding-bottom: 100%;
  content: "";
}
.gs-uploader-photos__photo-social.selected:before {
  background-color: rgba(0, 0, 0, 0.5);
}
.gs-uploader-photos__photo-social.selected:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  content: "\e641";
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4);
  font-size: 30px;
  line-height: 50px;
}
.gs-uploader-photos__photo-social .not-allowed {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.6);
  line-height: 1;
}
.gs-uploader-photos__photo-social .not-allowed br {
  display: none;
}
.gs-uploader-photos__photo-social .not-allowed .message {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  padding: 0 5px;
  transform: translate(-50%, -50%);
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.gs-uploader-photos__photo-social .not-allowed b {
  display: block;
  margin: 5px auto;
  font-size: 18px;
  font-weight: 800;
}
.gs-uploader-photos__photo-social .not-allowed span {
  display: block;
  padding-top: 2px;
  text-transform: lowercase;
  border-top: 1px solid #fff;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 425px) {
  .gs-uploader-photos__photo-social .not-allowed .message {
    font-size: 12px;
  }
  .gs-uploader-photos__photo-social .not-allowed b {
    font-size: 12px;
  }
  .gs-uploader-photos__photo-social .not-allowed span {
    font-size: 10px;
  }
}
.gs-uploader-photos__photo-social .votes {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 35px;
  font-weight: 600;
  line-height: 1;
}
.gs-uploader-photos__photo-social .votes div {
  display: block;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__photo-social {
    width: calc(25% - 10px);
  }
}
@media screen and (max-width: 425px) {
  .gs-uploader-photos__photo-social {
    width: calc(33.3333333333% - 10px);
  }
  .gs-uploader-photos__photo-social.selected:after {
    width: 40px;
    height: 40px;
    font-size: 17px;
    line-height: 40px;
  }
}

.gs-uploader-photos__no-items {
  position: relative;
  display: block;
  width: 100%;
  margin-top: 30px;
  text-align: center;
  color: #444;
  font-size: 14px;
}
.gs-uploader-photos__no-items i {
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 100px;
}

.gs-uploader-photos__no-items--profile {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 60px);
  text-align: center;
}
.gs-uploader-photos__no-items--profile .wrap {
  color: #cdcdce;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 36px;
  line-height: 1.3;
}
.gs-uploader-photos__no-items--profile .gs-btn--blue--s--, .gs-uploader-photos__no-items--profile fixed-footer .fix-footer__btn--s--, fixed-footer .gs-uploader-photos__no-items--profile .fix-footer__btn--s--, .gs-uploader-photos__no-items--profile .gs-btn--white, .gs-uploader-photos__no-items--profile .gs-btn--red, .gs-uploader-photos__no-items--profile .gs-btn--grey, .gs-uploader-photos__no-items--profile .gs-btn--instagram {
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__no-items--profile .wrap {
    font-size: 18px;
  }
}

.gs-uploader-photos__options {
  z-index: 2;
  margin: 10px auto;
  text-align: right;
  color: #222;
  font-size: 14px;
}

.gs-uploader-photos__search {
  position: relative;
  display: inline-block;
  width: calc(100% - 33px);
  margin-right: 10px;
  vertical-align: middle;
  color: #fff;
  font-size: 14px;
}
.gs-uploader-photos__search.full {
  width: calc(100% - 10px);
  margin: 0 5px;
}
.gs-uploader-photos__search input {
  width: calc(100% - 20px);
  height: 38px;
  padding: 0 10px;
  text-align: left;
  letter-spacing: -0.3px;
  color: #666;
  border: 1px solid #eee;
  border-radius: 3px;
  background-color: #e4e4e4;
  font-size: 13px;
  line-height: 1.23;
}
.gs-uploader-photos__search .search-btn {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 32px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background-color: #3397d2;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
  font-size: 22px;
  line-height: 32px;
}
.gs-uploader-photos__search .search-btn:hover {
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__search {
    display: block;
    width: 100%;
    margin: 10px auto;
  }
}

.gs-uploader-photos__search-suggest {
  position: absolute;
  z-index: 1;
  top: calc(100% - 2px);
  width: calc(100% + 2px);
  min-height: 100px;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #eee;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #e4e4e4;
}

.gs-uploader-photos__search-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
  opacity: 0.6;
  color: #666;
  font-size: 18px;
}
.gs-uploader-photos__search-btn.icon-cancel {
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .gs-uploader-photos__search-btn {
    display: none;
  }
}

.gs-uploader-photos__search-dropdown li {
  color: #777;
  font-size: 14px;
}
.gs-uploader-photos__search-dropdown .highlight {
  color: #218ccc !important;
  font-weight: 700;
}

.gs-uploader-photos__filter {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  color: #777;
  font-size: 19px;
}

.gs-uploader-photos__filter-list {
  padding: 0;
}
.gs-uploader-photos__filter-list button.active, .gs-uploader-photos__filter-list button.active:hover {
  color: #fff;
  background-color: #3397d2;
}

.gs-uploader-photos__footer {
  position: relative;
  height: 100px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  font-size: 0;
  line-height: 1;
}
.gs-uploader-photos__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .gs-uploader-photos__footer:before {
    display: none;
  }
}

.gs-uploader-photos__selected {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.gs-uploader-photos__selected i.icon-swap-arrows {
  position: relative;
  display: inline-block;
  margin: 10px;
  padding: 0;
  vertical-align: middle;
  color: #000;
  font-size: 36px;
}
@media screen and (max-width: 500px) {
  .gs-uploader-photos__selected {
    display: block;
    width: 100%;
    padding: 10px;
  }
  .gs-uploader-photos__selected i.icon-swap-arrows {
    font-size: 22px;
  }
}

.gs-uploader-photos__selected__item {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  vertical-align: middle;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
}
.gs-uploader-photos__selected__item.empty {
  cursor: default;
}
.gs-uploader-photos__selected__item:not(.empty):hover:after {
  transform: translate3D(-50%, -50%, 0) scale(1);
}
.gs-uploader-photos__selected__item:not(.empty):after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 40px;
  height: 40px;
  content: "\e632";
  transition: transform 0.2s linear;
  transform: translate3D(-50%, -50%, 0) scale(0);
  transform-origin: 50% 50%;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px 1px rgba(255, 255, 255, 0.4);
  font-size: 22px;
  line-height: 40px;
}
.gs-uploader-photos__selected__item + .gs-uploader-photos__selected__item {
  margin-left: 8px;
}
.gs-uploader-photos__selected__item .votes {
  position: absolute;
  bottom: 2px;
  left: 2px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-uploader-photos__selected__item {
    width: 40px;
    height: 40px;
  }
}

.gs-uploader-photos__footer__back {
  position: absolute;
  top: calc(50% - 7px);
  left: 20px;
  cursor: pointer;
  color: #666;
  font-size: 14px;
  font-weight: 700;
}
@media screen and (max-width: 500px) {
  .gs-uploader-photos__footer__back {
    position: static;
    display: inline-block;
    vertical-align: middle;
  }
}

.gs-uploader-photos__footer__submit {
  position: absolute;
  top: calc(50% - 17px);
  right: 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
}
.gs-uploader-photos__footer__submit.off {
  cursor: default;
  opacity: 0.6;
}
.gs-uploader-photos__footer__submit.off:hover {
  background-color: #3397d2;
}
@media screen and (max-width: 500px) {
  .gs-uploader-photos__footer__submit {
    position: static;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
  }
}

gs-uploader-swap {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 520px) {
  gs-uploader-swap .gs-uploader__footer {
    display: none;
  }
}

.gs-uploader-swap {
  display: block;
  padding: 30px;
  text-align: center;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 520px) {
  .gs-uploader-swap {
    padding: 5px 5px;
  }
}

.gs-uploader-swap__item {
  position: relative;
  display: inline-block;
  width: calc(25% - 20px);
  margin: 10px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader-swap__item:before {
  display: inline-block;
  padding-bottom: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-swap__item:hover .gs-uploader-swap__swap-label {
  transform: scale(1);
}
@media screen and (max-width: 768px) {
  .gs-uploader-swap__item {
    width: calc(50% - 20px);
  }
}

.gs-uploader-swap__votes {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 28px;
  font-weight: 600;
}

.gs-uploader-swap__swap-label {
  display: inline-block;
  width: calc(100% - 20px);
  max-width: 110px;
  transition: transform 0.2s linear;
  transform: scale(0);
  vertical-align: middle;
  color: #000;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader-swap__swap-label:before {
  display: inline-block;
  padding-bottom: 100%;
  content: "";
  vertical-align: middle;
}
.gs-uploader-swap__swap-label .label {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.gs-uploader-swap__swap-label .line1 {
  font-size: 18px;
  font-weight: 700;
}
.gs-uploader-swap__swap-label .line2 {
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-uploader-swap__swap-label {
    display: none;
  }
}

gs-uploader {
  display: block;
  width: 830px;
  max-width: calc(100vw - 10px);
}

.gs-uploader {
  overflow: visible;
  max-width: 100%;
  min-height: 365px;
  text-align: center;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-uploader {
    min-height: 200px;
  }
}

.gs-uploader__close {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #444;
  font-weight: 600;
  line-height: 30px;
}
.gs-uploader__close span {
  font-size: 24px;
  line-height: 1;
}

.gs-uploader__content {
  position: relative;
  display: block;
  overflow: visible;
  width: 100%;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}

.gs-uploader__switch {
  min-height: 100px;
  padding: 30px 10px 10px;
}

.gs-uploader__cover-gen {
  position: relative;
  z-index: 1;
  border-top-left-radius: 11px;
  border-top-right-radius: 11px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
}

.gs-uploader__cover {
  padding: 10px;
  height: 100px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader__cover:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .gs-uploader__cover {
    padding: 5px;
  }
}

.gs-uploader__cover__title {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.5px;
  color: #444;
  font-size: 26px;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader__cover__title i {
  display: inline-block;
  vertical-align: middle;
  font-size: 26px;
}
.gs-uploader__cover__title span {
  display: inline-block;
  vertical-align: middle;
}
.gs-uploader__cover__title .blue {
  vertical-align: baseline;
  color: #218ccc;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .gs-uploader__cover__title {
    font-size: 18px;
  }
}
@media screen and (max-width: 425px) {
  .gs-uploader__cover__title {
    font-size: 16px;
  }
}

.gs-uploader__tip {
  padding: 10px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #666;
  background-color: #eee;
  font-size: 14px;
  line-height: 1.29;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-uploader__tip {
    padding: 5px;
    font-size: 12px;
    line-height: 1.1;
  }
}

.gs-uploader__upload-message {
  padding: 10px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #666;
  background-color: #eee;
  font-size: 14px;
  line-height: 1.29;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-uploader__upload-message {
    padding: 5px;
    font-size: 12px;
    line-height: 1.1;
  }
}

.gs-uploader__states {
  font-size: 0;
  position: relative;
}

.gs-uploader__files {
  display: block;
  padding: 30px;
}

.gs-uploader__photos {
  display: block;
}

.gs-uploader__items-limit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.gs-uploader__items-limit:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}
.gs-uploader__items-limit .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #555;
  font-weight: 600;
}

.gs-uploader__footer {
  position: relative;
  height: 100px;
  white-space: nowrap;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  font-size: 0;
}
.gs-uploader__footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.gs-uploader__footer__actions {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  font-size: 14px;
}
.gs-uploader__footer__actions .gs-btn--blue--s--, .gs-uploader__footer__actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-uploader__footer__actions .fix-footer__btn--s--, .gs-uploader__footer__actions .gs-btn--white, .gs-uploader__footer__actions .gs-btn--red, .gs-uploader__footer__actions .gs-btn--grey, .gs-uploader__footer__actions .gs-btn--instagram {
  margin-left: 10px;
}

.gs-uploader__polaroid {
  position: absolute;
  z-index: 1;
  top: -100px;
  left: -65px;
  width: 130px;
  cursor: default;
  transform: rotate(-12deg) translateZ(0);
  border-width: 5px 5px 35px;
  border-style: solid;
  border-color: #fff;
  border-radius: 2px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  font-size: 0;
  display: none;
  transition: transform 0.6s ease-in-out;
  animation: swapRotateIn 0.45s 1 alternate;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-uploader__polaroid:hover {
  transform: rotate(-360deg) translateZ(0);
}
.gs-uploader__polaroid:before {
  display: block;
  padding-bottom: 90%;
  content: "";
}
.gs-uploader__polaroid:after {
  content: attr(title);
}
.gs-uploader__polaroid.active {
  display: block;
}
.gs-uploader__polaroid .label {
  position: absolute;
  bottom: -28px;
  left: 0;
  width: 100%;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  .gs-uploader__polaroid.active {
    display: none;
  }
}

.c-modal-intro, .c-modal-intro--mobile, .c-modal-intro--mobile-step-1 {
  max-width: 600px !important;
  text-align: center;
  border-radius: 15px;
}

.c-modal-intro__content, .c-modal-intro--mobile__content {
  display: block;
  margin: 40px 60px;
  padding: 0;
  text-align: center;
}

.c-modal-intro__content__title, .c-modal-intro__content--mobile__title {
  color: #218ccc;
  font-size: 32px;
  font-weight: 600;
}
.c-modal-intro__content__title span, .c-modal-intro__content--mobile__title span {
  display: block;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
}

.c-modal-intro__content__description, .c-modal-intro__content--mobile__description {
  margin: 20px auto;
  font-size: 17px;
  font-weight: 600;
}
.c-modal-intro__content__description span, .c-modal-intro__content--mobile__description span {
  display: block;
  font-size: 12px;
  font-weight: 400;
}

.c-modal-intro__actions, .c-modal-intro--mobile__actions--grey, .c-modal-intro--mobile__actions {
  display: block;
  padding: 15px;
  text-align: center;
  background-color: #f1f1f1;
}
.c-modal-intro__actions md-progress-linear .md-container, .c-modal-intro--mobile__actions--grey md-progress-linear .md-container, .c-modal-intro--mobile__actions md-progress-linear .md-container {
  background-color: #ccc;
}
.c-modal-intro__actions .md-bar, .c-modal-intro--mobile__actions--grey .md-bar, .c-modal-intro--mobile__actions .md-bar {
  background-color: #218ccc;
}
.c-modal-intro__actions .gs-btn--blue--s--, .c-modal-intro__actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-intro__actions .fix-footer__btn--s--, .c-modal-intro--mobile__actions--grey .gs-btn--blue--s--, .c-modal-intro--mobile__actions--grey fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-intro--mobile__actions--grey .fix-footer__btn--s--, .c-modal-intro--mobile__actions .gs-btn--blue--s--, .c-modal-intro--mobile__actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-intro--mobile__actions .fix-footer__btn--s--, .c-modal-intro__actions .gs-btn--white, .c-modal-intro--mobile__actions--grey .gs-btn--white, .c-modal-intro--mobile__actions .gs-btn--white, .c-modal-intro__actions .gs-btn--red, .c-modal-intro--mobile__actions--grey .gs-btn--red, .c-modal-intro--mobile__actions .gs-btn--red, .c-modal-intro__actions .gs-btn--grey, .c-modal-intro--mobile__actions--grey .gs-btn--grey, .c-modal-intro--mobile__actions .gs-btn--grey, .c-modal-intro__actions .gs-btn--instagram, .c-modal-intro--mobile__actions--grey .gs-btn--instagram, .c-modal-intro--mobile__actions .gs-btn--instagram {
  margin: 5px auto;
}

.c-modal-intro__actions__link, .c-modal-intro--mobile__actions__link {
  text-decoration: none;
  color: #999;
  font-size: 14px;
  font-weight: 600;
}

.c-modal-intro__design--0 {
  margin-top: 40px;
}
.c-modal-intro__design--0 .c-modal-intro__content__description, .c-modal-intro__design--0 .c-modal-intro__content--mobile__description {
  margin: 5px auto;
  color: #666;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}

.c-modal-intro__design--1 .c-modal-intro__content__description, .c-modal-intro__design--1 .c-modal-intro__content--mobile__description {
  margin: 5px auto;
  color: #666;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
}

/* Mobile */
.c-modal-intro--mobile, .c-modal-intro--mobile-step-1 {
  max-width: 90% !important;
}

.c-modal-intro--mobile__content {
  margin: 30px 20px 0;
}

.c-modal-intro--mobile__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.c-modal-intro--mobile__actions {
  border: none;
  background: transparent;
}

.c-modal-intro--mobile__actions--grey {
  padding: 6px;
  border: none;
}

.c-modal-intro--mobile__actions__link {
  margin-left: 30px;
}

.c-modal-intro__content--mobile__title {
  font-size: 24px;
}
.c-modal-intro__content--mobile__title span {
  font-size: 13px;
}

.c-modal-intro__content--mobile__description {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300;
}

/* Step 1 */
.c-modal-intro--mobile-step-1__content {
  display: block;
  margin: 10px 10px;
  padding: 0;
  text-align: center;
  min-width: 268px;
}

.c-modal-intro--mobile-step-1__title {
  text-align: center;
  letter-spacing: -0.5px;
  color: #333;
  font-size: 21px;
}

.c-modal-intro--mobile-step-1__tabs md-tabs-wrapper {
  display: none;
}
.c-modal-intro--mobile-step-1__tabs md-tabs-content-wrapper {
  top: 0;
}

.c-modal-intro--mobile-step-1__tab {
  padding: 30px 10px 20px;
  text-align: center;
  min-height: 218px;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-1 .line-1 {
  width: 219px;
  text-align: center;
  letter-spacing: -0.4px;
  color: #222;
  font-size: 20px;
  line-height: 1.13;
  margin: 0 auto;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-1 .line-2 {
  text-align: center;
  letter-spacing: -1.9px;
  color: #222;
  font-size: 93.8px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-1 .line-2 span {
  color: #0090c8;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-1 .line-3 {
  font-size: 19.5px;
  font-weight: 800;
  line-height: 1.59;
  letter-spacing: -0.8px;
  text-align: center;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-2 .line-1 {
  font-size: 29.7px;
  font-weight: 800;
  line-height: 1.62;
  letter-spacing: -0.6px;
  text-align: center;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-2 .line-2 {
  font-size: 40px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.93;
  letter-spacing: -0.8px;
  text-align: center;
  color: #0090c8;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-2 .line-3 {
  font-size: 26.7px;
  font-weight: normal;
  line-height: 1.29;
  letter-spacing: -1.6px;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-1 {
  font-size: 20px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  text-align: center;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-2 {
  font-size: 70.9px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -1.4px;
  text-align: center;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-2 span {
  font-weight: 400;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-2 span.line-2--blue {
  color: #0090c8;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-3 {
  font-size: 39.1px;
  font-weight: 800;
  font-style: normal;
  font-stretch: normal;
  line-height: 1;
  letter-spacing: -2.3px;
  text-align: center;
  color: #222222;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-3 span {
  font-weight: 400;
  line-height: 0.85;
  letter-spacing: -0.8px;
}
.c-modal-intro--mobile-step-1__tab.intro-tab-style-3 .line-4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 1.33;
  letter-spacing: -1.2px;
}

modal-lb-event {
  display: block;
}
modal-lb-event .gs-loader {
  z-index: 2;
  border-radius: 20px;
  background-color: #fff;
}

.modal-lb-event {
  position: relative;
  max-width: 96vw !important;
  max-height: none !important;
  text-align: center;
  background-color: transparent;
  color: white;
}

.modal-lb-event__content {
  display: block;
  width: 640px;
  min-height: 480px;
  padding: 24px 30px 0 30px;
  border-radius: 11px;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 500px) {
  .modal-lb-event__content {
    padding: 24px 10px 0 10px;
    width: 96vw;
  }
}

.modal-lb-event__title {
  font-size: 30px;
  font-weight: 800;
}

.modal-lb-event__timer {
  margin-bottom: 19px;
}

.modal-lb-event__subtitle {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.modal-lb-event__bottom {
  position: absolute;
  bottom: 40px;
  width: 100%;
  left: 0;
  padding: inherit;
}
.modal-lb-event__bottom .gs-btn--blue--s--, .modal-lb-event__bottom fixed-footer .fix-footer__btn--s--, fixed-footer .modal-lb-event__bottom .fix-footer__btn--s--, .modal-lb-event__bottom .gs-btn--white, .modal-lb-event__bottom .gs-btn--red, .modal-lb-event__bottom .gs-btn--grey, .modal-lb-event__bottom .gs-btn--instagram {
  width: 200px;
  font-size: 16px;
}

modal-login {
  display: block;
  overflow: visible;
}
modal-login .gs-loader {
  position: absolute;
  z-index: 1;
  top: 20px;
  left: 0;
  width: 100%;
  height: calc(100% - 20px);
  border-radius: 11px;
  background-color: #fff !important;
}

.modal-login {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-login__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  font-weight: 600;
  line-height: 30px;
}
.modal-login__close:hover i {
  transform: rotate(180deg);
}
.modal-login__close i {
  line-height: 1;
  font-size: 13px;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  vertical-align: middle;
  will-change: transform;
}

.modal-login__content, .modal-login__content--set, .modal-login__content--forgot, .modal-login__content--message {
  overflow: visible;
  width: 400px;
  max-width: 400px;
  min-height: 457px;
  max-height: 90vh;
  padding: 40px 50px;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .modal-login__content, .modal-login__content--set, .modal-login__content--forgot, .modal-login__content--message {
    max-width: calc(100vw - 20px);
    min-height: 100px;
    padding: 40px 20px 10px;
  }
}

.modal-login__content--message {
  width: 300px;
  min-width: 0;
  min-height: 0;
  padding: 100px 20px;
  text-align: center;
}

.modal-login__content--forgot {
  width: 300px;
  min-width: 0;
  min-height: 0;
  padding: 20px;
  text-align: center;
}

.modal-login__content--set {
  width: 300px;
  min-width: 0;
  min-height: 0;
  padding: 20px;
  text-align: center;
}

.modal-login__social {
  min-width: 300px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .modal-login__social {
    width: 100%;
    min-width: 0;
  }
}

.modal-login__social-btn, .modal-login__facebook {
  width: 100%;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  font-size: 18px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-login__social-btn i, .modal-login__facebook i {
  display: inline-block;
  vertical-align: middle;
}
.modal-login__social-btn span, .modal-login__facebook span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .modal-login__social-btn, .modal-login__facebook {
    font-size: 14px;
  }
}

.modal-login__facebook {
  background-color: #3B5A9A;
}

.modal-login__or {
  position: relative;
  margin: 10px auto;
  text-align: center;
}
.modal-login__or:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  content: "";
  border-top: 1px solid #ccc;
}
.modal-login__or span {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  letter-spacing: -0.5px;
  color: #555;
  background-color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.modal-login__form {
  margin: 10px auto;
}

.modal-login__input {
  position: relative;
  overflow: hidden;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-login__input + .modal-login__input {
  margin-top: 10px;
}
.modal-login__input input {
  width: 100%;
  padding: 10px;
  color: #444;
  border: 1px solid #CCC;
  font-size: 18px;
}
.modal-login__input input::placeholder {
  color: #ccc;
}
@media screen and (max-width: 768px) {
  .modal-login__input input {
    font-size: 14px;
  }
}

.modal-login__error {
  position: absolute;
  right: 5px;
  bottom: 2px;
  color: #E54B4B;
  font-size: 12px;
  font-weight: 600;
}
.modal-login__error > div {
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
}

.modal-login__server-error {
  position: relative;
  overflow: hidden;
  min-height: 20px;
  margin-top: 10px;
  text-align: center;
}
.modal-login__server-error:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.modal-login__server-error span {
  display: inline-block;
  transform: translateY(100%);
  animation: fadeUp 0.45s 1 forwards;
  vertical-align: middle;
  color: #E54B4B;
  font-size: 14px;
  font-weight: 600;
}

.modal-login__submit {
  width: 100%;
  margin-top: 10px;
  padding: 10px 5px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  background-color: #2C7FA6;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.modal-login__forgot {
  margin-top: 5px;
  cursor: pointer;
  text-align: center;
  font-size: 12px;
  line-height: 1.3;
}
.modal-login__forgot .forgot {
  display: inline-block;
  vertical-align: middle;
  color: #2C7FA6;
}
.modal-login__forgot .forgot:hover {
  text-decoration: underline;
}
.modal-login__forgot .terms {
  text-align: left;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  color: #666;
}
.modal-login__forgot .terms:last-child {
  margin-top: 20px;
  line-height: 18px;
}
.modal-login__forgot .terms a {
  text-decoration: none;
  color: #2C7FA6;
  font-weight: 600;
}
.modal-login__forgot .terms a:hover {
  text-decoration: underline;
}

.modal-login__switch {
  margin-top: 10px;
  padding-top: 10px;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  color: #444;
  border-top: 1px solid #ccc;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-login__switch span {
  cursor: pointer;
  color: #2C7FA6;
  font-size: 24px;
}
.modal-login__switch span:hover {
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .modal-login__switch {
    font-size: 14px;
  }
  .modal-login__switch span {
    font-size: 16px;
  }
}

.modal-login__forgot__title {
  text-align: center;
  color: #444;
  font-size: 26px;
  font-weight: 600;
}

.modal-login__back {
  display: inline-block;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
  color: #444;
  font-size: 14px;
  font-weight: 400;
}
.modal-login__back:hover {
  text-decoration: underline;
}

.modal-login__forgot__sent {
  position: absolute;
  top: calc(50% - 7px);
  left: 0;
  width: 100%;
  text-align: center;
  color: #444;
  font-size: 16px;
  font-weight: 600;
}

modal-peecho-massage {
  display: block;
  overflow: visible;
  text-align: center;
  font-size: 0;
  line-height: 1;
  font-family: "open sans";
}

.modal-peecho-massage {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-peecho-massage__content {
  position: relative;
  max-width: calc(100vw - 40px);
  max-height: calc(100vh - 40px);
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  height: 765px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .modal-peecho-massage__content {
    height: 100vh;
  }
}

.modal-peecho-massage__title {
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #020202;
  padding: 0 10px;
}

.modal-peecho-massage__desc {
  max-width: 984px;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  color: #020202;
  margin-top: 21px;
  margin-bottom: 40px;
  padding: 0 10px;
}

.modal-peecho-massage__middle {
  width: 478px;
  margin: 0 auto;
  text-align: left;
  max-width: calc(100% - 58px);
}

.modal-peecho-massage__image {
  width: 100%;
  min-width: 504px;
}

.modal-peecho-massage__actions {
  text-align: center;
  position: absolute;
  bottom: 40px;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .modal-peecho-massage__actions .gs-btn--type2-blue {
    width: 83vw;
  }
}

.modal-peecho-massage__container {
  position: absolute;
  bottom: 200px;
  width: 100%;
}

.modal-peecho-massage__icon {
  font-size: 76px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  width: 76px;
  top: -108px;
}
.modal-peecho-massage__icon.icon-x {
  color: red;
}
.modal-peecho-massage__icon.icon-v {
  color: mediumseagreen;
}

.modal-photo-share-chat {
  width: 370px;
  min-height: 540px;
  padding: 40px 30px 20px 30px;
  color: #313030;
  overflow: hidden;
}
.modal-photo-share-chat__content {
  overflow: hidden;
}
.modal-photo-share-chat__actions {
  overflow: unset;
  border-top: unset !important;
  justify-content: center;
  padding: 0;
}
.modal-photo-share-chat__actions > div {
  font-size: 16px;
  font-weight: 600;
  height: 40px;
}
.modal-photo-share-chat__tite {
  max-width: 250px;
}
.modal-photo-share-chat__tite div {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

modal-player {
  display: block;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  modal-player {
    width: calc(100vw - 20px);
  }
}

.c-modal-player {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.c-modal-player__close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  border-top-right-radius: 11px;
  border-bottom-left-radius: 11px;
}
.c-modal-player__close:hover {
  background-color: #000;
}

.c-modal-player__content {
  position: relative;
  display: block;
  overflow: hidden;
  width: 800px;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 100px);
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}

.c-modal-player__wrapper {
  position: relative;
  height: 0;
  padding-bottom: 56.25%; /* 16:9 */
}

.c-modal-player__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

modal-pre-submit {
  display: block;
  max-width: 90%;
  max-height: 90%;
  text-align: center;
}
modal-pre-submit md-dialog {
  max-width: none !important;
}
modal-pre-submit md-dialog-actions {
  text-align: center;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #fff;
}

.c-modal-pre-submit {
  overflow: visible;
  max-width: 500px !important;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .c-modal-pre-submit {
    max-width: 90%;
  }
}

.c-modal-pre-submit__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  will-change: transform;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.c-modal-pre-submit__close:hover {
  transform: rotate(180deg);
}

.c-modal-pre-submit__content {
  overflow: hidden;
  max-width: 500px;
  border-radius: 11px;
  background-color: #fff;
}

.c-modal-pre-submit__header {
  padding: 20px 15px 0;
  text-transform: uppercase;
  color: #333;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 457px) {
  .c-modal-pre-submit__header {
    padding: 10px 15px 10px;
    font-size: 18px;
  }
  .c-modal-pre-submit__header .desc {
    font-size: 14px;
  }
}

.c-modal-pre-submit__challenge {
  position: relative;
  margin: 19px 15px 0;
  border-top: 1px solid #e1e1e1;
}
.c-modal-pre-submit__challenge span {
  display: inline-block;
  margin-top: -12px;
  padding: 0 15px;
  text-align: center;
  vertical-align: top;
  letter-spacing: -0.3px;
  color: #444;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.44;
}

.c-modal-pre-submit__guru {
  padding: 0 15px;
  text-align: left;
}
.c-modal-pre-submit__guru .avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
}
.c-modal-pre-submit__guru .name {
  display: inline-block;
  margin-left: 10px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.21;
}
.c-modal-pre-submit__guru a {
  text-decoration: none;
  color: #444;
  font-weight: 600;
}
.c-modal-pre-submit__guru a:hover {
  text-decoration: none;
}

.c-modal-pre-submit__scroll {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 40vh;
  padding: 10px 15px;
  text-align: left;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll h1 {
  margin-bottom: 5px;
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
}
.c-modal-pre-submit__scroll .more {
  cursor: pointer;
  color: #218ccc;
  font-size: 14px;
  font-weight: 400;
}
.c-modal-pre-submit__scroll br {
  display: block;
  margin: 12px 0;
  content: "";
  line-height: 12px;
}
.c-modal-pre-submit__scroll h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll ul, .c-modal-pre-submit__scroll ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.c-modal-pre-submit__scroll ul li, .c-modal-pre-submit__scroll ol li {
  font-size: 16px;
  line-height: 1.6;
}
.c-modal-pre-submit__scroll ol li {
  margin-bottom: 10px;
}
.c-modal-pre-submit__scroll p {
  padding: 0;
}

.c-modal-pre-submit__rules {
  padding: 10px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.c-modal-pre-submit__rules h1 {
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
}

.c-modal-pre-submit__actions {
  position: relative;
  padding: 25px 15px;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}

.c-modal-pre-submit__actions__checkbox__wrapper {
  overflow: hidden;
  max-height: 60px;
  transition: 1.5s ease-in-out;
  opacity: 1;
}
.c-modal-pre-submit__actions__checkbox__wrapper.c-hide {
  max-height: 0;
  transition: opacity 0.2s ease-in-out 1s, max-height 0s linear 1.2s;
  opacity: 0;
}

.c-modal-pre-submit__actions__checkbox {
  padding-top: 10px;
}
.c-modal-pre-submit__actions__checkbox input[type=checkbox] {
  display: none;
}
.c-modal-pre-submit__actions__checkbox .gs-animated-checkbox {
  margin-right: 110px;
}
.c-modal-pre-submit__actions__checkbox .gs-animated-checkbox span {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
  text-align: left;
  color: #444;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}

.c-modal-pre-submit__actions__btn {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
  padding: 8px 35px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  color: #fff;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 17px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 375px) {
  .c-modal-pre-submit__actions__btn {
    font-size: 14px;
  }
}

.c-modal-pre-submit__actions__text-btn {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 17px;
  line-height: 2.06;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-pre-submit__actions__text-btn:hover {
  text-decoration: none;
}
@media screen and (max-width: 375px) {
  .c-modal-pre-submit__actions__text-btn {
    font-size: 14px;
  }
}

.badge-v2-presubmit {
  position: absolute;
  width: 80%;
  top: -60px;
  left: 10%;
}

rule-block {
  display: block;
  overflow: hidden;
  margin-top: 10px;
  border-radius: 7px;
}

.rule-block__title {
  position: relative;
  padding: 5px 0;
  background-color: #f1f1f1;
  text-align: left;
  font-size: 0;
  cursor: pointer;
}

.rule-block__title__toggle-btn {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #444;
  vertical-align: middle;
  font-size: 14px;
}
.rule-block__title__toggle-btn.minus .plus {
  opacity: 0;
  transform: rotate(90deg);
}
.rule-block__title__toggle-btn.minus .minus {
  opacity: 1;
  transform: rotate(0deg);
}
.rule-block__title__toggle-btn .plus, .rule-block__title__toggle-btn .minus {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 32px;
  transition: 0.5s all ease-out;
}
.rule-block__title__toggle-btn .plus {
  opacity: 1;
  transform: rotate(0deg);
}
.rule-block__title__toggle-btn .minus {
  opacity: 0;
  transform: rotate(-90deg);
}

.rule-block__title__text {
  display: inline-block;
  overflow: hidden;
  margin-right: 118px;
  margin-left: 5px;
  vertical-align: middle;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: 600;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 457px) {
  .rule-block__title__text {
    margin-right: 5px;
  }
}
@media screen and (max-width: 327px) {
  .rule-block__title__text {
    font-size: 12px;
  }
}

.rule-block__title__icons {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 457px) {
  .rule-block__title__icons {
    display: none;
  }
}

.rule-block__title__icon, .rule-block__text__icon {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 4px;
  background-color: #218ccc;
  color: #fff;
  vertical-align: top;
  text-align: center;
  font-size: 18px;
  line-height: 30px;
}
.rule-block__title__icon.red, .red.rule-block__text__icon {
  overflow: hidden;
  background-color: tomato;
}
.rule-block__title__icon.red:before, .red.rule-block__text__icon:before {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 1;
  width: calc(100% + 10px);
  border: 1px solid #000;
  content: "";
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
.rule-block__title__icon.red i, .red.rule-block__text__icon i {
  transform: scaleX(-1);
}
.rule-block__title__icon + .rule-block__title__icon, .rule-block__text__icon + .rule-block__title__icon, .rule-block__title__icon + .rule-block__text__icon, .rule-block__text__icon + .rule-block__text__icon {
  margin-left: 3px;
}
.rule-block__title__icon i, .rule-block__text__icon i {
  line-height: 1.3;
}

.rule-block__text {
  overflow: hidden;
  padding: 0 5px 0 35px;
  max-height: 0;
  background-color: rgb(250, 250, 250);
  font-weight: 400;
  font-size: 14px;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), padding 0.2s ease-in-out;
  will-change: height;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.rule-block__text.full {
  padding: 5px 5px 5px 35px;
  max-height: 1000px;
  transition: max-height 1s ease-in-out, padding 0.2s ease-in-out;
}
@media screen and (max-width: 457px) {
  .rule-block__text {
    padding: 0 15px;
  }
  .rule-block__text.full {
    padding: 5px 15px;
  }
}

.rule-block__text__icons {
  display: none;
  text-align: left;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 457px) {
  .rule-block__text__icons {
    display: block;
  }
}

modal-pre-submit {
  display: block;
  max-width: 90%;
  max-height: 90%;
  text-align: center;
}
modal-pre-submit md-dialog {
  max-width: none !important;
}
modal-pre-submit md-dialog-actions {
  text-align: center;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #fff;
}

.c-modal-pre-submit {
  overflow: visible;
  max-width: 500px !important;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .c-modal-pre-submit {
    max-width: 90%;
  }
}

.c-modal-pre-submit__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  will-change: transform;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.c-modal-pre-submit__close:hover {
  transform: rotate(180deg);
}

.c-modal-pre-submit__content {
  overflow: hidden;
  max-width: 500px;
  border-radius: 11px;
  background-color: #fff;
}

.c-modal-pre-submit__header {
  padding: 20px 15px 0;
  text-transform: uppercase;
  color: #333;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 457px) {
  .c-modal-pre-submit__header {
    padding: 10px 15px 10px;
    font-size: 18px;
  }
  .c-modal-pre-submit__header .desc {
    font-size: 14px;
  }
}

.c-modal-pre-submit__challenge {
  position: relative;
  margin: 19px 15px 0;
  border-top: 1px solid #e1e1e1;
}
.c-modal-pre-submit__challenge span {
  display: inline-block;
  margin-top: -12px;
  padding: 0 15px;
  text-align: center;
  vertical-align: top;
  letter-spacing: -0.3px;
  color: #444;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.44;
}

.c-modal-pre-submit__guru {
  padding: 0 15px;
  text-align: left;
}
.c-modal-pre-submit__guru .avatar {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
}
.c-modal-pre-submit__guru .name {
  display: inline-block;
  margin-left: 10px;
  text-align: left;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #444;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.21;
}
.c-modal-pre-submit__guru a {
  text-decoration: none;
  color: #444;
  font-weight: 600;
}
.c-modal-pre-submit__guru a:hover {
  text-decoration: none;
}

.c-modal-pre-submit__scroll {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 40vh;
  padding: 10px 15px;
  text-align: left;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll h1 {
  margin-bottom: 5px;
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
}
.c-modal-pre-submit__scroll .more {
  cursor: pointer;
  color: #218ccc;
  font-size: 14px;
  font-weight: 400;
}
.c-modal-pre-submit__scroll br {
  display: block;
  margin: 12px 0;
  content: "";
  line-height: 12px;
}
.c-modal-pre-submit__scroll h2 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll h3 {
  text-align: left;
  font-family: "Merriweather", sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
}
.c-modal-pre-submit__scroll ul, .c-modal-pre-submit__scroll ol {
  display: block;
  height: auto;
  margin-top: 20px;
  padding: 0;
  list-style-position: inside;
  font-size: 0;
  line-height: 1;
}
.c-modal-pre-submit__scroll ul li, .c-modal-pre-submit__scroll ol li {
  font-size: 16px;
  line-height: 1.6;
}
.c-modal-pre-submit__scroll ol li {
  margin-bottom: 10px;
}
.c-modal-pre-submit__scroll p {
  padding: 0;
}

.c-modal-pre-submit__rules {
  padding: 10px 15px;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
.c-modal-pre-submit__rules h1 {
  color: #218ccc;
  font-size: 18px;
  font-weight: 600;
}

.c-modal-pre-submit__actions {
  position: relative;
  padding: 25px 15px;
  text-align: center;
  border-top: 1px solid #e1e1e1;
}

.c-modal-pre-submit__actions__checkbox__wrapper {
  overflow: hidden;
  max-height: 60px;
  transition: 1.5s ease-in-out;
  opacity: 1;
}
.c-modal-pre-submit__actions__checkbox__wrapper.c-hide {
  max-height: 0;
  transition: opacity 0.2s ease-in-out 1s, max-height 0s linear 1.2s;
  opacity: 0;
}

.c-modal-pre-submit__actions__checkbox {
  padding-top: 10px;
}
.c-modal-pre-submit__actions__checkbox input[type=checkbox] {
  display: none;
}
.c-modal-pre-submit__actions__checkbox .gs-animated-checkbox {
  margin-right: 110px;
}
.c-modal-pre-submit__actions__checkbox .gs-animated-checkbox span {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
  text-align: left;
  color: #444;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1;
}

.c-modal-pre-submit__actions__btn {
  display: inline-block;
  overflow: hidden;
  margin: 0 auto;
  padding: 8px 35px;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  color: #fff;
  border-radius: 4px;
  background-color: #3397d2;
  font-size: 17px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 375px) {
  .c-modal-pre-submit__actions__btn {
    font-size: 14px;
  }
}

.c-modal-pre-submit__actions__text-btn {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 17px;
  line-height: 2.06;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-pre-submit__actions__text-btn:hover {
  text-decoration: none;
}
@media screen and (max-width: 375px) {
  .c-modal-pre-submit__actions__text-btn {
    font-size: 14px;
  }
}

.badge-v2-presubmit {
  position: absolute;
  width: 80%;
  top: -60px;
  left: 10%;
}

modal-query-builder {
  display: block;
  min-width: 80vw;
  min-height: 80vh;
}

.modal-query-builder {
  overflow: visible;
  max-width: 100% !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-query-builder__close {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  font-weight: 600;
  line-height: 30px;
}
.modal-query-builder__close:hover i {
  transform: rotate(180deg);
}
.modal-query-builder__close i {
  display: inline-block;
  transition: all 0.5s ease-in-out;
  transform: rotate(0deg);
  transform-origin: 50% 50%;
  vertical-align: middle;
  font-size: 13px;
  line-height: 1;
  will-change: transform;
}

.modal-query-builder__content {
  overflow: visible;
  width: 100%;
  max-width: calc(100vw - 20px);
  min-height: 200px;
  text-align: center;
  color: #333;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
.modal-query-builder__content .gs-loader {
  z-index: 1;
  border-radius: 11px;
  background-color: #fff;
}

.modal-query-builder__header {
  padding: 25px;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
}

.modal-query-builder__query {
  display: inline-block;
  width: 600px;
  max-width: 90vw;
  color: #555;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.modal-query-builder__body {
  overflow: auto;
  max-width: 90vw;
  max-height: 70vh;
}

.modal-query-builder__block {
  display: inline-block;
  width: 50%;
  padding: 10px;
  text-align: left;
  vertical-align: top;
  font-size: 0;
  line-height: 1;
}

.modal-query-builder__preview {
  display: inline-block;
  width: 50%;
  padding: 15px 15px 200px;
}

.modal-query-builder__keywords {
  display: block;
  margin: 0 auto;
  padding: 5px 10px;
  text-align: left;
}

.modal-query-builder__keyword {
  display: inline-block;
  margin: 3px;
  padding: 6px 10px;
  -webkit-user-select: all;
          user-select: all;
  vertical-align: middle;
  color: #777;
  border-radius: 8px;
  background-color: #ccc;
  font-size: 14px;
  font-weight: 600;
}

.modal-query-builder__images {
  display: flex;
  align-items: left;
  flex-flow: row wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0 10px;
  text-align: center;
  vertical-align: top;
}

.modal-query-builder__image {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: top;
}
.modal-query-builder__image:hover .keywords {
  transform: scale(1);
  opacity: 1;
}
.modal-query-builder__image img {
  width: 100px;
  height: 100px;
}
.modal-query-builder__image .keywords {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 10px;
  cursor: text;
  transition: 333ms ease-in-out;
  transform: scale(0);
  transform-origin: top left;
  text-align: left;
  opacity: 0;
  color: #fff;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  line-height: 1.3;
}

.modal-query-builder__actions {
  position: relative;
  border-top: 1px solid #ccc;
}

.queryBuilderBlock__group {
  position: relative;
  margin: 5px auto;
  padding: 20px 10px 40px;
  border: 1px dashed #ccc;
  line-height: 1.4;
}
.queryBuilderBlock__group .label {
  position: absolute;
  top: 0;
  right: 4px;
  color: #555;
  font-size: 12px;
  font-weight: 600;
}
.queryBuilderBlock__group > .actions {
  position: absolute;
  right: 10px;
  bottom: 0;
  text-align: right;
  font-size: 12px;
}
.queryBuilderBlock__group > .actions .gs-text-btn {
  margin-left: 5px;
}
.queryBuilderBlock__group.root {
  margin: 0 auto;
  padding: 10px 10px 40px;
  border: none;
}

.queryBuilderBlock__text {
  position: relative;
  margin: 5px auto;
  font-size: 14px;
  line-height: 1.4;
}
.queryBuilderBlock__text input {
  width: 100%;
}
.queryBuilderBlock__text .actions {
  position: absolute;
  top: 100%;
  right: 0;
  text-align: right;
  font-size: 12px;
  line-height: 1;
}
.queryBuilderBlock__text .actions .gs-text-btn {
  margin-left: 5px;
}

.queryBuilderBlock__condition {
  margin: 5px auto;
  font-size: 14px;
  line-height: 1.4;
}

.queryBuilderBlock__groups {
  position: absolute;
  right: 5px;
  bottom: 2px;
}
.queryBuilderBlock__groups span {
  margin-left: 5px;
  cursor: pointer;
  color: #777;
  font-size: 12px;
  font-weight: 400;
}

.modal-query-builder__total {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 15px;
}

.modal-query-builder__title {
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
  padding-left: 15px;
}

.modal-query-builder__preview-item hr {
  margin: 30px 0;
}

modal-read-more {
  display: block;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  modal-read-more {
    width: calc(100vw - 20px);
  }
}

.c-modal-read-more {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.c-modal-read-more__close {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  transform: translateZ(0);
  transform-origin: 50% 50%;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}

.c-modal-read-more__content {
  position: relative;
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  width: 600px;
  max-width: calc(100vw - 20px);
  min-height: 300px;
  max-height: 70vh;
  padding: 20px;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}
.c-modal-read-more__content .image {
  display: inline-block;
  width: 143px;
  height: 143px;
  vertical-align: bottom;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.c-modal-read-more__content .title, .c-modal-read-more__content .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-read-more__content .title-mobile {
  display: inline-block;
  width: calc(100% - 143px);
  height: 143px;
  padding: 0 10px;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  font-size: 0;
}
.c-modal-read-more__content .title:before, .c-modal-read-more__content .challenges .challengeToggle .title-mobile:before, .challenges .challengeToggle .c-modal-read-more__content .title-mobile:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: bottom;
}
.c-modal-read-more__content .title__wrap {
  display: inline-block;
  vertical-align: bottom;
  white-space: normal;
}
.c-modal-read-more__content .title__text {
  letter-spacing: -0.5px;
  color: #666;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.23;
}
.c-modal-read-more__content .title__text > div {
  letter-spacing: -0.4px;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
}
.c-modal-read-more__content .text {
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 20px;
  padding: 0 20px 0 0;
  text-align: left;
  letter-spacing: -0.4px;
  text-overflow: ellipsis;
  color: #666;
  font-size: 16px;
  font-weight: 300;
  line-height: 2;
}

.c-modal-report {
  max-width: 600px !important;
  border-radius: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-report {
    max-width: 90vw;
  }
}

.c-modal-report__content {
  display: block;
  padding: 20px;
  text-align: center;
  font-size: 0;
}

.c-modal-report__image {
  margin: 20px 0;
  text-align: center;
}
.c-modal-report__image img {
  width: auto;
  height: 200px;
  min-height: 200px;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.c-modal-report__close {
  position: absolute;
  top: 0;
  right: 10px;
  cursor: pointer;
  color: #000;
  font-size: 28px;
}

.c-modal-report__content__title {
  text-align: center;
}
.c-modal-report__content__title i {
  vertical-align: middle;
  color: #000;
  font-size: 24px;
}
.c-modal-report__content__title span {
  margin-left: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
}

.c-modal-report__content__options {
  font-size: 14px;
  line-height: 1.3;
}

.c-modal-report__content__option {
  padding: 10px;
  cursor: pointer;
  border-bottom: 1px solid #000;
}
.c-modal-report__content__option:last-child {
  border-color: transparent;
}
.c-modal-report__content__option:hover {
  color: rgb(221, 44, 0);
}

.c-modal-report__content__done {
  padding: 20px 5px;
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

modal-select-list {
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 1;
}

.modal-select-list {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-select-list__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.modal-select-list__close:hover {
  transform: rotate(180deg);
}

.modal-select-list__content {
  width: 100%;
  padding: 25px;
  border-radius: 11px;
  background-color: #fff;
}

.modal-select-list__title {
  color: #3397d2;
  font-size: 22px;
  font-weight: 600;
}

.modal-select-list__options {
  margin-top: 15px;
}

.modal-select-list__option {
  cursor: pointer;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.modal-select-list__option:hover {
  color: #3397d2;
}
.modal-select-list__option + .modal-select-list__option {
  margin-top: 10px;
}

modal-sell-prints {
  display: block;
  overflow: visible;
  text-align: center;
  font-size: 0;
  line-height: 1;
  font-family: "open sans";
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  modal-sell-prints md-checkbox .md-label {
    font-size: 12px;
  }
}

.modal-sell-prints {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-sell-prints__content {
  position: relative;
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 40px);
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  height: 765px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-sell-prints__content .gs-loader {
  border-radius: 11px;
}
.modal-sell-prints__content .gs_hidden {
  visibility: hidden;
}
@media screen and (max-width: 560px) {
  .modal-sell-prints__content {
    height: 100vh;
  }
}

.modal-sell-prints__title {
  margin-top: -30%;
  font-size: 32px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #020202;
  padding: 0 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .modal-sell-prints__title {
    margin-top: -32%;
  }
}
@media screen and (max-width: 560px) {
  .modal-sell-prints__title {
    font-size: 24px;
    margin-top: -28%;
  }
}
@media screen and (max-width: 400px) {
  .modal-sell-prints__title {
    font-size: 20px;
    margin-top: -34%;
  }
}
@media screen and (max-width: 330px) {
  .modal-sell-prints__title {
    font-size: 20px;
    margin-top: -84%;
  }
}
@media screen and (max-height: 700px) {
  .modal-sell-prints__title {
    margin-top: -43%;
  }
}
@media screen and (max-height: 570px) {
  .modal-sell-prints__title {
    margin-top: -50%;
  }
}

.modal-sell-prints__desc-mobile {
  max-width: 984px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  color: #020202;
  margin-top: 21px;
  margin-bottom: 30px;
  padding: 0 10px;
  display: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 560px) {
  .modal-sell-prints__desc-mobile {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0 30px;
  }
}
@media screen and (max-width: 400px) {
  .modal-sell-prints__desc-mobile {
    font-size: 14px;
  }
}

.modal-sell-prints__desc {
  max-width: 984px;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.61;
  letter-spacing: normal;
  text-align: center;
  color: #020202;
  margin-top: 21px;
  margin-bottom: 30px;
  padding: 0 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .modal-sell-prints__desc {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .modal-sell-prints__desc .modal-sell-prints__desc-br {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .modal-sell-prints__desc {
    display: none;
  }
}
@media screen and (max-height: 570px) {
  .modal-sell-prints__desc {
    margin-top: 10px;
  }
}

.modal-sell-prints__middle {
  width: 478px;
  margin: 0 auto;
  text-align: left;
  max-width: calc(100% - 58px);
}

.modal-sell-prints__image {
  width: 100%;
  min-width: 504px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 330px) {
  .modal-sell-prints__image {
    visibility: hidden;
  }
}
@media screen and (max-height: 700px) {
  .modal-sell-prints__image {
    visibility: hidden;
  }
}

.modal-sell-prints__all {
  color: #8d8d8d;
  font-size: 14px;
  font-weight: 600;
  position: relative;
}
.modal-sell-prints__all md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
  background-color: #2f8ccc;
}

.modal-sell-prints__actions {
  text-align: center;
  position: absolute;
  bottom: 30px;
  width: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-sell-prints__actions .gs-btn--type2-white {
  margin-left: 20px;
  padding: 14px 0;
}
@media screen and (max-width: 560px) {
  .modal-sell-prints__actions {
    bottom: 25px;
  }
  .modal-sell-prints__actions .gs-btn--type2-white {
    display: block;
    margin: 10px auto 0;
    width: 81vw;
    height: 50px;
    padding: 12px 0;
  }
  .modal-sell-prints__actions .gs-btn--type2-blue {
    display: block;
    margin: 0 auto;
    width: 81vw;
    height: 50px;
    padding: 12px 0;
  }
}

.modal-sell-prints__close {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: box-shadow 333ms ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 0;
  line-height: 30px;
}
.modal-sell-prints__close i {
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.modal-sell-prints__close:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
}

.modal-sell-prints__input-container {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.modal-sell-prints__input-container input {
  width: 100%;
  height: 55px;
  border-radius: 10px;
  font-size: 18px;
  padding: 0 20px;
  box-sizing: border-box;
  border: 1px solid #979797;
  color: #000;
}
.modal-sell-prints__input-container div {
  font-size: 14px;
  color: red;
  height: 28px;
  line-height: 2;
  margin: 3px 0;
}
@media screen and (max-width: 400px) {
  .modal-sell-prints__input-container input {
    height: 40px;
  }
  .modal-sell-prints__input-container div {
    font-size: 11px;
  }
}
@media screen and (max-width: 330px) {
  .modal-sell-prints__input-container div {
    font-size: 9px;
  }
}

.modal-sell-prints__step2 .modal-sell-prints__title {
  margin-top: -23%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 400px) {
  .modal-sell-prints__step2 .modal-sell-prints__title {
    margin-top: -34%;
  }
}
@media screen and (max-width: 330px) {
  .modal-sell-prints__step2 .modal-sell-prints__title {
    margin-top: -69%;
  }
}
@media screen and (max-height: 700px) {
  .modal-sell-prints__step2 .modal-sell-prints__title {
    margin-top: -40%;
  }
}
.modal-sell-prints__step2 .modal-sell-prints__desc {
  display: block;
  margin-top: 53px;
}

.modal-sell-prints__purchase .modal-sell-prints__title {
  margin-top: -8%;
}
.modal-sell-prints__purchase .modal-sell-prints__actions {
  bottom: 52px;
}
.modal-sell-prints__purchase .modal-sell-prints__desc {
  font-size: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 400px) {
  .modal-sell-prints__purchase .modal-sell-prints__desc {
    font-size: 14px;
  }
}

modal-share {
  display: block;
  overflow: visible;
  text-align: center;
  font-size: 0;
  line-height: 1;
}

.c-modal-share {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.c-modal-share__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.c-modal-share__close:hover {
  transform: rotate(180deg);
}

.c-modal-share__content {
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 80px);
  padding: 25px;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  overflow: visible;
}

.c-modal-share__title {
  margin-bottom: 20px;
  color: #555;
  font-weight: 600;
  line-height: 1;
}
.c-modal-share__title i {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
}
.c-modal-share__title span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 26px;
}

.c-modal-share__actions {
  margin: 20px auto;
  text-align: center;
}

.c-modal-share__btn {
  display: inline-block;
  width: 54px;
  height: 54px;
  cursor: pointer;
  vertical-align: top;
  color: #fff;
  border-radius: 4px;
  font-size: 24px;
  line-height: 50px;
}
.c-modal-share__btn:hover i {
  transform: rotateY(360deg);
  transition: transform 0.6s ease-in-out;
}
.c-modal-share__btn + .c-modal-share__btn {
  margin-left: 15px;
}
.c-modal-share__btn.facebook {
  background-color: #3b5999;
}
.c-modal-share__btn.twitter {
  background-color: #47B7FF;
}
.c-modal-share__btn.google-plus {
  background-color: #DD4B39;
}
.c-modal-share__btn.tumblr {
  background-color: #35465c;
}
.c-modal-share__btn i {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  transform: rotateY(0deg);
  transition: none;
  transform-style: preserve-3d;
}

.c-modal-share__copy {
  margin-top: 15px;
  text-align: center;
}

.c-modal-share__copy__link {
  display: inline-block;
  overflow: auto;
  width: 200px;
  height: 36px;
  padding: 0 7px;
  text-align: left;
  vertical-align: top;
  color: #222;
  border: 1px solid #ccc;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  .c-modal-share__copy__link {
    width: 100px;
  }
}

.c-modal-share__copy__btn {
  position: relative;
  display: inline-block;
  width: 105px;
  height: 36px;
  padding: 6px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transition: none;
  vertical-align: top;
  color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #444;
  font-size: 16px;
  font-weight: 600;
}
.c-modal-share__copy__btn:hover {
  transition: all 0.3s ease-in-out;
  background-color: #222;
}
.c-modal-share__copy__btn i, .c-modal-share__copy__btn span {
  vertical-align: middle;
}

shop-exhibition-modal {
  display: block;
}
shop-exhibition-modal md-dialog.md-transition-in {
  display: block;
}

.c-shop-exhibition-modal {
  width: auto;
  max-width: 95vw;
  text-align: center;
  border-radius: 8px;
}

.c-shop-exhibition-modal__content {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  border: none;
}
.c-shop-exhibition-modal__content .right, .c-shop-exhibition-modal__content .left {
  width: 426px;
  min-width: 426px;
  max-width: 100%;
  min-height: 586px;
}
.c-shop-exhibition-modal__content .right {
  padding-top: 50px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-shop-exhibition-modal__content .right .c-actions i, .c-shop-exhibition-modal__content .right .c-actions button, .c-shop-exhibition-modal__content .right .c-actions > div {
  vertical-align: middle;
}
.c-shop-exhibition-modal__content .right .c-actions a {
  text-decoration: none;
  color: #fff;
}
.c-shop-exhibition-modal__content .right .c-actions a:hover {
  color: #fff;
}
.c-shop-exhibition-modal__content .right .card-exist {
  min-height: 200px;
  margin: 70px 0 0;
  text-align: center;
  font-size: 14px;
}
.c-shop-exhibition-modal__content .right .card-exist .gs-btn--blue--s--, .c-shop-exhibition-modal__content .right .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-shop-exhibition-modal__content .right .card-exist .fix-footer__btn--s--, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--white, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--red, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--grey, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--instagram {
  display: inline-block;
  margin: 10px 15px;
  background-color: #218ccc;
  font-weight: 600;
}
.c-shop-exhibition-modal__content .right .card-exist .gs-btn--blue--s--:hover, .c-shop-exhibition-modal__content .right .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-shop-exhibition-modal__content .right .card-exist .fix-footer__btn--s--:hover, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--white:hover, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--red:hover, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--grey:hover, .c-shop-exhibition-modal__content .right .card-exist .gs-btn--instagram:hover {
  background-color: #106cc8;
}
.c-shop-exhibition-modal__content .right .card-exist .card-block {
  display: block;
  width: 100%;
  padding: 0;
}
.c-shop-exhibition-modal__content .right .card-exist .card-block b {
  font-size: 16px;
  font-weight: 600;
}
.c-shop-exhibition-modal__content .right .card-exist .card-block span {
  display: block;
  cursor: pointer;
  color: #218ccc;
  font-size: 11px;
  font-weight: 400;
}
.c-shop-exhibition-modal__content .right .card-exist .card-block span:hover {
  text-decoration: underline;
}
.c-shop-exhibition-modal__content .right .thank-you {
  height: 100% !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-shop-exhibition-modal__content .right .thank-you h1 {
  font-size: 22px;
  font-weight: 600;
}
.c-shop-exhibition-modal__content .right .thank-you .text {
  font-size: 16px;
  font-weight: 400;
  margin: 10px auto;
}
@media screen and (max-width: 768px) {
  .c-shop-exhibition-modal__content .right .thank-you {
    padding-top: 10px !important;
  }
}
@media screen and (max-width: 767px) {
  .c-shop-exhibition-modal__content .right {
    min-width: initial;
  }
  .c-shop-exhibition-modal__content .right.stage2_1 {
    padding: 0 10px 10px !important;
  }
}
.c-shop-exhibition-modal__content .right--cardExist {
  padding-top: 55px;
}
.c-shop-exhibition-modal__content .right--cardExist .c-actions {
  margin-top: 15px;
}
.c-shop-exhibition-modal__content .left {
  float: left;
  padding: 0;
  text-align: center;
  background-color: #000;
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-shop-exhibition-modal__content .left {
    display: none;
  }
}

.c-shop-exhibition-modal__cover {
  width: 100% !important;
}

.c-shop-exhibition-modal__logo {
  width: 120px !important;
  margin: 15px auto;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-shop-exhibition-modal__logo {
    position: absolute;
    top: 10px !important;
    left: 10px !important;
  }
}

.c-shop-exhibition-modal__pay-pal {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-shop-exhibition-modal__pay-pal > div {
  display: inline-block;
  vertical-align: middle;
}
.c-shop-exhibition-modal__pay-pal span {
  margin-right: 5px;
  vertical-align: middle;
  color: #444;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .c-shop-exhibition-modal__pay-pal {
    position: static;
    padding: 10px 10px;
    text-align: right;
    background-color: #fff;
  }
}

.c-shop-exhibition-modal__title, .c-shop-exhibition-modal__title--exist {
  margin-top: 25px;
  letter-spacing: -0.5px;
  color: #222;
  font-size: 24px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-shop-exhibition-modal__title, .c-shop-exhibition-modal__title--exist {
    margin: 0 auto 10px;
    line-height: 1;
  }
}

.c-shop-exhibition-modal__title--exist {
  margin-top: 30px;
  font-size: 16px;
}

.c-shop-exhibition-modal__title--desc {
  color: #222;
  font-size: 12px;
  font-weight: 400;
  line-height: 2.3;
}
.c-shop-exhibition-modal__title--desc a {
  text-decoration: none;
  color: #218ccc;
}
.c-shop-exhibition-modal__title--desc a:hover {
  text-decoration: none;
}

.c-shop-exhibition-modal__desc {
  margin-top: 10px;
  letter-spacing: -0.3px;
  color: #444;
  font-size: 14px;
  line-height: 1.3;
}

.c-shop-exhibition-modal__checkbox {
  padding-top: 10px;
  cursor: pointer !important;
}
.c-shop-exhibition-modal__checkbox input[type=checkbox] {
  display: none;
}
.c-shop-exhibition-modal__checkbox .gs-animated-checkbox {
  margin-right: 110px;
  cursor: pointer !important;
  border: 4px solid #999;
}
.c-shop-exhibition-modal__checkbox .gs-animated-checkbox span {
  position: absolute;
  top: 50%;
  left: calc(100% + 20px);
  width: 250px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  transform: translateY(-50%);
  text-align: left;
  letter-spacing: -0.3px;
  color: #999;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.3;
}

.c-modal-shop, .c-modal-shop--keys, .c-modal-shop--guru-review, .c-modal-shop--auto-fill, .c-modal-shop--swap {
  overflow: visible;
  min-height: 300px;
  max-width: 700px !important;
  width: 90%;
  border-radius: 8px;
  background-color: transparent;
  text-align: center;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop md-dialog-content, .c-modal-shop--keys md-dialog-content, .c-modal-shop--guru-review md-dialog-content, .c-modal-shop--auto-fill md-dialog-content, .c-modal-shop--swap md-dialog-content {
  overflow: visible;
  min-height: 300px;
}
@media screen and (max-width: 500px) {
  .c-modal-shop, .c-modal-shop--keys, .c-modal-shop--guru-review, .c-modal-shop--auto-fill, .c-modal-shop--swap {
    transform: translate(0, -50px) scale(1) !important;
  }
}

.c-modal-shop__content, .c-modal-shop--keys__content, .c-modal-shop--guru-review__content, .c-modal-shop--auto-fill__content, .c-modal-shop--swap__content, .c-shop-exhibition-modal__content {
  background-color: #666;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .c-loader, .c-modal-shop--keys__content .c-loader, .c-modal-shop--guru-review__content .c-loader, .c-modal-shop--auto-fill__content .c-loader, .c-modal-shop--swap__content .c-loader, .c-shop-exhibition-modal__content .c-loader {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .c-loader, .c-modal-shop--keys__content .c-loader, .c-modal-shop--guru-review__content .c-loader, .c-modal-shop--auto-fill__content .c-loader, .c-modal-shop--swap__content .c-loader, .c-shop-exhibition-modal__content .c-loader {
    min-height: 200px !important;
  }
}
.c-modal-shop__content .left, .c-modal-shop--keys__content .left, .c-modal-shop--guru-review__content .left, .c-modal-shop--auto-fill__content .left, .c-modal-shop--swap__content .left, .c-shop-exhibition-modal__content .left {
  position: relative;
  padding: 30px;
  width: 350px;
  background-color: #218ccc;
  color: #fff;
  line-height: 1;
}
.c-modal-shop__content .left img, .c-modal-shop--keys__content .left img, .c-modal-shop--guru-review__content .left img, .c-modal-shop--auto-fill__content .left img, .c-modal-shop--swap__content .left img, .c-shop-exhibition-modal__content .left img {
  display: inline-block;
  width: 290px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .left img, .c-modal-shop--keys__content .left img, .c-modal-shop--guru-review__content .left img, .c-modal-shop--auto-fill__content .left img, .c-modal-shop--swap__content .left img, .c-shop-exhibition-modal__content .left img {
    display: inline-block;
    margin: 0;
    margin-top: -58px;
    width: 30%;
    height: auto;
    vertical-align: middle;
  }
}
.c-modal-shop__content .left h4, .c-modal-shop--keys__content .left h4, .c-modal-shop--guru-review__content .left h4, .c-modal-shop--auto-fill__content .left h4, .c-modal-shop--swap__content .left h4, .c-shop-exhibition-modal__content .left h4 {
  font-weight: 600;
  font-size: 36px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .left h4 span, .c-modal-shop--keys__content .left h4 span, .c-modal-shop--guru-review__content .left h4 span, .c-modal-shop--auto-fill__content .left h4 span, .c-modal-shop--swap__content .left h4 span, .c-shop-exhibition-modal__content .left h4 span {
  display: block;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .left h4, .c-modal-shop--keys__content .left h4, .c-modal-shop--guru-review__content .left h4, .c-modal-shop--auto-fill__content .left h4, .c-modal-shop--swap__content .left h4, .c-shop-exhibition-modal__content .left h4 {
    font-size: 18px;
  }
  .c-modal-shop__content .left h4 span, .c-modal-shop--keys__content .left h4 span, .c-modal-shop--guru-review__content .left h4 span, .c-modal-shop--auto-fill__content .left h4 span, .c-modal-shop--swap__content .left h4 span, .c-shop-exhibition-modal__content .left h4 span {
    display: inline-block;
  }
}
.c-modal-shop__content .left p, .c-modal-shop--keys__content .left p, .c-modal-shop--guru-review__content .left p, .c-modal-shop--auto-fill__content .left p, .c-modal-shop--swap__content .left p, .c-shop-exhibition-modal__content .left p {
  margin: 20px 0 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.3;
}
.c-modal-shop__content .right, .c-modal-shop--keys__content .right, .c-modal-shop--guru-review__content .right, .c-modal-shop--auto-fill__content .right, .c-modal-shop--swap__content .right, .c-shop-exhibition-modal__content .right {
  position: relative;
  overflow: hidden;
  padding: 30px;
  width: 350px;
  background-color: #fff;
}
.c-modal-shop__content .right .c-loader, .c-modal-shop--keys__content .right .c-loader, .c-modal-shop--guru-review__content .right .c-loader, .c-modal-shop--auto-fill__content .right .c-loader, .c-modal-shop--swap__content .right .c-loader, .c-shop-exhibition-modal__content .right .c-loader {
  min-height: 250px;
}
.c-modal-shop__content .right .c-actions, .c-modal-shop--keys__content .right .c-actions, .c-modal-shop--guru-review__content .right .c-actions, .c-modal-shop--auto-fill__content .right .c-actions, .c-modal-shop--swap__content .right .c-actions, .c-shop-exhibition-modal__content .right .c-actions {
  text-align: center;
  font-size: 0;
}
.c-modal-shop__content .right .c-actions .icon-lock, .c-modal-shop--keys__content .right .c-actions .icon-lock, .c-modal-shop--guru-review__content .right .c-actions .icon-lock, .c-modal-shop--auto-fill__content .right .c-actions .icon-lock, .c-modal-shop--swap__content .right .c-actions .icon-lock, .c-shop-exhibition-modal__content .right .c-actions .icon-lock {
  color: #2f9e54;
  font-size: 13px;
}
.c-modal-shop__content .right .c-actions .gs-btn--blue--s--, .c-modal-shop__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop__content .right .c-actions .fix-footer__btn--s--, .c-modal-shop--keys__content .right .c-actions .gs-btn--blue--s--, .c-modal-shop--keys__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--keys__content .right .c-actions .fix-footer__btn--s--, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--blue--s--, .c-modal-shop--guru-review__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--guru-review__content .right .c-actions .fix-footer__btn--s--, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--blue--s--, .c-modal-shop--auto-fill__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--auto-fill__content .right .c-actions .fix-footer__btn--s--, .c-modal-shop--swap__content .right .c-actions .gs-btn--blue--s--, .c-modal-shop--swap__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--swap__content .right .c-actions .fix-footer__btn--s--, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--blue--s--, .c-shop-exhibition-modal__content .right .c-actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-shop-exhibition-modal__content .right .c-actions .fix-footer__btn--s--, .c-modal-shop__content .right .c-actions .gs-btn--white, .c-modal-shop--keys__content .right .c-actions .gs-btn--white, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--white, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--white, .c-modal-shop--swap__content .right .c-actions .gs-btn--white, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--white, .c-modal-shop__content .right .c-actions .gs-btn--red, .c-modal-shop--keys__content .right .c-actions .gs-btn--red, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--red, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--red, .c-modal-shop--swap__content .right .c-actions .gs-btn--red, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--red, .c-modal-shop__content .right .c-actions .gs-btn--grey, .c-modal-shop--keys__content .right .c-actions .gs-btn--grey, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--grey, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--grey, .c-modal-shop--swap__content .right .c-actions .gs-btn--grey, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--grey, .c-modal-shop__content .right .c-actions .gs-btn--instagram, .c-modal-shop--keys__content .right .c-actions .gs-btn--instagram, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--instagram, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--instagram, .c-modal-shop--swap__content .right .c-actions .gs-btn--instagram, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--instagram {
  display: inline-block;
  margin: 10px 15px;
  background-color: #218ccc;
  font-weight: 600;
}
.c-modal-shop__content .right .c-actions .gs-btn--blue--s--:hover, .c-modal-shop__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop__content .right .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--keys__content .right .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--keys__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--keys__content .right .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--guru-review__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--guru-review__content .right .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--auto-fill__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--auto-fill__content .right .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--swap__content .right .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--swap__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--swap__content .right .c-actions .fix-footer__btn--s--:hover, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--blue--s--:hover, .c-shop-exhibition-modal__content .right .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-shop-exhibition-modal__content .right .c-actions .fix-footer__btn--s--:hover, .c-modal-shop__content .right .c-actions .gs-btn--white:hover, .c-modal-shop--keys__content .right .c-actions .gs-btn--white:hover, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--white:hover, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--white:hover, .c-modal-shop--swap__content .right .c-actions .gs-btn--white:hover, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--white:hover, .c-modal-shop__content .right .c-actions .gs-btn--red:hover, .c-modal-shop--keys__content .right .c-actions .gs-btn--red:hover, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--red:hover, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--red:hover, .c-modal-shop--swap__content .right .c-actions .gs-btn--red:hover, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--red:hover, .c-modal-shop__content .right .c-actions .gs-btn--grey:hover, .c-modal-shop--keys__content .right .c-actions .gs-btn--grey:hover, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--grey:hover, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--grey:hover, .c-modal-shop--swap__content .right .c-actions .gs-btn--grey:hover, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--grey:hover, .c-modal-shop__content .right .c-actions .gs-btn--instagram:hover, .c-modal-shop--keys__content .right .c-actions .gs-btn--instagram:hover, .c-modal-shop--guru-review__content .right .c-actions .gs-btn--instagram:hover, .c-modal-shop--auto-fill__content .right .c-actions .gs-btn--instagram:hover, .c-modal-shop--swap__content .right .c-actions .gs-btn--instagram:hover, .c-shop-exhibition-modal__content .right .c-actions .gs-btn--instagram:hover {
  background-color: #106CC8;
}
.c-modal-shop__content .right .c-actions .gs-text-btn, .c-modal-shop--keys__content .right .c-actions .gs-text-btn, .c-modal-shop--guru-review__content .right .c-actions .gs-text-btn, .c-modal-shop--auto-fill__content .right .c-actions .gs-text-btn, .c-modal-shop--swap__content .right .c-actions .gs-text-btn, .c-shop-exhibition-modal__content .right .c-actions .gs-text-btn {
  font-size: 14px;
}
.c-modal-shop__content .right .c-mobile-actions, .c-modal-shop--keys__content .right .c-mobile-actions, .c-modal-shop--guru-review__content .right .c-mobile-actions, .c-modal-shop--auto-fill__content .right .c-mobile-actions, .c-modal-shop--swap__content .right .c-mobile-actions, .c-shop-exhibition-modal__content .right .c-mobile-actions {
  display: none;
}
.c-modal-shop__content .right .c-block-name, .c-modal-shop--keys__content .right .c-block-name, .c-modal-shop--guru-review__content .right .c-block-name, .c-modal-shop--auto-fill__content .right .c-block-name, .c-modal-shop--swap__content .right .c-block-name, .c-shop-exhibition-modal__content .right .c-block-name {
  margin: 20px 0 10px;
  border-top: 1px solid #999;
  color: #999;
  text-align: right;
  font-size: 14px;
  line-height: 1.3;
}
.c-modal-shop__content .right .c-block-name:first-child, .c-modal-shop--keys__content .right .c-block-name:first-child, .c-modal-shop--guru-review__content .right .c-block-name:first-child, .c-modal-shop--auto-fill__content .right .c-block-name:first-child, .c-modal-shop--swap__content .right .c-block-name:first-child, .c-shop-exhibition-modal__content .right .c-block-name:first-child {
  margin-top: 0;
}
.c-modal-shop__content .right.stage1 md-radio-group, .c-modal-shop--keys__content .right.stage1 md-radio-group, .c-modal-shop--guru-review__content .right.stage1 md-radio-group, .c-modal-shop--auto-fill__content .right.stage1 md-radio-group, .c-modal-shop--swap__content .right.stage1 md-radio-group, .c-shop-exhibition-modal__content .right.stage1 md-radio-group {
  display: block;
  margin: 0 0 25px;
  width: 100%;
}
.c-modal-shop__content .right.stage1 md-radio-button, .c-modal-shop--keys__content .right.stage1 md-radio-button, .c-modal-shop--guru-review__content .right.stage1 md-radio-button, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button, .c-modal-shop--swap__content .right.stage1 md-radio-button, .c-shop-exhibition-modal__content .right.stage1 md-radio-button {
  margin: -1px 0 0 !important;
  padding: 20px 10px;
  border: 1px solid transparent;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  transition: 0.2s ease-in-out;
  -webkit-user-select: none;
          user-select: none;
}
.c-modal-shop__content .right.stage1 md-radio-button .md-label, .c-modal-shop--keys__content .right.stage1 md-radio-button .md-label, .c-modal-shop--guru-review__content .right.stage1 md-radio-button .md-label, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button .md-label, .c-modal-shop--swap__content .right.stage1 md-radio-button .md-label, .c-shop-exhibition-modal__content .right.stage1 md-radio-button .md-label {
  margin-left: 0;
}
.c-modal-shop__content .right.stage1 md-radio-button .md-label > b, .c-modal-shop--keys__content .right.stage1 md-radio-button .md-label > b, .c-modal-shop--guru-review__content .right.stage1 md-radio-button .md-label > b, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button .md-label > b, .c-modal-shop--swap__content .right.stage1 md-radio-button .md-label > b, .c-shop-exhibition-modal__content .right.stage1 md-radio-button .md-label > b {
  color: #111;
  font-weight: 600;
}
.c-modal-shop__content .right.stage1 md-radio-button > .md-container, .c-modal-shop--keys__content .right.stage1 md-radio-button > .md-container, .c-modal-shop--guru-review__content .right.stage1 md-radio-button > .md-container, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button > .md-container, .c-modal-shop--swap__content .right.stage1 md-radio-button > .md-container, .c-shop-exhibition-modal__content .right.stage1 md-radio-button > .md-container {
  left: 10px;
  transform: translate3D(0, -50%, 0);
}
.c-modal-shop__content .right.stage1 md-radio-button > .md-container .md-on, .c-modal-shop--keys__content .right.stage1 md-radio-button > .md-container .md-on, .c-modal-shop--guru-review__content .right.stage1 md-radio-button > .md-container .md-on, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button > .md-container .md-on, .c-modal-shop--swap__content .right.stage1 md-radio-button > .md-container .md-on, .c-shop-exhibition-modal__content .right.stage1 md-radio-button > .md-container .md-on {
  background-color: #218ccc;
}
.c-modal-shop__content .right.stage1 md-radio-button > .md-container .md-off, .c-modal-shop--keys__content .right.stage1 md-radio-button > .md-container .md-off, .c-modal-shop--guru-review__content .right.stage1 md-radio-button > .md-container .md-off, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button > .md-container .md-off, .c-modal-shop--swap__content .right.stage1 md-radio-button > .md-container .md-off, .c-shop-exhibition-modal__content .right.stage1 md-radio-button > .md-container .md-off {
  border-color: #218ccc;
  color: #218ccc;
}
.c-modal-shop__content .right.stage1 md-radio-button.active, .c-modal-shop--keys__content .right.stage1 md-radio-button.active, .c-modal-shop--guru-review__content .right.stage1 md-radio-button.active, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button.active, .c-modal-shop--swap__content .right.stage1 md-radio-button.active, .c-shop-exhibition-modal__content .right.stage1 md-radio-button.active {
  border-color: #218ccc;
  color: #218ccc;
}
.c-modal-shop__content .right.stage1 md-radio-button.active .md-label > b, .c-modal-shop--keys__content .right.stage1 md-radio-button.active .md-label > b, .c-modal-shop--guru-review__content .right.stage1 md-radio-button.active .md-label > b, .c-modal-shop--auto-fill__content .right.stage1 md-radio-button.active .md-label > b, .c-modal-shop--swap__content .right.stage1 md-radio-button.active .md-label > b, .c-shop-exhibition-modal__content .right.stage1 md-radio-button.active .md-label > b {
  color: #218ccc;
}
.c-modal-shop__content .right.stage1 .c-actions, .c-modal-shop--keys__content .right.stage1 .c-actions, .c-modal-shop--guru-review__content .right.stage1 .c-actions, .c-modal-shop--auto-fill__content .right.stage1 .c-actions, .c-modal-shop--swap__content .right.stage1 .c-actions, .c-shop-exhibition-modal__content .right.stage1 .c-actions {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-modal-shop__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--keys__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--keys__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--keys__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--guru-review__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--auto-fill__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-modal-shop--swap__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-modal-shop--swap__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--swap__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions .gs-btn--blue--s--:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-shop-exhibition-modal__content .right.stage1 .c-actions .fix-footer__btn--s--:hover, .c-modal-shop__content .right.stage1 .c-actions .gs-btn--white:hover, .c-modal-shop--keys__content .right.stage1 .c-actions .gs-btn--white:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions .gs-btn--white:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions .gs-btn--white:hover, .c-modal-shop--swap__content .right.stage1 .c-actions .gs-btn--white:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions .gs-btn--white:hover, .c-modal-shop__content .right.stage1 .c-actions .gs-btn--red:hover, .c-modal-shop--keys__content .right.stage1 .c-actions .gs-btn--red:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions .gs-btn--red:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions .gs-btn--red:hover, .c-modal-shop--swap__content .right.stage1 .c-actions .gs-btn--red:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions .gs-btn--red:hover, .c-modal-shop__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-modal-shop--keys__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-modal-shop--swap__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions .gs-btn--grey:hover, .c-modal-shop__content .right.stage1 .c-actions .gs-btn--instagram:hover, .c-modal-shop--keys__content .right.stage1 .c-actions .gs-btn--instagram:hover, .c-modal-shop--guru-review__content .right.stage1 .c-actions .gs-btn--instagram:hover, .c-modal-shop--auto-fill__content .right.stage1 .c-actions .gs-btn--instagram:hover, .c-modal-shop--swap__content .right.stage1 .c-actions .gs-btn--instagram:hover, .c-shop-exhibition-modal__content .right.stage1 .c-actions .gs-btn--instagram:hover {
  animation-name: pulse;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .right.stage1 .c-actions, .c-modal-shop--keys__content .right.stage1 .c-actions, .c-modal-shop--guru-review__content .right.stage1 .c-actions, .c-modal-shop--auto-fill__content .right.stage1 .c-actions, .c-modal-shop--swap__content .right.stage1 .c-actions, .c-shop-exhibition-modal__content .right.stage1 .c-actions {
    margin: 5px;
    font-size: 13px;
  }
}
.c-modal-shop__content .right.stage1 .mobile, .c-modal-shop--keys__content .right.stage1 .mobile, .c-modal-shop--guru-review__content .right.stage1 .mobile, .c-modal-shop--auto-fill__content .right.stage1 .mobile, .c-modal-shop--swap__content .right.stage1 .mobile, .c-shop-exhibition-modal__content .right.stage1 .mobile {
  display: none;
}
.c-modal-shop__content .right.stage1 .mobile .item, .c-modal-shop--keys__content .right.stage1 .mobile .item, .c-modal-shop--guru-review__content .right.stage1 .mobile .item, .c-modal-shop--auto-fill__content .right.stage1 .mobile .item, .c-modal-shop--swap__content .right.stage1 .mobile .item, .c-shop-exhibition-modal__content .right.stage1 .mobile .item {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  background-color: #ebebeb;
  color: #218ccc;
  font-size: 14px;
}
.c-modal-shop__content .right.stage1 .mobile .actions, .c-modal-shop--keys__content .right.stage1 .mobile .actions, .c-modal-shop--guru-review__content .right.stage1 .mobile .actions, .c-modal-shop--auto-fill__content .right.stage1 .mobile .actions, .c-modal-shop--swap__content .right.stage1 .mobile .actions, .c-shop-exhibition-modal__content .right.stage1 .mobile .actions {
  display: block;
}
.c-modal-shop__content .right.stage1 .mobile .actions .close, .c-modal-shop--keys__content .right.stage1 .mobile .actions .close, .c-modal-shop--guru-review__content .right.stage1 .mobile .actions .close, .c-modal-shop--auto-fill__content .right.stage1 .mobile .actions .close, .c-modal-shop--swap__content .right.stage1 .mobile .actions .close, .c-shop-exhibition-modal__content .right.stage1 .mobile .actions .close {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  color: #999;
  font-size: 14px;
}
.c-modal-shop__content .right.stage1 .mobile .actions .close:last-child, .c-modal-shop--keys__content .right.stage1 .mobile .actions .close:last-child, .c-modal-shop--guru-review__content .right.stage1 .mobile .actions .close:last-child, .c-modal-shop--auto-fill__content .right.stage1 .mobile .actions .close:last-child, .c-modal-shop--swap__content .right.stage1 .mobile .actions .close:last-child, .c-shop-exhibition-modal__content .right.stage1 .mobile .actions .close:last-child {
  border: none;
}
.c-modal-shop__content .right.stage2, .c-modal-shop--keys__content .right.stage2, .c-modal-shop--guru-review__content .right.stage2, .c-modal-shop--auto-fill__content .right.stage2, .c-modal-shop--swap__content .right.stage2, .c-shop-exhibition-modal__content .right.stage2 {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .right.stage2 .card-exist, .c-modal-shop--keys__content .right.stage2 .card-exist, .c-modal-shop--guru-review__content .right.stage2 .card-exist, .c-modal-shop--auto-fill__content .right.stage2 .card-exist, .c-modal-shop--swap__content .right.stage2 .card-exist, .c-shop-exhibition-modal__content .right.stage2 .card-exist {
  margin: 70px 0 0;
  min-height: 200px;
}
.c-modal-shop__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-modal-shop__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-modal-shop--keys__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--keys__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-modal-shop--guru-review__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--guru-review__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-modal-shop--auto-fill__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--auto-fill__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-modal-shop--swap__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-shop--swap__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--blue--s--, .c-shop-exhibition-modal__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--, fixed-footer .c-shop-exhibition-modal__content .right.stage2 .card-exist .fix-footer__btn--s--, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--white, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--white, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--white, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--white, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--white, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--white, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--red, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--red, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--red, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--red, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--red, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--red, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--grey, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--grey, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--grey, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--grey, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--grey, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--grey, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--instagram, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--instagram, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--instagram, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--instagram, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--instagram, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--instagram {
  display: inline-block;
  margin: 10px 15px;
  background-color: #218ccc;
  font-weight: 600;
}
.c-modal-shop__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-modal-shop__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-modal-shop--keys__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--keys__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--guru-review__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--auto-fill__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-modal-shop--swap__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-modal-shop--swap__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--blue--s--:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist fixed-footer .fix-footer__btn--s--:hover, fixed-footer .c-shop-exhibition-modal__content .right.stage2 .card-exist .fix-footer__btn--s--:hover, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--white:hover, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--white:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--white:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--white:hover, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--white:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--white:hover, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--red:hover, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--red:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--red:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--red:hover, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--red:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--red:hover, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--grey:hover, .c-modal-shop__content .right.stage2 .card-exist .gs-btn--instagram:hover, .c-modal-shop--keys__content .right.stage2 .card-exist .gs-btn--instagram:hover, .c-modal-shop--guru-review__content .right.stage2 .card-exist .gs-btn--instagram:hover, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .gs-btn--instagram:hover, .c-modal-shop--swap__content .right.stage2 .card-exist .gs-btn--instagram:hover, .c-shop-exhibition-modal__content .right.stage2 .card-exist .gs-btn--instagram:hover {
  background-color: #106CC8;
}
.c-modal-shop__content .right.stage2 .card-exist .card-block, .c-modal-shop--keys__content .right.stage2 .card-exist .card-block, .c-modal-shop--guru-review__content .right.stage2 .card-exist .card-block, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .card-block, .c-modal-shop--swap__content .right.stage2 .card-exist .card-block, .c-shop-exhibition-modal__content .right.stage2 .card-exist .card-block {
  display: block;
  padding: 0;
  width: 100%;
}
.c-modal-shop__content .right.stage2 .card-exist .card-block span, .c-modal-shop--keys__content .right.stage2 .card-exist .card-block span, .c-modal-shop--guru-review__content .right.stage2 .card-exist .card-block span, .c-modal-shop--auto-fill__content .right.stage2 .card-exist .card-block span, .c-modal-shop--swap__content .right.stage2 .card-exist .card-block span, .c-shop-exhibition-modal__content .right.stage2 .card-exist .card-block span {
  color: #2C7FA6;
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .right.stage2 .card-exist, .c-modal-shop--keys__content .right.stage2 .card-exist, .c-modal-shop--guru-review__content .right.stage2 .card-exist, .c-modal-shop--auto-fill__content .right.stage2 .card-exist, .c-modal-shop--swap__content .right.stage2 .card-exist, .c-shop-exhibition-modal__content .right.stage2 .card-exist {
    margin: 0;
    min-height: 100px;
  }
}
.c-modal-shop__content .right.stage2_1, .c-modal-shop--keys__content .right.stage2_1, .c-modal-shop--guru-review__content .right.stage2_1, .c-modal-shop--auto-fill__content .right.stage2_1, .c-modal-shop--swap__content .right.stage2_1, .c-shop-exhibition-modal__content .right.stage2_1 {
  text-align: left;
}
.c-modal-shop__content .right.stage2_1 .form-block, .c-modal-shop--keys__content .right.stage2_1 .form-block, .c-modal-shop--guru-review__content .right.stage2_1 .form-block, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block, .c-modal-shop--swap__content .right.stage2_1 .form-block, .c-shop-exhibition-modal__content .right.stage2_1 .form-block {
  display: block;
  margin: 20px 0 10px;
  padding: 0;
  min-height: 209px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .right.stage2_1 .form-block label, .c-modal-shop--keys__content .right.stage2_1 .form-block label, .c-modal-shop--guru-review__content .right.stage2_1 .form-block label, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block label, .c-modal-shop--swap__content .right.stage2_1 .form-block label, .c-shop-exhibition-modal__content .right.stage2_1 .form-block label {
  display: block;
  margin: 10px 0 5px;
  color: #666;
  font-size: 14px;
  cursor: default;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .right.stage2_1 .form-block label, .c-modal-shop--keys__content .right.stage2_1 .form-block label, .c-modal-shop--guru-review__content .right.stage2_1 .form-block label, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block label, .c-modal-shop--swap__content .right.stage2_1 .form-block label, .c-shop-exhibition-modal__content .right.stage2_1 .form-block label {
    font-size: 12px;
  }
}
.c-modal-shop__content .right.stage2_1 .form-block input, .c-modal-shop--keys__content .right.stage2_1 .form-block input, .c-modal-shop--guru-review__content .right.stage2_1 .form-block input, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block input, .c-modal-shop--swap__content .right.stage2_1 .form-block input, .c-shop-exhibition-modal__content .right.stage2_1 .form-block input {
  padding: 5px;
  width: 100%;
  border: 2px solid #f1f1f1;
  color: #444;
  text-align: left;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop__content .right.stage2_1 .form-block input:focus, .c-modal-shop--keys__content .right.stage2_1 .form-block input:focus, .c-modal-shop--guru-review__content .right.stage2_1 .form-block input:focus, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block input:focus, .c-modal-shop--swap__content .right.stage2_1 .form-block input:focus, .c-shop-exhibition-modal__content .right.stage2_1 .form-block input:focus {
  border: 2px solid #218ccc;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .right.stage2_1 .form-block input, .c-modal-shop--keys__content .right.stage2_1 .form-block input, .c-modal-shop--guru-review__content .right.stage2_1 .form-block input, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block input, .c-modal-shop--swap__content .right.stage2_1 .form-block input, .c-shop-exhibition-modal__content .right.stage2_1 .form-block input {
    font-size: 12px;
  }
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-block, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block {
  display: block;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-block label span, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label span, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label span, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label span, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label span, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label span {
  color: #666666;
  vertical-align: middle;
  font-size: 12px;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img {
  display: inline-block;
  height: 22px;
  vertical-align: middle;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img + .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-block label img {
  margin-left: 5px;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-inline-block, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-inline-block, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-inline-block, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-inline-block, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-inline-block, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-inline-block {
  display: inline-block;
  margin: 0 20px 0 0;
  width: 30%;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-inline-block--name, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-inline-block--name, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-inline-block--name, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-inline-block--name, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-inline-block--name, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-inline-block--name {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 50%;
}
.c-modal-shop__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child, .c-modal-shop--keys__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child, .c-modal-shop--guru-review__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child, .c-modal-shop--swap__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child, .c-shop-exhibition-modal__content .right.stage2_1 .form-block .c-input-inline-block--name:first-child {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content .right.stage2_1 .form-block, .c-modal-shop--keys__content .right.stage2_1 .form-block, .c-modal-shop--guru-review__content .right.stage2_1 .form-block, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block, .c-modal-shop--swap__content .right.stage2_1 .form-block, .c-shop-exhibition-modal__content .right.stage2_1 .form-block {
    margin: 0;
    min-height: 0;
  }
  .c-modal-shop__content .right.stage2_1 .form-block label, .c-modal-shop--keys__content .right.stage2_1 .form-block label, .c-modal-shop--guru-review__content .right.stage2_1 .form-block label, .c-modal-shop--auto-fill__content .right.stage2_1 .form-block label, .c-modal-shop--swap__content .right.stage2_1 .form-block label, .c-shop-exhibition-modal__content .right.stage2_1 .form-block label {
    margin: 4px 0 0;
  }
}
.c-modal-shop__content .right.stage2_1 .title, .c-modal-shop--keys__content .right.stage2_1 .title, .c-modal-shop--guru-review__content .right.stage2_1 .title, .c-modal-shop--auto-fill__content .right.stage2_1 .title, .c-modal-shop--swap__content .right.stage2_1 .title, .c-shop-exhibition-modal__content .right.stage2_1 .title, .c-modal-shop__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .c-modal-shop--keys__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .c-modal-shop--guru-review__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .c-modal-shop--auto-fill__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .c-modal-shop--swap__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-shop__content .right.stage2_1 .title-mobile, .challenges .challengeToggle .c-modal-shop--keys__content .right.stage2_1 .title-mobile, .challenges .challengeToggle .c-modal-shop--guru-review__content .right.stage2_1 .title-mobile, .challenges .challengeToggle .c-modal-shop--auto-fill__content .right.stage2_1 .title-mobile, .challenges .challengeToggle .c-modal-shop--swap__content .right.stage2_1 .title-mobile, .c-shop-exhibition-modal__content .right.stage2_1 .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-shop-exhibition-modal__content .right.stage2_1 .title-mobile {
  font-size: 18px;
}
.c-modal-shop__content .right.stage3, .c-modal-shop--keys__content .right.stage3, .c-modal-shop--guru-review__content .right.stage3, .c-modal-shop--auto-fill__content .right.stage3, .c-modal-shop--swap__content .right.stage3, .c-shop-exhibition-modal__content .right.stage3 {
  position: relative;
}
.c-modal-shop__content .right.stage3 .thank-you, .c-modal-shop--keys__content .right.stage3 .thank-you, .c-modal-shop--guru-review__content .right.stage3 .thank-you, .c-modal-shop--auto-fill__content .right.stage3 .thank-you, .c-modal-shop--swap__content .right.stage3 .thank-you, .c-shop-exhibition-modal__content .right.stage3 .thank-you {
  padding-top: 113px;
  height: 255px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
}
.c-modal-shop__content .right.stage3 .thank-you span, .c-modal-shop--keys__content .right.stage3 .thank-you span, .c-modal-shop--guru-review__content .right.stage3 .thank-you span, .c-modal-shop--auto-fill__content .right.stage3 .thank-you span, .c-modal-shop--swap__content .right.stage3 .thank-you span, .c-shop-exhibition-modal__content .right.stage3 .thank-you span {
  display: block;
  font-weight: 300;
}
.c-modal-shop__content .c-discount-label, .c-modal-shop--keys__content .c-discount-label, .c-modal-shop--guru-review__content .c-discount-label, .c-modal-shop--auto-fill__content .c-discount-label, .c-modal-shop--swap__content .c-discount-label, .c-shop-exhibition-modal__content .c-discount-label {
  position: absolute;
  top: -12px;
  right: -50px;
  display: inline-block;
  color: #3397d2;
  font-size: 41px;
}
.c-modal-shop__content .c-discount-label span, .c-modal-shop--keys__content .c-discount-label span, .c-modal-shop--guru-review__content .c-discount-label span, .c-modal-shop--auto-fill__content .c-discount-label span, .c-modal-shop--swap__content .c-discount-label span, .c-shop-exhibition-modal__content .c-discount-label span {
  position: absolute;
  top: 8px;
  left: 6px;
  z-index: 1;
  color: #fff;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .c-modal-shop__content, .c-modal-shop--keys__content, .c-modal-shop--guru-review__content, .c-modal-shop--auto-fill__content, .c-modal-shop--swap__content, .c-shop-exhibition-modal__content {
    flex-direction: column;
  }
  .c-modal-shop__content .left, .c-modal-shop--keys__content .left, .c-modal-shop--guru-review__content .left, .c-modal-shop--auto-fill__content .left, .c-modal-shop--swap__content .left, .c-shop-exhibition-modal__content .left {
    padding: 10px;
    width: auto;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 0;
  }
  .c-modal-shop__content .left p, .c-modal-shop--keys__content .left p, .c-modal-shop--guru-review__content .left p, .c-modal-shop--auto-fill__content .left p, .c-modal-shop--swap__content .left p, .c-shop-exhibition-modal__content .left p {
    display: none;
  }
  .c-modal-shop__content .right, .c-modal-shop--keys__content .right, .c-modal-shop--guru-review__content .right, .c-modal-shop--auto-fill__content .right, .c-modal-shop--swap__content .right, .c-shop-exhibition-modal__content .right {
    padding: 10px 30px !important;
    min-height: 100px;
    width: auto;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
  }
  .c-modal-shop__content .right.stage1 md-radio-group, .c-modal-shop--keys__content .right.stage1 md-radio-group, .c-modal-shop--guru-review__content .right.stage1 md-radio-group, .c-modal-shop--auto-fill__content .right.stage1 md-radio-group, .c-modal-shop--swap__content .right.stage1 md-radio-group, .c-shop-exhibition-modal__content .right.stage1 md-radio-group,
  .c-modal-shop__content .right.stage1 .c-actions,
  .c-modal-shop--keys__content .right.stage1 .c-actions,
  .c-modal-shop--guru-review__content .right.stage1 .c-actions,
  .c-modal-shop--auto-fill__content .right.stage1 .c-actions,
  .c-modal-shop--swap__content .right.stage1 .c-actions,
  .c-shop-exhibition-modal__content .right.stage1 .c-actions {
    display: none;
  }
  .c-modal-shop__content .right.stage1 .mobile, .c-modal-shop--keys__content .right.stage1 .mobile, .c-modal-shop--guru-review__content .right.stage1 .mobile, .c-modal-shop--auto-fill__content .right.stage1 .mobile, .c-modal-shop--swap__content .right.stage1 .mobile, .c-shop-exhibition-modal__content .right.stage1 .mobile {
    display: block;
  }
  .c-modal-shop__content .right.stage2, .c-modal-shop--keys__content .right.stage2, .c-modal-shop--guru-review__content .right.stage2, .c-modal-shop--auto-fill__content .right.stage2, .c-modal-shop--swap__content .right.stage2, .c-shop-exhibition-modal__content .right.stage2,
  .c-modal-shop__content .right.stage2_1,
  .c-modal-shop--keys__content .right.stage2_1,
  .c-modal-shop--guru-review__content .right.stage2_1,
  .c-modal-shop--auto-fill__content .right.stage2_1,
  .c-modal-shop--swap__content .right.stage2_1,
  .c-shop-exhibition-modal__content .right.stage2_1 {
    padding: 10px;
    min-height: 0;
  }
  .c-modal-shop__content .right.stage3, .c-modal-shop--keys__content .right.stage3, .c-modal-shop--guru-review__content .right.stage3, .c-modal-shop--auto-fill__content .right.stage3, .c-modal-shop--swap__content .right.stage3, .c-shop-exhibition-modal__content .right.stage3 {
    padding: 20px 20px 0;
  }
}

.c-modal-shop--swap__content .left img {
  margin-top: -150px;
}

.c-modal-shop--auto-fill__content .left img {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-shop--auto-fill__content .left img {
    margin-top: 0;
  }
}

.c-modal-shop--guru-review {
  min-height: 300px !important;
}
.c-modal-shop--guru-review md-dialog-content {
  min-height: 100px;
}

.c-modal-shop--guru-review__content {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-shop--guru-review__content .left {
  padding: 0 30px;
}
.c-modal-shop--guru-review__content .left img {
  margin-top: -170px;
  width: 296px;
}
.c-modal-shop--guru-review__content .left h4 {
  margin: 10px auto 44px;
  font-weight: 700;
  font-size: 29px;
}
.c-modal-shop--guru-review__content .right.stage1 {
  padding: 20px;
}
.c-modal-shop--guru-review__content .right.stage1 md-radio-button {
  text-align: left;
}
.c-modal-shop--guru-review__content .right.stage1 md-radio-button .md-container {
  position: relative;
  left: inherit;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  transform: none;
}
.c-modal-shop--guru-review__content .right.stage1 md-radio-button .md-label {
  display: inline-block;
  width: 240px;
  vertical-align: middle;
}
.c-modal-shop--guru-review__content .right.stage1 md-radio-button .md-label .description {
  display: block;
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .c-modal-shop--guru-review__content .right.stage1 {
    padding: 0;
  }
}

.c-modal-shop--guru-review__pack-info {
  margin: 10px auto;
  padding: 15px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.14), 0 1px 14px 0 rgba(0, 0, 0, 0.12);
  color: #000;
  text-align: left;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .c-modal-shop--guru-review__pack-info {
    display: none;
  }
}

.c-modal-shop--guru-review__pack-info__title {
  margin-bottom: 5px;
  font-weight: 600;
  font-size: 16px;
}

.c-modal-shop--guru-review__pack-info__desc {
  font-size: 14px;
}

.c-modal-shop--keys__content .left img {
  margin: -30px -30px 0 -30px;
  width: calc(100% + 60px);
}
.c-modal-shop--keys__content .left img.c-mobile-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .c-modal-shop--keys__content .left img {
    margin: 0;
  }
  .c-modal-shop--keys__content .left img.c-desktop-only {
    display: none;
  }
  .c-modal-shop--keys__content .left img.c-mobile-only {
    display: block;
    width: 100%;
    margin: -10px -10px 0 -10px;
  }
}

modal-start-match {
  display: block;
  color: #313030;
  text-align: center;
}
modal-start-match .match-challenge {
  margin: 38px 0;
  pointer-events: none;
}
modal-start-match .match-challenge .gs-challenge__match-title {
  top: 50px;
}
modal-start-match .match-challenge .gs-challenge__data__action {
  display: none;
}
modal-start-match .match-challenge .gs-challenge__match-timer {
  top: 103px;
}

.modal-start-match {
  border-radius: 12px;
  width: 350px;
  max-width: unset;
}

.modal-start-match__content {
  padding-top: 38px;
}

.modal-start-match__title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

.modal-start-match__subtitle {
  font-size: 11px;
  text-transform: uppercase;
}

.modal-start-match__actions {
  border-top: unset !important;
  justify-content: center;
  padding: 0;
  margin-bottom: 38px;
}
.modal-start-match__actions button {
  width: 120px;
  height: 36px;
  border: unset;
  margin-right: 20px;
}
.modal-start-match__actions button:last-child {
  margin-right: unset;
}

.modal-start-match__close {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 9px;
  padding: 4px;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

modal-status-up {
  display: block;
  overflow: visible;
  text-align: center;
}

.c-modal-status-up {
  overflow: visible;
  max-width: none;
  border-radius: 11px;
  background-color: #fff;
}

.c-modal-status-up__close-btn {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  transform: translateZ(0);
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.c-modal-status-up__close-btn:hover {
  transform: translateZ(0) rotate(180deg);
}

.c-modal-status-up__content {
  position: relative;
  overflow: visible;
  min-width: 300px;
  min-height: 300px;
  max-width: 90vw;
  padding: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-status-up__content.no-borders {
  padding: 15px 0;
}
@media screen and (max-width: 434px) {
  .c-modal-status-up__content {
    min-width: inherit;
    min-height: 100px;
  }
}

.c-modal-status-up__up-arrow {
  position: absolute;
  right: 0;
  bottom: 100%;
  left: 0;
  width: 70px;
  height: 25px;
  margin: 0 auto;
  text-align: center;
  background-color: #fff;
}
.c-modal-status-up__up-arrow:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 auto;
  content: "";
  transform: translateX(-50%);
  border-width: 0 50px 50px 50px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.c-modal-status-up__up-arrow > div {
  position: relative;
  margin-top: -15px;
  color: #000;
  font-size: 12px;
  font-weight: 800;
  line-height: 0.9;
}
.c-modal-status-up__up-arrow > div span {
  display: block;
  font-size: 36px;
}

.c-modal-status-up__title {
  margin: 15px auto;
  padding: 0 10px;
  letter-spacing: -0.5px;
  color: #228cc7;
  font-size: 23px;
  font-weight: 400;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 434px) {
  .c-modal-status-up__title {
    font-size: 18px;
  }
}

.c-modal-status-up__badge {
  width: 90%;
}

.c-modal-status-up__actions {
  position: relative;
  display: block;
  overflow: visible;
  padding: 0;
  text-align: center;
  background-color: transparent !important;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 434px) {
  .c-modal-status-up__actions .gs-btn--grey,
  .c-modal-status-up__actions .gs-btn--blue--s--,
  .c-modal-status-up__actions fixed-footer .fix-footer__btn--s--,
  fixed-footer .c-modal-status-up__actions .fix-footer__btn--s--,
  .c-modal-status-up__actions .gs-btn--white,
  .c-modal-status-up__actions .gs-btn--red,
  .c-modal-status-up__actions .gs-btn--instagram {
    font-size: 12px;
  }
}

.c-modal-status-up__share {
  display: inline-block;
  margin: 10px;
  vertical-align: middle;
  font-size: 0;
}

.c-modal-status-up__share__item {
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  transition: 0.1s linear;
  vertical-align: top;
  color: #fff;
  border-radius: 4px;
  font-size: 26px;
  line-height: 40px;
}
.c-modal-status-up__share__item:hover {
  font-size: 32px;
}
.c-modal-status-up__share__item + .c-modal-status-up__share__item {
  margin-left: 5px;
}
.c-modal-status-up__share__item.icon-facebook {
  background-color: #3b5999;
}
.c-modal-status-up__share__item.icon-twitter {
  background-color: #47B7FF;
}
.c-modal-status-up__share__item.icon-chain {
  background-color: #444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 900px) {
  .c-modal-status-up__share__item.icon-chain {
    display: none;
  }
}

.c-modal-status-up__next {
  position: absolute;
  top: 50%;
  right: 20px;
  cursor: pointer;
  transform: translateY(-51%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-modal-status-up__next:hover i {
  opacity: 0.8;
}
.c-modal-status-up__next span {
  vertical-align: middle;
  color: #444;
  font-size: 14px;
  font-weight: 400;
}
.c-modal-status-up__next i {
  width: 35px;
  height: 35px;
  margin-left: 3px;
  transition: 0.5s ease;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: #218ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 18px;
  font-weight: 400;
  line-height: 35px;
}
@media screen and (max-width: 767px) {
  .c-modal-status-up__next span {
    display: none;
  }
}

.c-modal-status-up__rewards__banner {
  width: 100%;
  padding: 5px 0;
  background-color: #e1e1e1;
}
.c-modal-status-up__rewards__banner img {
  height: 100px;
}

.c-modal-status-up__rewards {
  position: relative;
  margin-top: 20px;
  text-align: center;
  font-size: 0;
}

.c-modal-status-up__rewards__item {
  display: inline-block;
}
.c-modal-status-up__rewards__item + .c-modal-status-up__rewards__item {
  margin-left: 20px;
}
.c-modal-status-up__rewards__item .round {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  color: #218ccc;
  border: 2px solid #218ccc;
  border-radius: 50%;
  font-size: 28px;
  line-height: 60px;
}
.c-modal-status-up__rewards__item .value {
  margin: 10px auto 5px;
  letter-spacing: -0.4px;
  color: #444;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}
.c-modal-status-up__rewards__item .title, .c-modal-status-up__rewards__item .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .c-modal-status-up__rewards__item .title-mobile {
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #228cc7;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

modal-successful-swap {
  display: block;
  max-width: 90%;
  max-height: 90%;
  text-align: center;
}
modal-successful-swap md-dialog {
  max-width: none !important;
}
modal-successful-swap md-dialog-actions {
  text-align: center;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #fff;
}
modal-successful-swap .c-modal-successful-swap {
  overflow: visible;
  width: 800px;
  max-width: 90% !important;
  margin: 0 auto;
  text-align: center;
  border-radius: 11px;
  background-color: #fff;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  modal-successful-swap .c-modal-successful-swap {
    max-width: 90vw !important;
  }
}
modal-successful-swap .c-modal-successful-swap__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
modal-successful-swap .c-modal-successful-swap__close:hover {
  transform: rotate(180deg);
}
modal-successful-swap .c-modal-successful-swap__content {
  position: relative;
  overflow: hidden;
  min-height: 300px;
  border-radius: 11px;
  background-color: #fff;
}
modal-successful-swap .c-modal-successful-swap__header {
  position: relative;
  width: 100%;
  padding: 10px 0;
  text-transform: uppercase;
  color: #444;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__header span {
  display: block;
  color: #999;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__header {
    padding: 10px 0 0;
    box-shadow: none;
    font-size: 16px;
  }
  modal-successful-swap .c-modal-successful-swap__header span {
    font-size: 14px;
  }
}
modal-successful-swap .c-modal-successful-swap__photos {
  position: relative;
  margin: 15px auto 65px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__photos {
    margin: 5px auto 35px;
  }
}
modal-successful-swap .c-modal-successful-swap__photo, modal-successful-swap .c-modal-successful-swap__photo--2, modal-successful-swap .c-modal-successful-swap__photo--1 {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  border: 5px solid #ccc;
  border-radius: 11px;
  background-color: #f1f1f1;
  background-size: cover;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
modal-successful-swap .c-modal-successful-swap__photo--1 {
  width: 120px;
  height: 120px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__photo--1:before {
  position: absolute;
  top: 50%;
  left: 100%;
  width: 40px;
  height: 10px;
  content: "";
  transform: translateY(-50%);
  background-color: #ccc;
}
modal-successful-swap .c-modal-successful-swap__photo--1:after {
  position: absolute;
  top: 50%;
  left: calc(100% + 40px);
  width: 0;
  height: 0;
  content: "";
  transform: translateY(-50%);
  border-width: 15px 0 15px 25px;
  border-style: solid;
  border-color: transparent transparent transparent #ccc;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__photo--1 {
    width: 100px;
    height: 100px;
  }
  modal-successful-swap .c-modal-successful-swap__photo--1:before {
    position: absolute;
    top: 50%;
    left: 100%;
    width: 20px;
    height: 5px;
    content: "";
    transform: translateY(-50%);
    background-color: #ccc;
  }
  modal-successful-swap .c-modal-successful-swap__photo--1:after {
    position: absolute;
    top: 50%;
    left: calc(100% + 20px);
    width: 0;
    height: 0;
    content: "";
    transform: translateY(-50%);
    border-width: 10px 0 10px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #ccc;
  }
}
modal-successful-swap .c-modal-successful-swap__photo--2 {
  width: 150px;
  height: 150px;
  margin-left: 70px;
  border-color: #2C7FA6;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__photo--2 {
    width: 117px;
    height: 117px;
    margin-left: 32px;
  }
}
modal-successful-swap .c-modal-successful-swap__photo__info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.89);
  font-size: 30px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__photo__info i {
  margin-bottom: 5px;
  line-height: 1;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__photo__info {
    font-size: 24px;
  }
}
modal-successful-swap .c-modal-successful-swap__photo__gained {
  position: absolute;
  z-index: 1;
  top: calc(100% + 10px);
  width: 100%;
  text-align: center;
  color: #444;
  font-size: 21px;
  font-weight: 600;
  line-height: 1.2;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__photo__gained span {
  display: block;
  color: #2C7FA6;
  text-shadow: 0 1px 4px #ccc;
  font-weight: 700;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__photo__gained {
    right: 5px;
    width: 234px;
    white-space: nowrap;
    font-size: 21px;
  }
  modal-successful-swap .c-modal-successful-swap__photo__gained span {
    display: inline-block;
    font-size: inherit;
  }
}
modal-successful-swap .c-modal-successful-swap__full-line {
  width: 100%;
  height: 0;
  border-top: 1px solid #ccc;
}
modal-successful-swap .c-modal-successful-swap__discover {
  position: relative;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__discover {
    padding: 0 10px;
  }
}
modal-successful-swap .c-modal-successful-swap__discover__title {
  position: relative;
  margin: 10px auto 0;
  text-transform: uppercase;
  color: #444;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__discover__title span {
  display: block;
  text-transform: none;
  color: #444;
  font-size: 18px;
  font-weight: 400;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__discover__title {
    font-size: 16px;
  }
  modal-successful-swap .c-modal-successful-swap__discover__title span {
    font-size: 14px;
  }
}
modal-successful-swap .c-modal-successful-swap__discover__photos {
  position: relative;
  margin: 0 auto;
  font-size: 0;
}
modal-successful-swap .c-modal-successful-swap__discover__photo {
  position: relative;
  display: inline-block;
  width: 140px;
  height: 140px;
  margin: 10px 15px;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 11px;
  background-color: #f1f1f1;
  background-size: cover;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-successful-swap .c-modal-successful-swap__discover__photo:hover .swap {
  transform: scale(1);
  opacity: 1;
}
modal-successful-swap .c-modal-successful-swap__discover__photo .swap {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  width: 90px;
  height: 90px;
  margin: 0 auto;
  padding-top: 30px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 50%;
  opacity: 0;
  color: #444;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  will-change: transform;
}
modal-successful-swap .c-modal-successful-swap__discover__photo .swap div {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
}
modal-successful-swap .c-modal-successful-swap__discover__photo .info {
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.89);
  font-size: 21px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__discover__photo {
    width: calc(33.3% - 10px);
    height: auto;
    margin: 5px;
    padding-bottom: calc(33.3% - 10px);
  }
  modal-successful-swap .c-modal-successful-swap__discover__photo .swap {
    display: none;
  }
  modal-successful-swap .c-modal-successful-swap__discover__photo .info {
    font-size: 14px;
  }
}
modal-successful-swap .c-modal-successful-swap__discover__hint {
  position: relative;
  padding: 15px;
  color: #000;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
  background-color: #f1f1f1;
  font-size: 14px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 629px) {
  modal-successful-swap .c-modal-successful-swap__discover__hint {
    display: none;
  }
}

modal-team-badges {
  display: block;
}
modal-team-badges .gs-close-btn, modal-team-badges .modal-close-btn {
  font-size: 8px;
}

.modal-team-badges {
  border-radius: 12px;
  border: solid 1px rgba(33, 140, 204, 0.3);
  width: 650px;
  min-height: 360px;
  padding: 52px 36px 0;
  max-width: unset;
  display: flex;
  flex-direction: column;
}

.modal-team-badges__actions {
  border-top: unset !important;
  justify-content: center;
  padding: 0;
  margin-bottom: 12px;
}
.modal-team-badges__actions .teams-btn {
  border: unset;
  background-color: #3397d2;
  color: white;
  font-size: 14px;
  width: 138px;
}

.modal-team-badges__content {
  max-height: 229px;
  margin-bottom: 16px;
  flex: 1;
}

.modal-team-badges__content__badge__wrapper {
  border-radius: 50%;
  display: inline-flex;
  width: 67px;
  height: 67px;
  margin: 0 14px 14px 0;
  align-items: center;
  justify-content: center;
}
.modal-team-badges__content__badge__wrapper.no-margin-right {
  margin-right: unset;
}
.modal-team-badges__content__badge__wrapper.modal-team-badges__content__badge-selected {
  border: solid 2px #3397d2 !important;
}

.modal-team-badges__content__badge {
  width: 57px;
  height: 57px;
  cursor: pointer;
}

modal-teams-confirm {
  display: block;
  color: #313030;
  text-align: center;
}

.modal-teams-confirm {
  border-radius: 12px;
  width: 350px;
  max-width: unset;
  padding: 40px 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.modal-teams-confirm__content > img {
  margin-bottom: 10px;
}

.modal-teams-confirm__title {
  font-size: 18px;
  font-weight: 800;
  margin-bottom: 10px;
}

.modal-teams-confirm__subtitle {
  font-size: 14px;
}

.modal-teams-confirm__actions {
  overflow: unset;
  margin-top: 25px;
  border-top: unset !important;
  justify-content: center;
  padding: 0;
  flex-direction: column;
}
.modal-teams-confirm__actions > div {
  font-size: 16px;
  font-weight: 600;
  width: 255px;
  height: 34px;
  margin-bottom: 10px;
}
.modal-teams-confirm__actions > div:last-child {
  margin-bottom: unset;
}

.modal-teams-confirm__close {
  background-color: rgba(0, 0, 0, 0.2);
  color: white;
  font-size: 9px;
  padding: 4px;
  border-radius: 50%;
  font-weight: bold;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}

modal-to-draft {
  display: block;
  overflow: visible;
  font-size: 0;
  line-height: 1;
}

.modal-to-draft {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.modal-to-draft__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.modal-to-draft__close:hover {
  transform: rotate(180deg);
}

.modal-to-draft__content {
  width: 100%;
  padding: 25px;
  border-radius: 11px;
  background-color: #fff;
}

.modal-to-draft__title {
  color: #3397d2;
  font-size: 22px;
  font-weight: 600;
}

.modal-to-draft__options {
  margin-top: 15px;
}

.modal-to-draft__option {
  cursor: pointer;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.modal-to-draft__option:hover {
  color: #3397d2;
}
.modal-to-draft__option + .modal-to-draft__option {
  margin-top: 10px;
}

.custom-message {
  border-radius: 4px;
  border-color: grey;
  margin-top: 10px;
  font-size: 15px !important;
}

.dev-border {
  border: #D3D3D3 1px solid;
}

.custom-label {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  width: 42px;
}

.costum-title {
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.character-count {
  display: block;
  font-size: 10px;
  margin-left: 20px;
  margin-top: 3px;
}

.custom-input {
  margin-top: -15px;
  width: 200px;
  height: 25px;
}

.send-button {
  color: white;
  background-color: #1E90FF;
  border-radius: 6px;
  height: 22px;
  font-size: 12px;
  margin-left: 135px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.label-wrapper {
  margin-top: 5px;
  display: inline-block;
}

.greyed-out {
  background-color: grey;
  opacity: 0.3;
}

modal-wix-offer {
  display: block;
  overflow: visible;
  text-align: center;
  font-size: 0;
  line-height: 1;
}

.c-modal-wix-offer {
  overflow: visible;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}

.c-modal-wix-offer__close {
  position: absolute;
  z-index: 1;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.c-modal-wix-offer__close:hover {
  transform: rotate(180deg);
}

.c-modal-wix-offer__content {
  max-width: calc(100vw - 20px);
  max-height: calc(100vh - 80px);
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
  overflow: visible;
}

.c-modal-wix-offer__title {
  padding: 25px;
  font-size: 21px;
  font-weight: 600;
  line-height: 0.81;
  letter-spacing: -0.4px;
  text-align: center;
  color: #000;
}
.c-modal-wix-offer__title img {
  display: inline-block;
  vertical-align: baseline;
  margin-left: 2px;
}
.c-modal-wix-offer__title .desc {
  margin-top: 10px;
  font-size: 16px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #000000;
  font-weight: 400;
}

.c-modal-wix-offer__image {
  max-width: 582px;
  width: 100%;
}

.c-modal-wix-offer__actions {
  padding: 25px;
  text-align: center;
}
.c-modal-wix-offer__actions .gs-btn--blue--s--, .c-modal-wix-offer__actions fixed-footer .fix-footer__btn--s--, fixed-footer .c-modal-wix-offer__actions .fix-footer__btn--s--, .c-modal-wix-offer__actions .gs-btn--white, .c-modal-wix-offer__actions .gs-btn--red, .c-modal-wix-offer__actions .gs-btn--grey, .c-modal-wix-offer__actions .gs-btn--instagram {
  font-size: 20px;
  vertical-align: middle;
}
.c-modal-wix-offer__actions .gs-text-btn {
  font-size: 20px;
  margin-left: 40px;
  vertical-align: middle;
}

modal-individual-leaderboard-info {
  display: block;
}
@media screen and (max-width: 767px) {
  modal-individual-leaderboard-info .modal-individual-leaderboard-info {
    padding-top: 60px;
  }
  modal-individual-leaderboard-info .modal-individual-leaderboard-info__content {
    width: 100vw;
    height: 100vh;
    padding: 30px 10px;
  }
  modal-individual-leaderboard-info .modal-individual-leaderboard-info__leagues {
    width: 100%;
  }
  modal-individual-leaderboard-info .modal-individual-leaderboard-info__leagues__item {
    width: 100%;
    height: 191px;
    padding: unset;
    flex-direction: column;
    justify-content: space-evenly;
  }
  modal-individual-leaderboard-info .modal-individual-leaderboard-info__leagues__item__badges {
    margin-left: unset;
  }
  modal-individual-leaderboard-info .modal-individual-leaderboard-info__leagues__item:last-child {
    margin-bottom: 10px;
  }
}

.modal-individual-leaderboard-info {
  position: relative;
  display: block;
  max-width: 100vw !important;
  max-height: none !important;
  background-color: transparent;
}
.modal-individual-leaderboard-info top-tab-menu {
  background-color: transparent;
}
.modal-individual-leaderboard-info top-tab-menu .top-tab-menu__item span {
  width: 94px;
  padding-bottom: 15px;
}
.modal-individual-leaderboard-info__content {
  position: relative;
  display: flex;
  width: 632px;
  height: 722px;
  padding: 30px 65px;
  border-radius: 11px;
  background-color: #fff;
}
.modal-individual-leaderboard-info__title {
  display: none;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 30px;
}
.modal-individual-leaderboard-info__wrapper {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: center;
}
.modal-individual-leaderboard-info__leagues__item {
  width: 562px;
  height: 101px;
  border-radius: 12px;
  margin-bottom: 10px;
  padding: 0 30px;
}
.modal-individual-leaderboard-info__leagues__item:last-child {
  margin-bottom: unset;
}

.md-dialog-container {
  z-index: 201;
}
.md-dialog-container .gs-close-btn, .md-dialog-container .modal-close-btn, .md-dialog-container gs-close-button {
  font-size: 13px;
  width: 24px;
  height: 24px;
}

md-dialog {
  border-radius: 20px;
  max-width: unset;
}

md-backdrop.md-opaque {
  opacity: 0.58;
}

.gs-notification-wrap, .gs-notification-alert, .gs-notification-team-intro-wrap, .gs-notification-info-wrap {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 90vw;
  margin: 0 auto;
  cursor: default;
}

.modal-close-btn {
  top: 10px;
  right: 10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
}

.gs-notification-modal, .gs-notification-team-intro, .gs-notification-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  border-radius: 12px;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 0;
  color: #313030;
}

.gs-notification-modal__title, .gs-notification-team-intro__title, .gs-notification-info__title {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__title, .gs-notification-team-intro__title, .gs-notification-info__title {
    font-size: 16px;
  }
}

.gs-notification-modal__desc, .gs-notification-team-intro__desc, .gs-notification-info__desc {
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: 30px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__desc, .gs-notification-team-intro__desc, .gs-notification-info__desc {
    font-size: 14px;
    text-align: center;
  }
}

.gs-notification-modal__btn, .gs-notification-team-intro__btn, .gs-notification-info__btn {
  width: 130px;
  height: 35px;
  font-size: 16px;
  flex-shrink: 0;
}

.gs-notification-alert, .gs-notification-team-intro-wrap, .gs-notification-info-wrap {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: 333ms scaleUp forwards;
  text-align: center;
  opacity: 0;
  line-height: 1;
}

.gs-notification-alert__message {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 400px;
  margin: 0 auto;
  padding: 25px 35px 25px 25px;
  transform: translate(-50%, -50%);
  text-align: left;
  white-space: nowrap;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.58);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__message {
    min-width: 305px;
    font-size: 14px;
  }
}

.gs-notification-alert__close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.gs-notification-alert__icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 36px;
  line-height: 1;
}

.gs-notification-alert__text {
  display: inline-block;
  width: calc(100% - 45px);
  max-width: 400px;
  vertical-align: middle;
  white-space: normal;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-notification-alert__text p {
  padding: 0;
}
.gs-notification-alert__text a {
  text-decoration: none;
  color: #2C7FA6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__text {
    font-size: 14px;
  }
}

.gs-notification-info-wrap {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-info-wrap {
    animation: unset;
    opacity: 1;
    transform: unset;
  }
}

.gs-notification-info {
  padding: 65px 35px 30px 35px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-info {
    width: 90vw;
    font-size: 14px;
    max-height: 80vh;
    justify-content: space-between;
  }
}

.gs-notification-large {
  width: 600px;
}

.gs-notification-small {
  width: 400px;
  text-align: center;
}
.gs-notification-small .gs-notification-info__desc {
  min-height: 50px;
}

.gs-notification-info__desc {
  max-height: 290px;
  overflow-y: auto;
  padding-right: 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-info__desc {
    max-height: unset;
  }
}

.gs-notification-wrap, .gs-notification-alert, .gs-notification-team-intro-wrap, .gs-notification-info-wrap {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 90vw;
  margin: 0 auto;
  cursor: default;
}

.modal-close-btn {
  top: 10px;
  right: 10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
}

.gs-notification-modal, .gs-notification-team-intro, .gs-notification-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  border-radius: 12px;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 0;
  color: #313030;
}

.gs-notification-modal__title, .gs-notification-team-intro__title, .gs-notification-info__title {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__title, .gs-notification-team-intro__title, .gs-notification-info__title {
    font-size: 16px;
  }
}

.gs-notification-modal__desc, .gs-notification-team-intro__desc, .gs-notification-info__desc {
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: 30px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__desc, .gs-notification-team-intro__desc, .gs-notification-info__desc {
    font-size: 14px;
    text-align: center;
  }
}

.gs-notification-modal__btn, .gs-notification-team-intro__btn, .gs-notification-info__btn {
  width: 130px;
  height: 35px;
  font-size: 16px;
  flex-shrink: 0;
}

.gs-notification-alert, .gs-notification-team-intro-wrap, .gs-notification-info-wrap {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: 333ms scaleUp forwards;
  text-align: center;
  opacity: 0;
  line-height: 1;
}

.gs-notification-alert__message {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 400px;
  margin: 0 auto;
  padding: 25px 35px 25px 25px;
  transform: translate(-50%, -50%);
  text-align: left;
  white-space: nowrap;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.58);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__message {
    min-width: 305px;
    font-size: 14px;
  }
}

.gs-notification-alert__close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.gs-notification-alert__icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 36px;
  line-height: 1;
}

.gs-notification-alert__text {
  display: inline-block;
  width: calc(100% - 45px);
  max-width: 400px;
  vertical-align: middle;
  white-space: normal;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-notification-alert__text p {
  padding: 0;
}
.gs-notification-alert__text a {
  text-decoration: none;
  color: #2C7FA6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__text {
    font-size: 14px;
  }
}

.gs-notification-team-intro {
  padding: 15px 15px 30px 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-team-intro {
    font-size: 14px;
    min-height: 274px;
  }
}

.gs-notification-team-intro__desc {
  max-width: 446px;
  font-size: 14px;
  text-align: center;
  line-height: 1.36;
}

.gs-notification-team-intro__img {
  margin-bottom: 40px;
}

.gs-notification-wrap, .gs-notification-alert, .gs-notification-info-wrap, .gs-notification-team-intro-wrap {
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 90vw;
  margin: 0 auto;
  cursor: default;
}

.modal-close-btn {
  top: 10px;
  right: 10px;
  font-size: 13px;
  width: 24px;
  height: 24px;
}

.gs-notification-modal, .gs-notification-info, .gs-notification-team-intro {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: left;
  border-radius: 12px;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  font-size: 0;
  color: #313030;
}

.gs-notification-modal__title, .gs-notification-info__title, .gs-notification-team-intro__title {
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  margin-bottom: 15px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__title, .gs-notification-info__title, .gs-notification-team-intro__title {
    font-size: 16px;
  }
}

.gs-notification-modal__desc, .gs-notification-info__desc, .gs-notification-team-intro__desc {
  font-size: 16px;
  line-height: 1.33;
  margin-bottom: 30px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-modal__desc, .gs-notification-info__desc, .gs-notification-team-intro__desc {
    font-size: 14px;
    text-align: center;
  }
}

.gs-notification-modal__btn, .gs-notification-info__btn, .gs-notification-team-intro__btn {
  width: 130px;
  height: 35px;
  font-size: 16px;
  flex-shrink: 0;
}

.gs-notification-alert, .gs-notification-info-wrap, .gs-notification-team-intro-wrap {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 50%;
  animation: 333ms scaleUp forwards;
  text-align: center;
  opacity: 0;
  line-height: 1;
}

.gs-notification-alert__message {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  min-width: 400px;
  margin: 0 auto;
  padding: 25px 35px 25px 25px;
  transform: translate(-50%, -50%);
  text-align: left;
  white-space: nowrap;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 10px 0 0 1000px rgba(0, 0, 0, 0.58);
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__message {
    min-width: 305px;
    font-size: 14px;
  }
}

.gs-notification-alert__close {
  position: absolute;
  top: 9px;
  right: 9px;
  cursor: pointer;
  color: #000;
  font-size: 16px;
  font-weight: 400;
}

.gs-notification-alert__icon {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
  color: #218ccc;
  font-size: 36px;
  line-height: 1;
}

.gs-notification-alert__text {
  display: inline-block;
  width: calc(100% - 45px);
  max-width: 400px;
  vertical-align: middle;
  white-space: normal;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-notification-alert__text p {
  padding: 0;
}
.gs-notification-alert__text a {
  text-decoration: none;
  color: #2C7FA6;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .gs-notification-alert__text {
    font-size: 14px;
  }
}

.gs-intro-step, .gs-intro-mobile-step-5, .gs-intro-step-6, .gs-intro-step--bottom, .gs-intro-step--top-right, .gs-intro-step--top-center, .gs-intro-step-teams-1 {
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 185px;
  padding: 0;
  transform: translate(-50%, 100%);
  border-radius: 10px;
  background-color: #fff;
  font-size: 14px;
  line-height: 1.3;
}
.gs-intro-step:after, .gs-intro-mobile-step-5:after, .gs-intro-step-6:after, .gs-intro-step--bottom:after, .gs-intro-step--top-right:after, .gs-intro-step--top-center:after, .gs-intro-step-teams-1:after, .gs-intro-step:before, .gs-intro-mobile-step-5:before, .gs-intro-step-6:before, .gs-intro-step--bottom:before, .gs-intro-step--top-right:before, .gs-intro-step--top-center:before, .gs-intro-step-teams-1:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  content: " ";
  pointer-events: none;
  border: solid transparent;
}
.gs-intro-step:after, .gs-intro-mobile-step-5:after, .gs-intro-step-6:after, .gs-intro-step--bottom:after, .gs-intro-step--top-right:after, .gs-intro-step--top-center:after, .gs-intro-step-teams-1:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.gs-intro-step:before, .gs-intro-mobile-step-5:before, .gs-intro-step-6:before, .gs-intro-step--bottom:before, .gs-intro-step--top-right:before, .gs-intro-step--top-center:before, .gs-intro-step-teams-1:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.gs-intro-step.gs-intro-step--top-right-mobile, .gs-intro-step--top-right-mobile.gs-intro-mobile-step-5, .gs-intro-step--top-right-mobile.gs-intro-step-6, .gs-intro-step--top-right-mobile.gs-intro-step--bottom, .gs-intro-step--top-right-mobile.gs-intro-step--top-right, .gs-intro-step--top-right-mobile.gs-intro-step--top-center, .gs-intro-step--top-right-mobile.gs-intro-step-teams-1 {
  transform: translate(50%, 50%) scale(0.75);
}
.gs-intro-step.gs-intro-step--top-right-mobile:before, .gs-intro-step--top-right-mobile.gs-intro-mobile-step-5:before, .gs-intro-step--top-right-mobile.gs-intro-step-6:before, .gs-intro-step--top-right-mobile.gs-intro-step--bottom:before, .gs-intro-step--top-right-mobile.gs-intro-step--top-right:before, .gs-intro-step--top-right-mobile.gs-intro-step--top-center:before, .gs-intro-step--top-right-mobile.gs-intro-step-teams-1:before {
  margin-left: -12px;
  transform: rotate(-90deg);
  left: -9px;
  top: 10%;
}
.gs-intro-step.gs-intro-step--top-right-mobile:after, .gs-intro-step--top-right-mobile.gs-intro-mobile-step-5:after, .gs-intro-step--top-right-mobile.gs-intro-step-6:after, .gs-intro-step--top-right-mobile.gs-intro-step--bottom:after, .gs-intro-step--top-right-mobile.gs-intro-step--top-right:after, .gs-intro-step--top-right-mobile.gs-intro-step--top-center:after, .gs-intro-step--top-right-mobile.gs-intro-step-teams-1:after {
  transform: rotate(-90deg);
  left: -9px;
  top: 10%;
}
.gs-intro-step.gs-intro-step--top-mobile, .gs-intro-step--top-mobile.gs-intro-mobile-step-5, .gs-intro-step--top-mobile.gs-intro-step-6, .gs-intro-step--top-mobile.gs-intro-step--bottom, .gs-intro-step--top-mobile.gs-intro-step--top-right, .gs-intro-step--top-mobile.gs-intro-step--top-center, .gs-intro-step--top-mobile.gs-intro-step-teams-1 {
  transform: translate(-50%, -65%);
}
.gs-intro-step.gs-intro-step--top-mobile:before, .gs-intro-step--top-mobile.gs-intro-mobile-step-5:before, .gs-intro-step--top-mobile.gs-intro-step-6:before, .gs-intro-step--top-mobile.gs-intro-step--bottom:before, .gs-intro-step--top-mobile.gs-intro-step--top-right:before, .gs-intro-step--top-mobile.gs-intro-step--top-center:before, .gs-intro-step--top-mobile.gs-intro-step-teams-1:before {
  bottom: 0;
  transform: rotate(180deg) translate(0, -100%);
}
.gs-intro-step.gs-intro-step--top-mobile:after, .gs-intro-step--top-mobile.gs-intro-mobile-step-5:after, .gs-intro-step--top-mobile.gs-intro-step-6:after, .gs-intro-step--top-mobile.gs-intro-step--bottom:after, .gs-intro-step--top-mobile.gs-intro-step--top-right:after, .gs-intro-step--top-mobile.gs-intro-step--top-center:after, .gs-intro-step--top-mobile.gs-intro-step-teams-1:after {
  margin-bottom: 1px;
  bottom: 0;
  transform: rotate(180deg) translate(0, -100%);
  border-bottom-color: #f1f1f1;
}
.gs-intro-step.gs-intro-step--top-left-mobile, .gs-intro-step--top-left-mobile.gs-intro-mobile-step-5, .gs-intro-step--top-left-mobile.gs-intro-step-6, .gs-intro-step--top-left-mobile.gs-intro-step--bottom, .gs-intro-step--top-left-mobile.gs-intro-step--top-right, .gs-intro-step--top-left-mobile.gs-intro-step--top-center, .gs-intro-step--top-left-mobile.gs-intro-step-teams-1 {
  bottom: 0;
  left: -10px;
  transform: translate(-100%, 50%);
}
.gs-intro-step.gs-intro-step--top-left-mobile:before, .gs-intro-step--top-left-mobile.gs-intro-mobile-step-5:before, .gs-intro-step--top-left-mobile.gs-intro-step-6:before, .gs-intro-step--top-left-mobile.gs-intro-step--bottom:before, .gs-intro-step--top-left-mobile.gs-intro-step--top-right:before, .gs-intro-step--top-left-mobile.gs-intro-step--top-center:before, .gs-intro-step--top-left-mobile.gs-intro-step-teams-1:before {
  transform: rotate(90deg) translate(100%, -100%);
  right: 0;
  top: -3px;
  bottom: unset;
  left: unset;
}
.gs-intro-step.gs-intro-step--top-left-mobile:after, .gs-intro-step--top-left-mobile.gs-intro-mobile-step-5:after, .gs-intro-step--top-left-mobile.gs-intro-step-6:after, .gs-intro-step--top-left-mobile.gs-intro-step--bottom:after, .gs-intro-step--top-left-mobile.gs-intro-step--top-right:after, .gs-intro-step--top-left-mobile.gs-intro-step--top-center:after, .gs-intro-step--top-left-mobile.gs-intro-step-teams-1:after {
  transform: rotate(90deg) translate(100%, -100%);
  right: 0;
  top: 0;
  bottom: unset;
  left: unset;
}

.gs-intro-step-teams-1 {
  width: 294px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.45);
  color: #1c1c1c;
  text-align: center;
  text-transform: none;
}
.gs-intro-step-teams-1 img {
  width: 104px;
  height: 76px;
  margin-top: 25px;
}

.gs-intro-step-teams-1__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.gs-intro-step-teams-1__text {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: normal;
}

.gs-intro-step--71 {
  top: 52px;
  right: -330px;
  bottom: auto;
  left: auto;
  transform: none;
}
.gs-intro-step--71:before, .gs-intro-step--71:after {
  display: none;
}

.gs-intro-step__title {
  padding: 20px 7px 10px;
  text-align: center;
  white-space: normal;
  color: #218ccc;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.gs-intro-step__text {
  padding: 0 20px 20px;
  white-space: normal;
  color: #000;
  font-size: 13px;
  font-weight: 300;
}
.gs-intro-step__text:hover {
  color: #000;
}

.gs-intro-step__actions {
  display: block;
  padding: 10px;
  text-align: center;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #f1f1f1;
}
.gs-intro-step__actions md-progress-linear .md-container {
  background-color: #ccc;
}
.gs-intro-step__actions .md-bar {
  background-color: #218ccc;
}

.gs-intro-step--top-center {
  top: calc(100% + 15px);
  bottom: inherit;
  left: 50%;
  transform: translateX(-50%);
}
.gs-intro-step--top-center:before, .gs-intro-step--top-center:after {
  left: 50%;
}

.gs-intro-step--top-right {
  left: -21%;
}
.gs-intro-step--top-right:before, .gs-intro-step--top-right:after {
  left: 79%;
}

.gs-intro-step--bottom {
  top: -20px;
  bottom: initial;
  transform: translate(-50%, -100%);
}
.gs-intro-step--bottom:before, .gs-intro-step--bottom:after {
  top: 100%;
  bottom: inherit;
  transform: rotate(180deg);
}

.gs-intro-step--bottom-right {
  transform: translate(-30%, 100%);
}

.gs-intro-step--bottom-left {
  transform: translate(-70%, 100%);
}

.gs-intro-step--mobile__text {
  width: 100%;
  padding: 5px 20px;
  white-space: normal;
  color: #000;
  font-weight: 400;
}
.gs-intro-step--mobile__text:hover {
  color: #000;
}

.onBoarding_step-1__close {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
.onBoarding_step-1__close:hover {
  transform: rotate(180deg);
}

.onBoarding_step-1__cover {
  position: relative;
  width: 100%;
  min-width: 600px;
  padding: 40px 20px 50px;
  background-repeat: no-repeat;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.onBoarding_step-1__cover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 520px) {
  .onBoarding_step-1__cover {
    min-width: 0;
  }
}

.onBoarding_step-1__cover__title {
  position: relative;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 520px) {
  .onBoarding_step-1__cover__title {
    font-size: 24px;
    line-height: 1.2;
  }
}

.onBoarding_step-1__cover__sub-title, .onBoarding_step-1__cover__sub-title--exhibit {
  position: relative;
  letter-spacing: 2px;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.onBoarding_step-1__cover__sub-title--exhibit {
  position: relative;
}

.onBoarding_step-1__content {
  position: relative;
  padding: 15px 15px 10px;
  background-color: #fff;
}
.onBoarding_step-1__content input {
  width: 100%;
}
.onBoarding_step-1__content .component-imageUploader {
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
.onBoarding_step-1__content .component-imageUploader .qq-upload-drop-area {
  min-height: 240px;
  border: none;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.onBoarding_step-1__content .component-imageUploader .qq-upload-drop-area:hover {
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  .onBoarding_step-1__content .component-imageUploader .qq-upload-drop-area {
    min-height: 280px !important;
  }
}
.onBoarding_step-1__content .component-imageUploader footer {
  box-shadow: none;
}

.on_boarding__step-1__uploader-actions__items {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
}

.on_boarding__step-1__uploader-actions__item, .on_boarding__step-1__google, .on_boarding__step-1__instagram, .on_boarding__step-1__upload {
  display: inline-block;
  width: 33.3%;
  text-align: center;
  vertical-align: middle;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper, .on_boarding__step-1__google .label-wrapper, .on_boarding__step-1__instagram .label-wrapper, .on_boarding__step-1__upload .label-wrapper {
  position: absolute;
  top: 55%;
  width: 172px;
  height: 172px;
  padding-top: 40px;
  transform: translateY(-50%);
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.on_boarding__step-1__uploader-actions__item .label-wrapper.instagram-btn, .on_boarding__step-1__google .label-wrapper.instagram-btn, .on_boarding__step-1__instagram .label-wrapper.instagram-btn, .on_boarding__step-1__upload .label-wrapper.instagram-btn {
  right: 15px;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper.device-btn, .on_boarding__step-1__google .label-wrapper.device-btn, .on_boarding__step-1__instagram .label-wrapper.device-btn, .on_boarding__step-1__upload .label-wrapper.device-btn {
  left: 15px;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper img, .on_boarding__step-1__google .label-wrapper img, .on_boarding__step-1__instagram .label-wrapper img, .on_boarding__step-1__upload .label-wrapper img {
  width: 105px;
  margin: 0 auto 5px;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper .title, .on_boarding__step-1__google .label-wrapper .title, .on_boarding__step-1__instagram .label-wrapper .title, .on_boarding__step-1__upload .label-wrapper .title, .on_boarding__step-1__uploader-actions__item .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__google .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__instagram .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__upload .label-wrapper .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .on_boarding__step-1__uploader-actions__item .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__google .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__instagram .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__upload .label-wrapper .title-mobile {
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper .device, .on_boarding__step-1__google .label-wrapper .device, .on_boarding__step-1__instagram .label-wrapper .device, .on_boarding__step-1__upload .label-wrapper .device {
  display: block;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper .device--mobile, .on_boarding__step-1__google .label-wrapper .device--mobile, .on_boarding__step-1__instagram .label-wrapper .device--mobile, .on_boarding__step-1__upload .label-wrapper .device--mobile {
  display: none;
}
.on_boarding__step-1__uploader-actions__item .label-wrapper .device--mobile.my-phone-fix, .on_boarding__step-1__google .label-wrapper .device--mobile.my-phone-fix, .on_boarding__step-1__instagram .label-wrapper .device--mobile.my-phone-fix, .on_boarding__step-1__upload .label-wrapper .device--mobile.my-phone-fix {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .on_boarding__step-1__uploader-actions__item .label-wrapper, .on_boarding__step-1__google .label-wrapper, .on_boarding__step-1__instagram .label-wrapper, .on_boarding__step-1__upload .label-wrapper {
    top: 50%;
    width: calc(100% - 20px);
    height: calc(100% - 45px);
    padding-top: 9px;
  }
  .on_boarding__step-1__uploader-actions__item .label-wrapper img, .on_boarding__step-1__google .label-wrapper img, .on_boarding__step-1__instagram .label-wrapper img, .on_boarding__step-1__upload .label-wrapper img {
    width: 60px;
  }
  .on_boarding__step-1__uploader-actions__item .label-wrapper .title, .on_boarding__step-1__google .label-wrapper .title, .on_boarding__step-1__instagram .label-wrapper .title, .on_boarding__step-1__upload .label-wrapper .title, .on_boarding__step-1__uploader-actions__item .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__google .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__instagram .label-wrapper .challenges .challengeToggle .title-mobile, .on_boarding__step-1__upload .label-wrapper .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .on_boarding__step-1__uploader-actions__item .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__google .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__instagram .label-wrapper .title-mobile, .challenges .challengeToggle .on_boarding__step-1__upload .label-wrapper .title-mobile {
    font-size: 12px !important;
  }
  .on_boarding__step-1__uploader-actions__item .label-wrapper .device, .on_boarding__step-1__google .label-wrapper .device, .on_boarding__step-1__instagram .label-wrapper .device, .on_boarding__step-1__upload .label-wrapper .device {
    display: none;
  }
  .on_boarding__step-1__uploader-actions__item .label-wrapper .device--mobile, .on_boarding__step-1__google .label-wrapper .device--mobile, .on_boarding__step-1__instagram .label-wrapper .device--mobile, .on_boarding__step-1__upload .label-wrapper .device--mobile {
    display: block;
  }
}

.on_boarding__step-1__uploader-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: auto !important;
  text-align: center;
  letter-spacing: -0.3px;
  text-transform: uppercase;
  color: #222;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}

.on_boarding__step-1__instagram {
  z-index: 10;
}

.on_boarding__step-1__google {
  z-index: 10;
}

/* onBoarding elements type 1 */
.onBoarding_step-1__cover--type1 {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 600px;
  padding: 20px 0;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.onBoarding_step-1__cover--type1 .line1 {
  letter-spacing: -0.5px;
  color: #333;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.21;
}
.onBoarding_step-1__cover--type1 .line2 {
  letter-spacing: -0.5px;
  color: #3397d2;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.15;
}
@media screen and (max-width: 520px) {
  .onBoarding_step-1__cover--type1 {
    min-width: 0;
  }
}

.onBoarding_step-1__actions--type1 {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 0 21.2px 3.8px rgba(0, 0, 0, 0.15);
}
.onBoarding_step-1__actions--type1.active .gs-btn--blue--s--, .onBoarding_step-1__actions--type1.active fixed-footer .fix-footer__btn--s--, fixed-footer .onBoarding_step-1__actions--type1.active .fix-footer__btn--s--, .onBoarding_step-1__actions--type1.active .gs-btn--white, .onBoarding_step-1__actions--type1.active .gs-btn--red, .onBoarding_step-1__actions--type1.active .gs-btn--grey, .onBoarding_step-1__actions--type1.active .gs-btn--instagram {
  transform: translateY(0);
}
.onBoarding_step-1__actions--type1 .gs-btn--blue--s--, .onBoarding_step-1__actions--type1 fixed-footer .fix-footer__btn--s--, fixed-footer .onBoarding_step-1__actions--type1 .fix-footer__btn--s--, .onBoarding_step-1__actions--type1 .gs-btn--white, .onBoarding_step-1__actions--type1 .gs-btn--red, .onBoarding_step-1__actions--type1 .gs-btn--grey, .onBoarding_step-1__actions--type1 .gs-btn--instagram {
  transition: transform 0.5s ease-in-out;
  transform: translateY(200%);
}
.onBoarding_step-1__actions--type1 md-progress-linear .md-container {
  background-color: #ccc;
}
.onBoarding_step-1__actions--type1 .md-bar {
  background-color: #218ccc;
}
.onBoarding_step-1__actions--type1 .gs-btn--blue--s--, .onBoarding_step-1__actions--type1 fixed-footer .fix-footer__btn--s--, fixed-footer .onBoarding_step-1__actions--type1 .fix-footer__btn--s--, .onBoarding_step-1__actions--type1 .gs-btn--white, .onBoarding_step-1__actions--type1 .gs-btn--red, .onBoarding_step-1__actions--type1 .gs-btn--grey, .onBoarding_step-1__actions--type1 .gs-btn--instagram {
  margin: 5px auto;
}

.onBoarding_step-12 {
  width: 600px;
  max-width: 90vw;
  text-align: center;
  border-radius: 15px;
}

.onBoarding_step-12__content {
  position: relative;
  padding: 0;
}

.onBoarding_step-12__cover {
  position: relative;
  width: 100%;
  padding: 40px 20px 50px;
  background-repeat: no-repeat;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.onBoarding_step-12__cover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 520px) {
  .onBoarding_step-12__cover {
    padding: 20px;
  }
}

.onBoarding_step-12__cover__title {
  position: relative;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
}

.onBoarding_step-12__cover__sub-title {
  position: relative;
  letter-spacing: 2px;
  color: #fff;
  font-family: Merriweather, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.onBoarding_step-12__main-block {
  padding: 40px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 520px) {
  .onBoarding_step-12__main-block {
    padding: 10px;
  }
}

.onBoarding_step-12__text {
  color: #222;
  font-size: 16px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 520px) {
  .onBoarding_step-12__text {
    font-size: 14px;
  }
}

.onBoarding_step-12__guru {
  margin-top: 20px;
  color: #666;
  font-size: 24px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.onBoarding_step-12__guru span, .onBoarding_step-12__guru i {
  vertical-align: middle;
}
@media screen and (max-width: 520px) {
  .onBoarding_step-12__guru {
    font-size: 16px;
  }
}

.onBoarding_step-2 {
  width: 600px;
  max-width: 90vw;
  text-align: center;
  border-radius: 15px;
}

.onBoarding_step-2__content {
  position: relative;
  overflow: hidden;
  padding: 25px 25px 0;
  text-align: center;
}

.onBoarding_step-2__title {
  color: #222;
  font-size: 18px;
  line-height: 1.3;
}

.onBoarding_step-2__img {
  margin: 15px auto -17px;
}

.onBoarding_step-2__actions {
  display: block;
  padding: 15px 0;
  text-align: center;
  background-color: #f1f1f1;
}
.onBoarding_step-2__actions md-progress-linear .md-container {
  background-color: #ccc;
}
.onBoarding_step-2__actions .md-bar {
  background-color: #218ccc;
}

.onBoarding_step-2__actions__link {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  text-decoration: none;
  color: #999;
  font-size: 14px;
  font-weight: 600;
}

.gs-intro-step-6 {
  width: 195px;
}

.gs-intro-step-6__text {
  padding: 0 20px;
  white-space: normal;
  color: #000;
  font-size: 13px;
  font-weight: 300;
}
.gs-intro-step-6__text:hover {
  color: #000;
}

.gs-intro-step-6__timeout {
  position: relative;
  width: 100%;
  margin: 5px auto 10px;
  padding-top: 5px;
  text-align: left;
  white-space: nowrap;
  /* labels for clock */
}
.gs-intro-step-6__timeout .title, .gs-intro-step-6__timeout .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-intro-step-6__timeout .title-mobile {
  margin-bottom: 5px;
  text-align: center;
  color: #000;
  font-size: 13px;
  font-weight: 300;
}
.gs-intro-step-6__timeout .labels {
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}
.gs-intro-step-6__timeout .labels .label {
  display: inline-block;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}
.gs-intro-step-6__timeout .labels .label:nth-child(1) {
  margin-left: 10px;
}
.gs-intro-step-6__timeout .labels .label:nth-child(2) {
  margin-left: 18px;
}
.gs-intro-step-6__timeout .labels .label:nth-child(3) {
  margin-left: 11px;
}
.gs-intro-step-6__timeout .labels .label:nth-child(4) {
  margin-left: 25px;
}
.gs-intro-step-6__timeout .flip-clock-wrapper {
  position: relative;
  overflow: hidden;
  height: 37px;
  margin: 0 auto;
  padding-left: 10px;
  transform: translateZ(0);
  text-align: center;
  font-size: 14px;
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul {
  width: calc(22px * 0.8);
  height: calc(22px * 1.4);
  margin: 0 calc(2px / 2);
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul li {
  line-height: calc(22px * 1.4);
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul li a div div.inn {
  font-size: 22px;
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul, .gs-intro-step-6__timeout .flip-clock-wrapper ul li a div div.inn {
  border-radius: 1px;
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul li a div.down {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.gs-intro-step-6__timeout .flip-clock-wrapper ul li a div.up:after {
  top: calc(calc(22px * 1.4) / 2 - 1px);
}
.gs-intro-step-6__timeout .flip-clock-dot.top {
  top: calc(calc(22px * 1.4) / 2 - 22px * 0.2 - 2px / 2);
}
.gs-intro-step-6__timeout .flip-clock-dot.bottom {
  top: calc(calc(22px * 1.4) / 2 + 22px * 0.2 - 2px / 2);
}
.gs-intro-step-6__timeout .flip-clock-dot {
  left: 2px;
  width: 2px;
  height: 2px;
}
.gs-intro-step-6__timeout .flip-clock-divider {
  width: 6px;
  height: 40px;
}
.gs-intro-step-6__timeout .flip-clock-divider:first-child {
  display: none;
}
.gs-intro-step-6__timeout .flip-clock-divider .flip-clock-label {
  right: -55px !important;
  display: none;
  color: #444;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.gs-intro-step--mobile__actions {
  padding: 10px;
}

.onBoarding-mobile_step-1__cover {
  position: relative;
  width: 100%;
  padding: 20px 10px;
  background-repeat: no-repeat;
  background-size: cover;
}
.onBoarding-mobile_step-1__cover:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.4);
}

.onBoarding-mobile_step-1__cover__title {
  position: relative;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.2;
}

.onBoarding-mobile_step-1__cover__sub-title, .onBoarding-mobile_step-1__cover__sub-title--exhibit {
  position: relative;
  margin-top: 5px;
  letter-spacing: 2px;
  color: #fff;
  font-family: Merriweather, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.onBoarding-mobile_step-1__cover__sub-title--exhibit {
  position: relative;
}

.onBoarding-mobile_step-1__content {
  position: relative;
  background-color: #fff;
  font-size: 0;
  line-height: 1;
}
.onBoarding-mobile_step-1__content .component-imageUploader {
  position: relative;
}
.onBoarding-mobile_step-1__content .c-upload-text-design--A {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 8px;
}

.gs-intro-mobile-step-5 {
  width: 195px;
}

.gs-intro-mobile-step-5__text {
  padding: 0 20px;
  white-space: normal;
  color: #000;
  font-size: 13px;
  font-weight: 300;
}
.gs-intro-mobile-step-5__text:hover {
  color: #000;
}

.gs-intro-step-mobile-5__timeout {
  position: relative;
  width: 100%;
  margin: 5px auto 10px;
  padding-top: 5px;
  text-align: left;
  white-space: nowrap;
  /* labels for clock */
}
.gs-intro-step-mobile-5__timeout .title, .gs-intro-step-mobile-5__timeout .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-intro-step-mobile-5__timeout .title-mobile {
  margin-bottom: 5px;
  text-align: center;
  color: #000;
  font-size: 13px;
  font-weight: 300;
}
.gs-intro-step-mobile-5__timeout .labels {
  margin: 0 auto;
  text-align: left;
  font-size: 0;
}
.gs-intro-step-mobile-5__timeout .labels .label {
  display: inline-block;
  color: #666;
  font-size: 12px;
  font-weight: 400;
}
.gs-intro-step-mobile-5__timeout .labels .label:nth-child(1) {
  margin-left: 10px;
}
.gs-intro-step-mobile-5__timeout .labels .label:nth-child(2) {
  margin-left: 18px;
}
.gs-intro-step-mobile-5__timeout .labels .label:nth-child(3) {
  margin-left: 11px;
}
.gs-intro-step-mobile-5__timeout .labels .label:nth-child(4) {
  margin-left: 25px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper {
  position: relative;
  overflow: hidden;
  height: 37px;
  margin: 0 auto;
  padding-left: 10px;
  transform: translateZ(0);
  text-align: center;
  font-size: 14px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul {
  width: calc(22px * 0.8);
  height: calc(22px * 1.4);
  margin: 0 calc(2px / 2);
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul li {
  line-height: calc(22px * 1.4);
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul li a div div.inn {
  font-size: 22px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul, .gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul li a div div.inn {
  border-radius: 1px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul li a div.down {
  border-bottom-right-radius: 1px;
  border-bottom-left-radius: 1px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-wrapper ul li a div.up:after {
  top: calc(calc(22px * 1.4) / 2 - 1px);
}
.gs-intro-step-mobile-5__timeout .flip-clock-dot.top {
  top: calc(calc(22px * 1.4) / 2 - 22px * 0.2 - 2px / 2);
}
.gs-intro-step-mobile-5__timeout .flip-clock-dot.bottom {
  top: calc(calc(22px * 1.4) / 2 + 22px * 0.2 - 2px / 2);
}
.gs-intro-step-mobile-5__timeout .flip-clock-dot {
  left: 2px;
  width: 2px;
  height: 2px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-divider {
  width: 6px;
  height: 40px;
}
.gs-intro-step-mobile-5__timeout .flip-clock-divider:first-child {
  display: none;
}
.gs-intro-step-mobile-5__timeout .flip-clock-divider .flip-clock-label {
  right: -55px !important;
  display: none;
  color: #444;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.gs-highlight {
  position: relative;
  z-index: 1000;
}
.gs-highlight:before {
  position: absolute !important;
  z-index: -1 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  content: "";
  transform: none !important;
  border: none !important;
  outline: 5000px rgba(0, 0, 0, 0.8) solid;
}

.c-expo-sale-toast {
  right: 0;
  padding: 5px;
  bottom: 30px !important;
  left: 0;
  margin: 0 auto;
  max-width: 490px;
  width: calc(100% - 10px);
  border-radius: 11px;
  background-color: #fff;
  text-align: center;
}

.c-expo-sale-toast__close {
  position: absolute;
  top: 3px;
  right: 7px;
  color: #444;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}

.c-expo-sale-toast__title {
  margin-bottom: 5px;
  color: #222222;
  text-align: center;
  letter-spacing: -0.4px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
}

.c-expo-sale-toast__desc {
  color: #222222;
  text-align: center;
  letter-spacing: -0.3px;
  font-size: 15px;
  line-height: 1.4;
}

.c-expo-sale-toast__table {
  margin: 10px auto 0;
  width: calc(100% - 10px);
}
.c-expo-sale-toast__table td, .c-expo-sale-toast__table th {
  padding: 5px;
  width: 1%;
  text-align: left;
}
.c-expo-sale-toast__table thead {
  background-color: #222222;
  color: #ffffff;
  letter-spacing: -0.3px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
}
.c-expo-sale-toast__table tbody td {
  color: #222222;
  letter-spacing: -0.3px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
}
.c-expo-sale-toast__table tbody tr:nth-child(even) {
  background: #ebebeb;
}
.c-expo-sale-toast__table tbody tr:nth-child(odd) {
  background: #d7d7d7;
}

.c-expo-selection-toast {
  right: 0;
  bottom: 30px !important;
  left: 0;
  margin: 0 auto;
  max-width: 600px;
  width: calc(100% - 10px);
  border-radius: 11px;
  background-color: #fff;
}

.c-expo-selection-toast__close {
  position: absolute;
  top: 3px;
  right: 7px;
  color: #444;
  font-weight: 600;
  font-size: 18px;
  cursor: pointer;
}

.c-expo-selection-toast__title {
  color: #222222;
  text-align: center;
  letter-spacing: -0.4px;
  font-weight: 600;
  font-size: 22px;
  line-height: 1;
}

.c-expo-selection-toast__desc {
  color: #222222;
  text-align: center;
  letter-spacing: -0.3px;
  font-size: 15px;
  line-height: 1.4;
}

.c-expo-selection-toast__items {
  margin-top: 15px;
  font-size: 0;
}

.c-expo-selection-toast__item {
  display: inline-block;
  padding: 0 5px;
  width: 33.3333333333%;
  border: 1px solid transparent;
  vertical-align: top;
  text-align: center;
}
.c-expo-selection-toast__item + .c-expo-selection-toast__item {
  border-left: 1px solid #ccc;
}

.c-expo-selection-toast__item__title {
  letter-spacing: -0.5px;
  font-weight: 600;
  font-size: 26px;
  line-height: 0.8;
}

.c-expo-selection-toast__item__desc {
  margin: 5px auto;
  color: #222222;
  text-align: center;
  letter-spacing: -0.3px;
  font-size: 14px;
  line-height: 1.5;
}

.c-expo-selection-toast__item__img {
  max-width: 50%;
}

.c-expo-selection-toast__item__img-desc {
  color: #222222;
  letter-spacing: -0.3px;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.6;
}

.c-toast-simple-message {
  min-width: inherit;
  padding: 10px;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #2f9e54;
  font-size: 16px;
  font-weight: 600;
}
.c-toast-simple-message.error {
  background-color: tomato;
}
.c-toast-simple-message.profile-settings {
  position: fixed;
  top: 100px;
  right: 20px;
  bottom: inherit;
  left: inherit;
  width: auto;
}

.c-toast-simple-message__icon {
  margin-right: 5px;
  vertical-align: middle;
  font-size: 24px;
}

.c-toast-simple-message__text {
  vertical-align: middle;
  white-space: pre-wrap;
}

.c-toast, .c-toast-suspended-images, .c-toast--try-swap, .c-toast-successful-swap, .c-toast--copy, .c-toast--friends {
  overflow: visible;
  padding: 20px 20px 10px;
  min-width: 0;
  max-width: 185px;
  width: auto;
  border-radius: 7px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  transition: 0.2s ease-in-out;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast--copy:after, .c-toast--friends:after, .c-toast:before, .c-toast-suspended-images:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast--copy:before, .c-toast--friends:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast--copy:after, .c-toast--friends:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.c-toast:before, .c-toast-suspended-images:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast--copy:before, .c-toast--friends:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.c-toast .gs-btn--blue--s--, .c-toast fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast .fix-footer__btn--s--, .c-toast-suspended-images .gs-btn--blue--s--, .c-toast-suspended-images fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-suspended-images .fix-footer__btn--s--, .c-toast--try-swap .gs-btn--blue--s--, .c-toast--try-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--try-swap .fix-footer__btn--s--, .c-toast-successful-swap .gs-btn--blue--s--, .c-toast-successful-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-successful-swap .fix-footer__btn--s--, .c-toast--copy .gs-btn--blue--s--, .c-toast--copy fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--copy .fix-footer__btn--s--, .c-toast--friends .gs-btn--blue--s--, .c-toast--friends fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--friends .fix-footer__btn--s--, .c-toast .gs-btn--white, .c-toast-suspended-images .gs-btn--white, .c-toast--try-swap .gs-btn--white, .c-toast-successful-swap .gs-btn--white, .c-toast--copy .gs-btn--white, .c-toast--friends .gs-btn--white, .c-toast .gs-btn--red, .c-toast-suspended-images .gs-btn--red, .c-toast--try-swap .gs-btn--red, .c-toast-successful-swap .gs-btn--red, .c-toast--copy .gs-btn--red, .c-toast--friends .gs-btn--red, .c-toast .gs-btn--grey, .c-toast-suspended-images .gs-btn--grey, .c-toast--try-swap .gs-btn--grey, .c-toast-successful-swap .gs-btn--grey, .c-toast--copy .gs-btn--grey, .c-toast--friends .gs-btn--grey, .c-toast .gs-btn--instagram, .c-toast-suspended-images .gs-btn--instagram, .c-toast--try-swap .gs-btn--instagram, .c-toast-successful-swap .gs-btn--instagram, .c-toast--copy .gs-btn--instagram, .c-toast--friends .gs-btn--instagram {
  margin: 10px auto;
}

.c-toast__image,
.c-toast__title,
.c-toast__title--successful-swap {
  color: #218ccc;
  font-weight: 700;
  font-size: 18px;
}

.c-toast__close_link {
  display: block;
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.c-toast__close_link:hover {
  text-decoration: underline;
}

.c-toast--friends {
  top: calc(100% + 10px);
  bottom: inherit !important;
  width: 300px;
}

.c-toast--copy {
  z-index: 1000;
  top: calc(100% + 11px);
  bottom: inherit !important;
  left: 50%;
  padding: 3px 10px;
  width: 155px;
  background-color: #444;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  transform: translateX(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-toast--copy:after {
  border-bottom-color: #444;
}
.c-toast--copy:before {
  border-bottom-color: rgba(69, 69, 69, 0.3);
}
@media screen and (max-width: 500px) {
  .c-toast--copy {
    width: 100%;
    white-space: normal;
  }
}

.c-toast, .c-toast-suspended-images, .c-toast--try-swap, .c-toast-successful-swap, .c-toast--friends, .c-toast--copy {
  overflow: visible;
  padding: 20px 20px 10px;
  min-width: 0;
  max-width: 185px;
  width: auto;
  border-radius: 7px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  transition: 0.2s ease-in-out;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast:before, .c-toast-suspended-images:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast--friends:before, .c-toast--copy:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast--friends:after, .c-toast--copy:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.c-toast:before, .c-toast-suspended-images:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast--friends:before, .c-toast--copy:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.c-toast .gs-btn--blue--s--, .c-toast fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast .fix-footer__btn--s--, .c-toast-suspended-images .gs-btn--blue--s--, .c-toast-suspended-images fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-suspended-images .fix-footer__btn--s--, .c-toast--try-swap .gs-btn--blue--s--, .c-toast--try-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--try-swap .fix-footer__btn--s--, .c-toast-successful-swap .gs-btn--blue--s--, .c-toast-successful-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-successful-swap .fix-footer__btn--s--, .c-toast--friends .gs-btn--blue--s--, .c-toast--friends fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--friends .fix-footer__btn--s--, .c-toast--copy .gs-btn--blue--s--, .c-toast--copy fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--copy .fix-footer__btn--s--, .c-toast .gs-btn--white, .c-toast-suspended-images .gs-btn--white, .c-toast--try-swap .gs-btn--white, .c-toast-successful-swap .gs-btn--white, .c-toast--friends .gs-btn--white, .c-toast--copy .gs-btn--white, .c-toast .gs-btn--red, .c-toast-suspended-images .gs-btn--red, .c-toast--try-swap .gs-btn--red, .c-toast-successful-swap .gs-btn--red, .c-toast--friends .gs-btn--red, .c-toast--copy .gs-btn--red, .c-toast .gs-btn--grey, .c-toast-suspended-images .gs-btn--grey, .c-toast--try-swap .gs-btn--grey, .c-toast-successful-swap .gs-btn--grey, .c-toast--friends .gs-btn--grey, .c-toast--copy .gs-btn--grey, .c-toast .gs-btn--instagram, .c-toast-suspended-images .gs-btn--instagram, .c-toast--try-swap .gs-btn--instagram, .c-toast-successful-swap .gs-btn--instagram, .c-toast--friends .gs-btn--instagram, .c-toast--copy .gs-btn--instagram {
  margin: 10px auto;
}

.c-toast__image,
.c-toast__title,
.c-toast__title--successful-swap {
  color: #218ccc;
  font-weight: 700;
  font-size: 18px;
}

.c-toast__close_link {
  display: block;
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.c-toast__close_link:hover {
  text-decoration: underline;
}

.c-toast--friends {
  top: calc(100% + 10px);
  bottom: inherit !important;
  width: 300px;
}

.c-toast--copy {
  z-index: 1000;
  top: calc(100% + 11px);
  bottom: inherit !important;
  left: 50%;
  padding: 3px 10px;
  width: 155px;
  background-color: #444;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  transform: translateX(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-toast--copy:after {
  border-bottom-color: #444;
}
.c-toast--copy:before {
  border-bottom-color: rgba(69, 69, 69, 0.3);
}
@media screen and (max-width: 500px) {
  .c-toast--copy {
    width: 100%;
    white-space: normal;
  }
}

.c-toast--try-swap, .c-toast-successful-swap {
  transform: translate(-50%, 104%);
  left: 50%;
}

.collection img.c-toast__image {
  opacity: 1;
}

.c-toast-successful-swap {
  padding: 10px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .c-toast-successful-swap {
    left: 50%;
    width: 100%;
  }
}

.c-toast__title--successful-swap {
  margin: 10px auto;
}

.c-toast, .c-toast-suspended-images, .c-toast--friends, .c-toast--copy, .c-toast--try-swap, .c-toast-successful-swap {
  overflow: visible;
  padding: 20px 20px 10px;
  min-width: 0;
  max-width: 185px;
  width: auto;
  border-radius: 7px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  transition: 0.2s ease-in-out;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast:before, .c-toast-suspended-images:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.c-toast:after, .c-toast-suspended-images:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.c-toast:before, .c-toast-suspended-images:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.c-toast .gs-btn--blue--s--, .c-toast fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast .fix-footer__btn--s--, .c-toast-suspended-images .gs-btn--blue--s--, .c-toast-suspended-images fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-suspended-images .fix-footer__btn--s--, .c-toast--friends .gs-btn--blue--s--, .c-toast--friends fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--friends .fix-footer__btn--s--, .c-toast--copy .gs-btn--blue--s--, .c-toast--copy fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--copy .fix-footer__btn--s--, .c-toast--try-swap .gs-btn--blue--s--, .c-toast--try-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--try-swap .fix-footer__btn--s--, .c-toast-successful-swap .gs-btn--blue--s--, .c-toast-successful-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-successful-swap .fix-footer__btn--s--, .c-toast .gs-btn--white, .c-toast-suspended-images .gs-btn--white, .c-toast--friends .gs-btn--white, .c-toast--copy .gs-btn--white, .c-toast--try-swap .gs-btn--white, .c-toast-successful-swap .gs-btn--white, .c-toast .gs-btn--red, .c-toast-suspended-images .gs-btn--red, .c-toast--friends .gs-btn--red, .c-toast--copy .gs-btn--red, .c-toast--try-swap .gs-btn--red, .c-toast-successful-swap .gs-btn--red, .c-toast .gs-btn--grey, .c-toast-suspended-images .gs-btn--grey, .c-toast--friends .gs-btn--grey, .c-toast--copy .gs-btn--grey, .c-toast--try-swap .gs-btn--grey, .c-toast-successful-swap .gs-btn--grey, .c-toast .gs-btn--instagram, .c-toast-suspended-images .gs-btn--instagram, .c-toast--friends .gs-btn--instagram, .c-toast--copy .gs-btn--instagram, .c-toast--try-swap .gs-btn--instagram, .c-toast-successful-swap .gs-btn--instagram {
  margin: 10px auto;
}

.c-toast__image,
.c-toast__title,
.c-toast__title--successful-swap {
  color: #218ccc;
  font-weight: 700;
  font-size: 18px;
}

.c-toast__close_link {
  display: block;
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.c-toast__close_link:hover {
  text-decoration: underline;
}

.c-toast--friends {
  top: calc(100% + 10px);
  bottom: inherit !important;
  width: 300px;
}

.c-toast--copy {
  z-index: 1000;
  top: calc(100% + 11px);
  bottom: inherit !important;
  left: 50%;
  padding: 3px 10px;
  width: 155px;
  background-color: #444;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  transform: translateX(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-toast--copy:after {
  border-bottom-color: #444;
}
.c-toast--copy:before {
  border-bottom-color: rgba(69, 69, 69, 0.3);
}
@media screen and (max-width: 500px) {
  .c-toast--copy {
    width: 100%;
    white-space: normal;
  }
}

.c-toast-suspended-images {
  top: 20%;
  bottom: inherit !important;
  left: 0;
  padding: 5px 10px 10px;
  min-width: 250px;
}
.c-toast-suspended-images .c-toast__title, .c-toast-suspended-images .c-toast__title--successful-swap {
  margin: 5px 0;
  text-align: left;
}
.c-toast-suspended-images .c-toast__text {
  text-align: left;
  line-height: 1.3;
}
.c-toast-suspended-images .c-toast__text p {
  margin: 4px 0;
  padding: 0;
}
.c-toast-suspended-images .c-toast__text b {
  color: #218ccc;
  cursor: pointer;
}
.c-toast-suspended-images .c-toast-suspended-images__img-block {
  width: 100%;
  text-align: center;
  white-space: nowrap;
  font-size: 0;
}
.c-toast-suspended-images .c-toast-suspended-images__img-block__img {
  display: inline-block;
  margin: 3px;
  padding-bottom: calc(25% - 3px);
  width: calc(25% - 3px);
}
.c-toast-suspended-images .c-toast-suspended-images__img-block__img.count-1, .c-toast-suspended-images .c-toast-suspended-images__img-block__img.count-2, .c-toast-suspended-images .c-toast-suspended-images__img-block__img.count-3 {
  padding-bottom: calc(33.3% - 3px);
  width: calc(33.3% - 3px);
}
.c-toast-suspended-images .c-toast-suspended-images__img-block__img.count-4 {
  padding-bottom: calc(25% - 3px);
  width: calc(25% - 3px);
}

.c-toast, .c-toast--friends, .c-toast--copy, .c-toast--try-swap, .c-toast-successful-swap, .c-toast-suspended-images {
  overflow: visible;
  padding: 20px 20px 10px;
  min-width: 0;
  max-width: 185px;
  width: auto;
  border-radius: 7px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  transition: 0.2s ease-in-out;
}
.c-toast:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast-suspended-images:after, .c-toast:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast-suspended-images:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.c-toast:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast-suspended-images:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.c-toast:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast-suspended-images:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.c-toast .gs-btn--blue--s--, .c-toast fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast .fix-footer__btn--s--, .c-toast--friends .gs-btn--blue--s--, .c-toast--friends fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--friends .fix-footer__btn--s--, .c-toast--copy .gs-btn--blue--s--, .c-toast--copy fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--copy .fix-footer__btn--s--, .c-toast--try-swap .gs-btn--blue--s--, .c-toast--try-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--try-swap .fix-footer__btn--s--, .c-toast-successful-swap .gs-btn--blue--s--, .c-toast-successful-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-successful-swap .fix-footer__btn--s--, .c-toast-suspended-images .gs-btn--blue--s--, .c-toast-suspended-images fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-suspended-images .fix-footer__btn--s--, .c-toast .gs-btn--white, .c-toast--friends .gs-btn--white, .c-toast--copy .gs-btn--white, .c-toast--try-swap .gs-btn--white, .c-toast-successful-swap .gs-btn--white, .c-toast-suspended-images .gs-btn--white, .c-toast .gs-btn--red, .c-toast--friends .gs-btn--red, .c-toast--copy .gs-btn--red, .c-toast--try-swap .gs-btn--red, .c-toast-successful-swap .gs-btn--red, .c-toast-suspended-images .gs-btn--red, .c-toast .gs-btn--grey, .c-toast--friends .gs-btn--grey, .c-toast--copy .gs-btn--grey, .c-toast--try-swap .gs-btn--grey, .c-toast-successful-swap .gs-btn--grey, .c-toast-suspended-images .gs-btn--grey, .c-toast .gs-btn--instagram, .c-toast--friends .gs-btn--instagram, .c-toast--copy .gs-btn--instagram, .c-toast--try-swap .gs-btn--instagram, .c-toast-successful-swap .gs-btn--instagram, .c-toast-suspended-images .gs-btn--instagram {
  margin: 10px auto;
}

.c-toast__image,
.c-toast__title,
.c-toast__title--successful-swap {
  color: #218ccc;
  font-weight: 700;
  font-size: 18px;
}

.c-toast__close_link {
  display: block;
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.c-toast__close_link:hover {
  text-decoration: underline;
}

.c-toast--friends {
  top: calc(100% + 10px);
  bottom: inherit !important;
  width: 300px;
}

.c-toast--copy {
  z-index: 1000;
  top: calc(100% + 11px);
  bottom: inherit !important;
  left: 50%;
  padding: 3px 10px;
  width: 155px;
  background-color: #444;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  transform: translateX(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-toast--copy:after {
  border-bottom-color: #444;
}
.c-toast--copy:before {
  border-bottom-color: rgba(69, 69, 69, 0.3);
}
@media screen and (max-width: 500px) {
  .c-toast--copy {
    width: 100%;
    white-space: normal;
  }
}

.c-toast--try-swap, .c-toast-successful-swap {
  transform: translate(-50%, 104%);
  left: 50%;
}

.collection img.c-toast__image {
  opacity: 1;
}

.c-toast, .c-toast--friends, .c-toast--copy, .c-toast--try-swap, .c-toast-successful-swap, .c-toast-suspended-images {
  overflow: visible;
  padding: 20px 20px 10px;
  min-width: 0;
  max-width: 185px;
  width: auto;
  border-radius: 7px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  transition: 0.2s ease-in-out;
}
.c-toast:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast-suspended-images:after, .c-toast:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast-suspended-images:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: " ";
  pointer-events: none;
}
.c-toast:after, .c-toast--friends:after, .c-toast--copy:after, .c-toast--try-swap:after, .c-toast-successful-swap:after, .c-toast-suspended-images:after {
  margin-bottom: -1px;
  margin-left: -10px;
  border-width: 10px;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
}
.c-toast:before, .c-toast--friends:before, .c-toast--copy:before, .c-toast--try-swap:before, .c-toast-successful-swap:before, .c-toast-suspended-images:before {
  margin-left: -11px;
  border-width: 11px;
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: rgba(204, 204, 204, 0.3);
}
.c-toast .gs-btn--blue--s--, .c-toast fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast .fix-footer__btn--s--, .c-toast--friends .gs-btn--blue--s--, .c-toast--friends fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--friends .fix-footer__btn--s--, .c-toast--copy .gs-btn--blue--s--, .c-toast--copy fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--copy .fix-footer__btn--s--, .c-toast--try-swap .gs-btn--blue--s--, .c-toast--try-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast--try-swap .fix-footer__btn--s--, .c-toast-successful-swap .gs-btn--blue--s--, .c-toast-successful-swap fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-successful-swap .fix-footer__btn--s--, .c-toast-suspended-images .gs-btn--blue--s--, .c-toast-suspended-images fixed-footer .fix-footer__btn--s--, fixed-footer .c-toast-suspended-images .fix-footer__btn--s--, .c-toast .gs-btn--white, .c-toast--friends .gs-btn--white, .c-toast--copy .gs-btn--white, .c-toast--try-swap .gs-btn--white, .c-toast-successful-swap .gs-btn--white, .c-toast-suspended-images .gs-btn--white, .c-toast .gs-btn--red, .c-toast--friends .gs-btn--red, .c-toast--copy .gs-btn--red, .c-toast--try-swap .gs-btn--red, .c-toast-successful-swap .gs-btn--red, .c-toast-suspended-images .gs-btn--red, .c-toast .gs-btn--grey, .c-toast--friends .gs-btn--grey, .c-toast--copy .gs-btn--grey, .c-toast--try-swap .gs-btn--grey, .c-toast-successful-swap .gs-btn--grey, .c-toast-suspended-images .gs-btn--grey, .c-toast .gs-btn--instagram, .c-toast--friends .gs-btn--instagram, .c-toast--copy .gs-btn--instagram, .c-toast--try-swap .gs-btn--instagram, .c-toast-successful-swap .gs-btn--instagram, .c-toast-suspended-images .gs-btn--instagram {
  margin: 10px auto;
}

.c-toast__image,
.c-toast__title,
.c-toast__title--successful-swap {
  color: #218ccc;
  font-weight: 700;
  font-size: 18px;
}

.c-toast__close_link {
  display: block;
  color: #218ccc;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
}
.c-toast__close_link:hover {
  text-decoration: underline;
}

.c-toast--friends {
  top: calc(100% + 10px);
  bottom: inherit !important;
  width: 300px;
}

.c-toast--copy {
  z-index: 1000;
  top: calc(100% + 11px);
  bottom: inherit !important;
  left: 50%;
  padding: 3px 10px;
  width: 155px;
  background-color: #444;
  color: #fff;
  white-space: nowrap;
  font-weight: 600;
  transform: translateX(-50%);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.c-toast--copy:after {
  border-bottom-color: #444;
}
.c-toast--copy:before {
  border-bottom-color: rgba(69, 69, 69, 0.3);
}
@media screen and (max-width: 500px) {
  .c-toast--copy {
    width: 100%;
    white-space: normal;
  }
}

gs-challenge-new-achievement-history {
  display: block;
  width: 100%;
  height: 100%;
}
gs-challenge-new-achievement-history achievement-badge {
  min-height: 94px;
}
gs-challenge-new-achievement-history .gs-black-overlay:before {
  border-radius: 32px;
}

.gs-challenge-new-achievement-history {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.gs-challenge-new-achievement-history:hover {
  text-decoration: none;
}

challenges-sponsors-edit .teams-manager__section__title {
  margin-top: 0;
}
challenges-sponsors-edit .admin-leagues__input-section {
  width: unset;
}
challenges-sponsors-edit .admin-leagues__input-section div {
  width: 100%;
  display: flex;
  gap: 10px;
}
challenges-sponsors-edit .admin-leagues__input-section label {
  margin-top: -14px;
  width: 100px;
  display: inline-block;
}
challenges-sponsors-edit .admin-leagues__input-section .gs-input-group {
  position: relative;
  padding-bottom: 14px;
}
challenges-sponsors-edit .admin-leagues__input-section input,
challenges-sponsors-edit .admin-leagues__input-section textarea {
  width: 260px;
}
challenges-sponsors-edit .admin-leagues__input-section .error {
  position: absolute;
  left: 0;
  bottom: 0;
  color: red;
}
challenges-sponsors-edit .admin-leagues__input-section .icon-info {
  margin: 0;
}
challenges-sponsors-edit .admin-leagues__input-section img {
  max-width: 250px;
  width: 100%;
}
challenges-sponsors-edit .gs-notification-alert .challenges-sponsors-hint-text, challenges-sponsors-edit .gs-notification-info-wrap .challenges-sponsors-hint-text, challenges-sponsors-edit .gs-notification-team-intro-wrap .challenges-sponsors-hint-text {
  font-style: italic;
  color: #6e6e6e;
}
challenges-sponsors-edit .gs-notification-alert .challenges-sponsors-hint-text ul, challenges-sponsors-edit .gs-notification-info-wrap .challenges-sponsors-hint-text ul, challenges-sponsors-edit .gs-notification-team-intro-wrap .challenges-sponsors-hint-text ul {
  padding: revert;
}
challenges-sponsors-edit .gs-notification-alert .challenges-sponsors-hint-text ul > li > ul, challenges-sponsors-edit .gs-notification-info-wrap .challenges-sponsors-hint-text ul > li > ul, challenges-sponsors-edit .gs-notification-team-intro-wrap .challenges-sponsors-hint-text ul > li > ul {
  padding: revert;
}

.page-container, .card--style2, .card--style1 {
  background-color: #ffffff;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-suggestion ul {
  overflow-x: auto;
  gap: 10px;
}
.teams-suggestion li {
  list-style: none;
  display: inline-block;
}
.teams-suggestion--buttons {
  display: flex;
  gap: 10px;
}
.teams-suggestion--buttons > * {
  width: 50%;
  height: 40px;
}
.teams-suggestion--buttons teams-view-button > div {
  height: 40px;
}
.teams-suggestion .team-item__name {
  font-size: 14px;
}
.teams-suggestion .team-badge-wrapper {
  width: 50px;
  height: 50px;
}
.teams-suggestion .gs-challenge__team-members {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
}
.teams-suggestion .gs-challenge__team-members avatar {
  /*img{
    border: solid 1px #383838;
  }*/
  width: 24px;
  height: 24px;
  margin-left: -4px;
}
.teams-suggestion .gs-challenge__team-members avatar .admin-icon {
  display: none;
}
.teams-suggestion .gs-challenge__team-members div {
  font-size: 14px;
  /*font-weight: bold;*/
  margin-left: 6px;
}

.card--style1 {
  width: 100%;
  padding: 15px 0 15px 20px;
}
.card--style2 {
  width: 320px;
  padding: 10px;
  position: relative;
}
.card--style2 .modal-close-btn {
  width: 16px;
  height: 16px;
  font-size: 10px;
}

achievement-badge {
  position: relative;
  display: block;
}
achievement-badge gs-image {
  height: 100%;
}

.achievement-badge__count {
  padding: 1px 6px;
}

achievement-info {
  display: block;
}

.achievement-info {
  width: 100%;
  height: 100%;
}
.achievement-info__top {
  height: 180px;
  width: 100%;
}
.achievement-info__level {
  padding: 12px 0;
  border-bottom: 2px solid #EEF2F5;
}
.achievement-info__level__text {
  display: flex;
  gap: 27px;
}
.achievement-info__level__text__threshold {
  font-size: 16px;
}
@media screen and (max-width: 425px) {
  .achievement-info__levels {
    background: #F6F8FA;
    border-radius: 12px;
  }
  .achievement-info__level {
    padding: 12px;
  }
  .achievement-info__level__text {
    gap: 5px;
    flex-direction: column;
  }
  .achievement-info__level__text__threshold {
    font-size: 14px;
  }
}

ng1-achievements, achievements {
  width: 100%;
  display: block;
}
ng1-achievements achievement-badge.achievement-big, achievements achievement-badge.achievement-big {
  height: 70px;
}
ng1-achievements achievement-badge.achievement-small, achievements achievement-badge.achievement-small {
  height: 50px;
}

achievements-info {
  display: block;
}

.achievements-info {
  width: 100%;
  height: 100%;
}
.achievements-info__top {
  height: 180px;
  width: 100%;
}

adult-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  text-align: center;
  z-index: 4;
}

.adult-filter {
  width: 100%;
  height: 100%;
  background-color: #222;
}
.adult-filter__title {
  font-weight: 600;
  font-size: 14px;
  -webkit-user-select: none;
          user-select: none;
}
.adult-filter__btn {
  display: inline-block;
  margin: 10px auto;
  padding: 5px 10px;
  cursor: pointer;
  text-align: center;
  color: #000;
  border-radius: 6px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.adult-filter__checkbox {
  position: relative;
  margin-top: 5px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
}
.adult-filter__checkbox label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #222 0%, #45484d 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.adult-filter__checkbox label:before {
  position: absolute;
  top: 6px;
  left: 4px;
  width: 12px;
  height: 7px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  content: "";
  opacity: 0;
  transform: rotate(-45deg);
}
.adult-filter__checkbox label:hover::before {
  opacity: 0.3;
}
.adult-filter__checkbox label:after {
  display: inline-block;
  margin-left: 30px;
  content: "always show";
  vertical-align: middle;
  white-space: nowrap;
}
.adult-filter__checkbox input[type=checkbox] {
  visibility: hidden;
}
.adult-filter__checkbox input[type=checkbox]:checked + label:before {
  opacity: 1;
}

.adult-filter-small {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.adult-filter-small > div i {
  font-size: 21px;
  color: white;
}
.adult-filter-small > div div {
  margin-top: 5px;
}

.my-team-chat__chat-message__default__photo .adult-filter-small {
  border-radius: 12px;
}
.my-team-chat__chat-message__default__photo .adult-filter-small > div {
  top: 45%;
}

avatar {
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  display: block;
}
avatar .gs-avatar {
  width: 100%;
  height: 100%;
  position: relative;
  border-radius: 50%;
  padding: 3px;
  opacity: 0;
}
avatar .gs-avatar.show-avatar {
  transition: 0.2s;
  opacity: 1;
}
avatar .gs-avatar__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
avatar .gs-avatar .admin-icon {
  right: -4px;
  bottom: -2px;
}
avatar .gs-avatar__badge {
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 50%;
}

avatar-full {
  font-size: 14px;
  display: inline-block;
  position: relative;
}
avatar-full a {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
  vertical-align: middle;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #e2e2e2;
  box-shadow: 0 1px 7px 2px rgba(0, 0, 0, 0.6);
}
avatar-full a:hover {
  text-decoration: none;
}
avatar-full a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
avatar-full span {
  position: absolute;
  left: calc(100% + 15px);
  color: #555;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

badge {
  position: relative;
}
badge i.c-level-0 {
  color: #b3b3b3;
}
badge i.c-level-1 {
  color: #2c7fa6;
}
badge i.c-level-2 {
  color: #0a655c;
}
badge i.c-level-3 {
  color: #853445;
}
badge i.c-level-4 {
  color: #234f64;
}
badge i.c-level-5 {
  color: #1c1c1c;
}
badge [class*=c-level-] {
  position: relative;
}
badge [class*=c-level-]:after {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  width: 74%;
  height: 92%;
  background-color: #fff;
  content: "";
  transform: translate(-50%, -50%);
}
badge .badge-count {
  background: #F6F8FA;
  border-radius: 16px;
}

badge-v2-dynamic-challenge {
  position: absolute;
  top: -18px;
  right: -46px;
  width: 130px;
  padding: 25px 0 5px;
  transform: rotate(45deg);
  text-align: center;
  color: #fff;
  background-color: #292929;
  z-index: 1;
}
badge-v2-dynamic-challenge div {
  letter-spacing: -0.3px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
}
badge-v2-dynamic-challenge i {
  font-size: 20px;
}
badge-v2-dynamic-challenge.small {
  top: -22px;
  right: -52px;
}
badge-v2-dynamic-challenge.small i {
  font-size: 18px;
}

.badge-details img {
  left: 0;
}

.badge-mobile {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.badge-mobile:before {
  left: 0;
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 25% 100%, 75% 50%, 25% 0);
}
.badge-mobile img {
  left: calc(50% - 30px);
}
.badge-mobile .text {
  display: flex;
  justify-content: center;
}
.badge-mobile .text__left, .badge-mobile .text__right {
  width: 25%;
  display: inline-block;
  box-sizing: border-box;
  text-align: center;
}
.badge-mobile .text__left {
  margin-right: 60px;
}
@media screen and (max-width: 440px) {
  .badge-mobile {
    margin-bottom: 10px;
  }
  .badge-mobile .text {
    font-size: 13px;
  }
  .badge-mobile .text__left, .badge-mobile .text__right {
    width: 22%;
  }
  .badge-mobile .icon-star {
    font-size: 12px;
  }
  .badge-mobile .icon-star.icon-star-left-position1 {
    left: 20px;
  }
  .badge-mobile .icon-star.icon-star-left-position2 {
    left: 39px;
  }
  .badge-mobile .icon-star.icon-star-left-position3 {
    left: 58px;
  }
  .badge-mobile .icon-star.icon-star-right-position1 {
    right: 20px;
  }
  .badge-mobile .icon-star.icon-star-right-position2 {
    right: 39px;
  }
  .badge-mobile .icon-star.icon-star-right-position3 {
    right: 58px;
  }
}

.badge-preview {
  position: absolute;
  z-index: 1;
  top: 0;
  right: -52px;
  left: auto;
  width: 160px;
  transform: rotate(45deg) translateZ(0);
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
  line-height: 50px;
}
.badge-preview::after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.small .badge-preview__exhibition, .small .badge-preview__magazine, .small .badge-preview__flash, .small .badge-preview__premium, .match-active__top .badge-preview__exhibition, .match-active__top .badge-preview__magazine, .match-active__top .badge-preview__flash, .match-active__top .badge-preview__premium, .my-team-chat__chat-message__match .badge-preview__exhibition, .my-team-chat__chat-message__match .badge-preview__magazine, .my-team-chat__chat-message__match .badge-preview__flash, .my-team-chat__chat-message__match .badge-preview__premium {
  line-height: 36px;
  right: -61px;
  top: 0;
}
.small .badge-preview__exhibition .icon-star, .small .badge-preview__magazine .icon-star, .small .badge-preview__flash .icon-star, .small .badge-preview__premium .icon-star, .match-active__top .badge-preview__exhibition .icon-star, .match-active__top .badge-preview__magazine .icon-star, .match-active__top .badge-preview__flash .icon-star, .match-active__top .badge-preview__premium .icon-star, .my-team-chat__chat-message__match .badge-preview__exhibition .icon-star, .my-team-chat__chat-message__match .badge-preview__magazine .icon-star, .my-team-chat__chat-message__match .badge-preview__flash .icon-star, .my-team-chat__chat-message__match .badge-preview__premium .icon-star {
  font-size: 10px;
}
.small .badge-preview__exhibition .icon-badge-exhibition, .small .badge-preview__exhibition .icon-badge-magazine-exhibition, .small .badge-preview__exhibition .icon-badge-premium-exhibition, .small .badge-preview__exhibition .icon-flash-challenge, .small .badge-preview__magazine .icon-badge-exhibition, .small .badge-preview__magazine .icon-badge-magazine-exhibition, .small .badge-preview__magazine .icon-badge-premium-exhibition, .small .badge-preview__magazine .icon-flash-challenge, .small .badge-preview__flash .icon-badge-exhibition, .small .badge-preview__flash .icon-badge-magazine-exhibition, .small .badge-preview__flash .icon-badge-premium-exhibition, .small .badge-preview__flash .icon-flash-challenge, .small .badge-preview__premium .icon-badge-exhibition, .small .badge-preview__premium .icon-badge-magazine-exhibition, .small .badge-preview__premium .icon-badge-premium-exhibition, .small .badge-preview__premium .icon-flash-challenge, .match-active__top .badge-preview__exhibition .icon-badge-exhibition, .match-active__top .badge-preview__exhibition .icon-badge-magazine-exhibition, .match-active__top .badge-preview__exhibition .icon-badge-premium-exhibition, .match-active__top .badge-preview__exhibition .icon-flash-challenge, .match-active__top .badge-preview__magazine .icon-badge-exhibition, .match-active__top .badge-preview__magazine .icon-badge-magazine-exhibition, .match-active__top .badge-preview__magazine .icon-badge-premium-exhibition, .match-active__top .badge-preview__magazine .icon-flash-challenge, .match-active__top .badge-preview__flash .icon-badge-exhibition, .match-active__top .badge-preview__flash .icon-badge-magazine-exhibition, .match-active__top .badge-preview__flash .icon-badge-premium-exhibition, .match-active__top .badge-preview__flash .icon-flash-challenge, .match-active__top .badge-preview__premium .icon-badge-exhibition, .match-active__top .badge-preview__premium .icon-badge-magazine-exhibition, .match-active__top .badge-preview__premium .icon-badge-premium-exhibition, .match-active__top .badge-preview__premium .icon-flash-challenge, .my-team-chat__chat-message__match .badge-preview__exhibition .icon-badge-exhibition, .my-team-chat__chat-message__match .badge-preview__exhibition .icon-badge-magazine-exhibition, .my-team-chat__chat-message__match .badge-preview__exhibition .icon-badge-premium-exhibition, .my-team-chat__chat-message__match .badge-preview__exhibition .icon-flash-challenge, .my-team-chat__chat-message__match .badge-preview__magazine .icon-badge-exhibition, .my-team-chat__chat-message__match .badge-preview__magazine .icon-badge-magazine-exhibition, .my-team-chat__chat-message__match .badge-preview__magazine .icon-badge-premium-exhibition, .my-team-chat__chat-message__match .badge-preview__magazine .icon-flash-challenge, .my-team-chat__chat-message__match .badge-preview__flash .icon-badge-exhibition, .my-team-chat__chat-message__match .badge-preview__flash .icon-badge-magazine-exhibition, .my-team-chat__chat-message__match .badge-preview__flash .icon-badge-premium-exhibition, .my-team-chat__chat-message__match .badge-preview__flash .icon-flash-challenge, .my-team-chat__chat-message__match .badge-preview__premium .icon-badge-exhibition, .my-team-chat__chat-message__match .badge-preview__premium .icon-badge-magazine-exhibition, .my-team-chat__chat-message__match .badge-preview__premium .icon-badge-premium-exhibition, .my-team-chat__chat-message__match .badge-preview__premium .icon-flash-challenge {
  font-size: 14px;
}
.small .badge-preview__flash, .match-active__top .badge-preview__flash, .my-team-chat__chat-message__match .badge-preview__flash {
  background: linear-gradient(90deg, #DB63AB 0%, #F27FC4 100%);
}
.teams-page .badge-preview__exhibition, .teams-page .badge-preview__magazine, .teams-page .badge-preview__flash, .teams-page .badge-preview__premium, .md-dialog-container .badge-preview__exhibition, .md-dialog-container .badge-preview__magazine, .md-dialog-container .badge-preview__flash, .md-dialog-container .badge-preview__premium {
  top: -20px;
}
.badge-preview i {
  vertical-align: middle;
  line-height: 1.1;
}
.badge-preview i.icon-badge-exhibition, .badge-preview i.icon-badge-magazine-exhibition, .badge-preview i.icon-badge-premium-exhibition, .badge-preview i.icon-flash-challenge {
  font-size: 24px;
}
.badge-preview span {
  vertical-align: middle;
  line-height: 1;
}

.badge-preview__exhibition,
.badge-details__exhibition,
.badge-mobile__exhibition {
  background: #68c8ea;
  background: linear-gradient(0deg, #68c8ea 0%, #3797d1 100%);
}

.badge-preview__flash,
.badge-details__flash,
.badge-mobile__flash {
  background: linear-gradient(0deg, #DB63AB 0%, #F27FC4 100%);
}

.badge-preview__magazine,
.badge-details__magazine,
.badge-mobile__magazine {
  background: #68c8ea;
  background: linear-gradient(0deg, #68c8ea 0%, #3797d1 100%);
}

.badge-preview__premium,
.badge-details__premium,
.badge-mobile__premium {
  background: #ffe2cf;
  background: linear-gradient(0deg, #ffe2cf 0%, #f8d699 100%);
}

.badge-mobile:before, .badge-details:after,
.badge-mobile:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  width: 20px;
  height: 100%;
}

/* Should be
 * .badge-preview.badge-preview__premium:after,
 * .badge-preview.badge-preview__premium .text,
 * .badge-preview.badge-preview__premium .icon-star,
 * .badge-mobile.badge-preview__premium ...
 */
.badge-preview.badge-preview__premium:after {
  border-color: #bb7c06;
}
.badge-preview.badge-preview__premium .text,
.badge-preview.badge-preview__premium i {
  color: #bb7c06;
}

.badge-mobile.badge-mobile__premium .text,
.badge-mobile.badge-mobile__premium .icon-star {
  color: #bb7c06;
}

.badge-details.badge-details__premium .text,
.badge-details.badge-details__premium .icon-star {
  color: #bb7c06;
}

.badge-preview,
.badge-details,
.badge-mobile {
  color: #ffffff;
}
.badge-preview .text,
.badge-details .text,
.badge-mobile .text {
  color: #ffffff;
}

.badge-details,
.badge-mobile {
  height: 37px;
}
.badge-details__exhibition:after, .badge-details__exhibition:before,
.badge-mobile__exhibition:after,
.badge-mobile__exhibition:before {
  background: linear-gradient(0deg, #68c8ea 0%, #3797d1 100%);
}
.badge-details__flash:after, .badge-details__flash:before,
.badge-mobile__flash:after,
.badge-mobile__flash:before {
  background: linear-gradient(0deg, #DB63AB 0%, #F27FC4 100%);
}
.badge-details__magazine:after, .badge-details__magazine:before,
.badge-mobile__magazine:after,
.badge-mobile__magazine:before {
  background: linear-gradient(0deg, #68c8ea 0%, #3797d1 100%);
}
.badge-details__premium:after, .badge-details__premium:before,
.badge-mobile__premium:after,
.badge-mobile__premium:before {
  background: linear-gradient(0deg, #ffe2cf 0%, #f8d699 100%);
}
.badge-details:after,
.badge-mobile:after {
  right: 0;
  clip-path: polygon(75% 0%, 25% 50%, 75% 100%, 0% 100%, 0 50%, 0% 0%);
}
.badge-details img,
.badge-mobile img {
  position: absolute;
  top: calc((60px - 37px) / 2 * -1);
  width: 60px;
  height: 60px;
}
.badge-details .text,
.badge-mobile .text {
  padding: 0;
  font-family: "Open Sans", serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 37px;
}
.badge-details .icon-star,
.badge-mobile .icon-star {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.badge-details .icon-star.icon-star-left-position1,
.badge-mobile .icon-star.icon-star-left-position1 {
  left: 28px;
}
.badge-details .icon-star.icon-star-left-position2,
.badge-mobile .icon-star.icon-star-left-position2 {
  left: 47px;
}
.badge-details .icon-star.icon-star-left-position3,
.badge-mobile .icon-star.icon-star-left-position3 {
  left: 66px;
}
.badge-details .icon-star.icon-star-right-position1,
.badge-mobile .icon-star.icon-star-right-position1 {
  right: 28px;
}
.badge-details .icon-star.icon-star-right-position2,
.badge-mobile .icon-star.icon-star-right-position2 {
  right: 47px;
}
.badge-details .icon-star.icon-star-right-position3,
.badge-mobile .icon-star.icon-star-right-position3 {
  right: 66px;
}

.badge-details {
  margin-left: calc(60px / 2);
  margin-top: calc(60px - 37px)/2;
  width: calc(100% - 20px - 60px / 2);
  padding-left: calc(60px / 2 + 17px);
}

.badge-mobile {
  margin: 0 auto;
  width: calc(100% - 38px);
}
.badge-v2__battles {
  width: 167px;
  height: 48px;
  position: absolute;
  z-index: 2;
  display: flex;
}
.badge-v2__battles__image {
  object-fit: contain;
  max-height: 100%;
  width: 100%;
}

.badge-v2__wrapper {
  position: relative;
}

.blocked-user-item {
  padding: 8px;
  border: 1px solid #DEE5EC;
  border-radius: 12px;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  transition: 0.3s all;
}
.blocked-user-item:hover {
  box-shadow: none;
}
.blocked-user-item__avatar {
  width: 50px;
  height: 50px;
}
.blocked-user-item member-name {
  color: #4A4A4A;
  font-weight: bold;
  max-width: 260px;
}
.blocked-user-item country {
  width: 15px;
}
.blocked-user-item country img {
  border-radius: 5px;
}
.blocked-user-item__button {
  width: 110px;
  height: 40px;
  padding: 0;
  justify-content: center;
}
.blocked-user-item__button.gs-btn-loader {
  border: 1px solid #218ccc;
  background: white;
}
.blocked-user-item__button.gs-btn-loader .gs-loader__round:before {
  width: 14px;
  height: 14px;
  border: 3px solid #3397d2;
  border-left-color: transparent;
  top: calc(100% - 9px);
}
.blocked-user-item__button span {
  margin-left: 0;
}
.blocked-user-item__button.m--grey {
  background: #9CB1C7;
  box-shadow: none;
  cursor: not-allowed;
}
@media screen and (max-width: 767px) {
  .blocked-user-item member-name {
    max-width: 120px;
  }
}

braze-content-cards .ab-image-area {
  max-height: 150px;
}

.gs-braze-content-cards-captioned-image-container .title, .gs-braze-content-cards-captioned-image-container .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-braze-content-cards-captioned-image-container .title-mobile,
.gs-braze-content-cards-captioned-image-container .description {
  color: #5E5E5E;
}
.gs-braze-content-cards-captioned-image-container li {
  list-style: none;
  padding-left: 33px;
  position: relative;
  height: 40px;
}
.gs-braze-content-cards-captioned-image-container li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: #BCDCEF;
  border-radius: 50%;
}
.gs-braze-content-cards-captioned-image-container .teams-btn-primary-center {
  text-transform: uppercase;
  height: 48px;
  color: white;
  text-decoration: none;
}
.gs-braze-content-cards-captioned-image-container .image img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

challenge-mobile {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 320px;
  max-width: 414px;
  height: 240px;
  margin: 5px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  challenge-mobile {
    margin: 5px auto;
  }
}

.challenge-mobile__img {
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.challenge-mobile__img:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.challenge-mobile__badge, .challenge-mobile__badge--book, .challenge-mobile__badge--expo, .challenge-mobile__badge--newbie, .challenge-mobile__badge--premium {
  position: absolute;
  z-index: 2;
  top: 17px;
  right: -109px;
  left: auto;
  width: 300px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
}
.challenge-mobile__badge:after, .challenge-mobile__badge--book:after, .challenge-mobile__badge--expo:after, .challenge-mobile__badge--newbie:after, .challenge-mobile__badge--premium:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}

.challenge-mobile__badge--premium {
  color: #f0f0f0;
  background-color: #000;
  line-height: 50px;
}
.challenge-mobile__badge--premium i {
  vertical-align: middle;
  font-size: 14px;
}
.challenge-mobile__badge--premium span {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
}

.challenge-mobile__badge--newbie {
  top: 13px;
  right: -119px;
  padding: 10px 0;
  color: #000;
  background-color: #fff;
  font-weight: 600;
  line-height: 1;
}
.challenge-mobile__badge--newbie:after {
  border-color: #000;
}
.challenge-mobile__badge--newbie span {
  display: block;
  font-weight: 400;
}

.challenge-mobile__badge--expo {
  text-align: center;
  letter-spacing: -0.2px;
  color: #fff;
  background-color: #005c83;
  font-size: 14px;
  line-height: 3.5;
}
.challenge-mobile__badge--expo:after {
  border-color: #fff;
}

.challenge-mobile__badge--book {
  text-align: center;
  letter-spacing: -0.2px;
  color: #fff;
  background-color: #cc6238;
  font-size: 12px;
  line-height: 3.5;
}
.challenge-mobile__badge--book:after {
  border-color: #fff;
}

.challenge-mobile__badge--speed {
  position: absolute;
  top: -18px;
  right: -46px;
  width: 130px;
  padding: 25px 0 5px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  background-color: #222;
  font-size: 14.1px;
  font-weight: 300;
  line-height: 1.2;
}
.challenge-mobile__badge--speed i {
  color: #ff9600;
  font-size: 24px;
}

.challenge-mobile__friends {
  position: absolute;
  top: 20px;
  left: 30px;
  height: 24px;
  padding: 0 10px 0 20px;
  text-align: center;
  letter-spacing: normal;
  color: #fff;
  border-radius: 9px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
.challenge-mobile__friends .value {
  position: absolute;
  top: 0;
  left: -13px;
  width: 26px;
  height: 24px;
  text-align: center;
  letter-spacing: -0.3px;
  color: #000;
  border-radius: 9px;
  background-color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 24px;
}

.challenge-mobile__link {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.challenge-mobile__center {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}

.challenge-mobile__btn--status {
  cursor: pointer;
  white-space: nowrap;
  font-size: 0;
  font-weight: 400;
  line-height: 1;
}
.challenge-mobile__btn--status.flash .ribbon:before {
  box-shadow: 0 0 0 5000px #DB63AB;
}
.challenge-mobile__btn--status .status-btn {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
  opacity: 1;
  color: #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 5px 26px 0 rgba(25, 24, 25, 0.3);
  font-size: 14px;
  font-weight: 600;
}
.challenge-mobile__btn--status .status-locked {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 84px;
  margin: 0 -7px;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
}
.challenge-mobile__btn--status .ribbon {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  min-width: 120px;
  padding: 7px 5px;
  transition: transform 333ms ease-in-out;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}
.challenge-mobile__btn--status .ribbon:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 11px);
  width: 20.506px;
  height: 20.506px;
  content: "";
  transform: rotate(45deg);
  transform-origin: center center;
  background-color: transparent;
  box-shadow: 0 0 0 5000px #3397d2;
}
.challenge-mobile__btn--status .ribbon.left {
  padding-left: 25px;
}
.challenge-mobile__btn--status .ribbon.left:before {
  left: -10px;
}
.challenge-mobile__btn--status .ribbon.right {
  padding-right: 25px;
}
.challenge-mobile__btn--status .ribbon.right:before {
  right: -10px;
}
.challenge-mobile__btn--status .ribbon span {
  font-size: 13px;
}

.challenge-mobile__title {
  padding: 0 15px;
  text-align: center;
  letter-spacing: normal;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.2;
}

.challenge-mobile__btn {
  position: relative;
  display: block;
  max-width: 123px;
  margin: 15px auto 0;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  opacity: 0.9;
  color: #000;
  border-radius: 3px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
.challenge-mobile__btn:hover {
  text-decoration: none;
}
.challenge-mobile__btn .icon-key {
  position: absolute;
  bottom: calc(100% - 10px);
  left: calc(100% - 10px);
  padding: 4px;
  color: #3397d2;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  font-size: 14px;
}

.challenge-mobile__actions, .challenge-mobile__actions--upcoming {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  z-index: 1;
}

.challenge-mobile__actions--upcoming .challenge-mobile__actions__item {
  width: 50%;
  padding: 15px 10px;
}
.challenge-mobile__actions--upcoming .challenge-mobile__actions__item:first-child {
  text-align: left;
}
.challenge-mobile__actions--upcoming .challenge-mobile__actions__item:last-child {
  text-align: right;
}

.challenge-mobile__actions__item {
  display: inline-block;
  width: 33.3%;
  padding: 15px 0;
  text-align: center;
  vertical-align: middle;
  letter-spacing: normal;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.1;
}
.challenge-mobile__actions__item .desc {
  display: block;
  white-space: nowrap;
  text-shadow: 1px 1px 8px #000;
  font-size: 16px;
  font-weight: 300;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

.cover-photo-component {
  display: flex;
  height: 100%;
  z-index: 1;
  position: relative;
  align-items: flex-end;
  text-align: center;
}

.c-challenges-item__title:after {
  display: none;
}
.c-challenges-item__title__label {
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .c-challenges-item .cover-photo-component {
    align-items: center;
  }
  .c-challenges-item__title__label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    text-shadow: 0 0 8px #000;
    font-size: 20px;
    z-index: 2;
  }
}

download-apps {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 114px;
  padding: 10px;
  text-align: center;
  background-color: #f5f5f6;
  box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.2);
  font-size: 0;
  line-height: 1;
}

.download-apps__card {
  position: relative;
  padding: 15px;
  background-color: #fff;
  box-shadow: 0 0 9.5px 0.5px rgba(0, 0, 0, 0.2);
}

.download-apps__title {
  margin-bottom: 10px;
  color: #000;
  font-size: 17px;
  line-height: 1.06;
}

.download-apps__link {
  display: inline-block;
  vertical-align: middle;
}
.download-apps__link img {
  width: 120px;
}
.download-apps__link + .download-apps__link {
  margin-left: 15px;
}

.download-apps__close {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #000;
  font-size: 14px;
}

facebook-friends {
  position: relative;
  display: inline-block;
  font-size: 0;
  line-height: 1;
}

.facebook-friends__btn {
  position: relative;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
  text-align: center;
  color: #3b5999;
  border: 1px solid #d4dedf;
  background-color: #fff;
  font-size: 14px;
  line-height: 1;
}
.facebook-friends__btn.loading:before {
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  background-color: #fff;
}
.facebook-friends__btn.loading:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  animation-name: placeHolderShimmer;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
}
.facebook-friends__btn span {
  display: inline-block;
  vertical-align: middle;
}
.facebook-friends__btn i {
  display: inline-block;
  vertical-align: top;
}
.facebook-friends__btn:hover, .facebook-friends__btn.active {
  color: #fff;
  background-color: #3b5999;
}

.facebook-friends__plus {
  vertical-align: middle;
  line-height: 1;
}

.gs-drop-down {
  position: absolute;
  z-index: 1;
  top: calc(100% + 15px);
  right: 0;
  min-width: 285px;
  cursor: default;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0);
  transform-origin: 50% 0;
  text-align: left;
  color: #000;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.gs-drop-down:before {
  position: absolute;
  top: -13px;
  right: 55px;
  width: 0;
  height: 0;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 13px solid rgba(0, 0, 0, 0.03);
  border-left: 13px solid transparent;
}
.gs-drop-down:after {
  position: absolute;
  top: -10px;
  right: 55px;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
}
.gs-drop-down.active {
  transform: scale(1);
  opacity: 1;
}

.gs-drop-down__title {
  padding: 15px 10px;
  text-align: center;
  color: #3b5999;
  border-bottom: 1px solid #e2e2e2;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.gs-drop-down__help {
  cursor: pointer;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
}

.gs-drop-down__empty {
  text-align: center;
}

.gs-drop-down__empty__img {
  width: 170px;
  margin: 15px auto;
}

.gs-drop-down__empty__invite {
  margin: 10px;
}

.gs-drop-down__items {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 300px;
}

.gs-drop-down__item {
  position: relative;
  padding: 10px 20px 10px 10px;
  cursor: pointer;
  white-space: nowrap;
  border-bottom: 1px solid #e2e2e2;
  font-size: 0;
  line-height: 1.3;
}
.gs-drop-down__item:hover {
  background-color: #e2e2e2;
}

.gs-drop-down__item__avatar {
  display: inline-block;
  overflow: hidden;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
}
.gs-drop-down__item__avatar img {
  width: 100%;
  height: 100%;
}

.gs-drop-down__item__name {
  display: inline-block;
  overflow: hidden;
  width: 130px;
  margin: 0 5px;
  vertical-align: middle;
  text-overflow: ellipsis;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}

.gs-drop-down__item__status {
  display: inline-block;
  padding: 2px 6px;
  vertical-align: middle;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 600;
}

.gs-drop-down__item__link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

fixed-footer {
  display: block;
}
fixed-footer .fix-footer {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  transition: 0.5s ease-in-out;
  transform: translate3d(0, 100%, 0);
  text-align: center;
  background-color: #fff;
  box-shadow: 0 -1px 17px -1px rgba(0, 0, 0, 0.6);
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
fixed-footer .fix-footer:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
fixed-footer .fix-footer.active {
  transform: translate3d(0, 0, 0);
}
@media screen and (max-width: 1000px) {
  fixed-footer .fix-footer {
    padding: 10px;
    text-align: center;
    display: none;
  }
}
fixed-footer .fix-footer__text {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  letter-spacing: 0;
  color: #666;
  font-size: 28px;
  font-weight: 300;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
fixed-footer .fix-footer__text span {
  color: #008ddc;
  font-weight: bold;
}
@media screen and (max-width: 1000px) {
  fixed-footer .fix-footer__text {
    display: none;
  }
}
fixed-footer .fix-footer__btn--s-- {
  display: inline-block;
  margin-left: 20px !important;
  padding: 8px 24px;
  vertical-align: middle;
  letter-spacing: 0;
  color: #fff;
  border-radius: 7.9px;
  background-color: #218ccc;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
fixed-footer .fix-footer__btn--s--:hover {
  text-decoration: none;
}
@media screen and (max-width: 1000px) {
  fixed-footer .fix-footer__btn--s-- {
    margin: 0 auto !important;
    text-align: center;
  }
}

follow-btn {
  display: inline-block;
  position: relative;
  transition: all 0.5s ease-in-out;
  vertical-align: middle;
  letter-spacing: 0.5px;
}
follow-btn > div {
  width: 100%;
}

follow-card {
  display: block;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 1;
}
follow-card + follow-card {
  margin-top: 10px;
}

.follow-card__cover {
  width: 100%;
  padding-bottom: 30%;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0, rgba(0, 0, 0, 0.137255) 0 1px 1px 0, rgba(0, 0, 0, 0.117647) 0 2px 1px -1px;
}

.follow-card__avatar {
  position: relative;
  display: block;
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin: -60px auto 0;
  transition: 0.2s ease-in-out;
  border: 4px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.follow-card__avatar .status {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 4px 0 9px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.71);
  font-size: 10px;
  z-index: 1;
  font-weight: 600;
}

.follow-card__follow-btn {
  min-height: 22px;
  margin: -37px auto 15px;
  text-align: right;
  font-size: 12px;
  line-height: 1.3;
}

.follow-card__name {
  margin: 20px 0 5px;
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.follow-card__country {
  color: #999;
  font-size: 14px;
  font-weight: 400;
}

gs-banner,
.gs-banner {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  font-size: 0;
}

.gs-banner__title {
  margin-bottom: 5px;
  text-align: left;
  font-weight: 400;
  font-size: 24px;
}

.gs-banner__img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-bottom: 55%;
  width: 100%;
  border-radius: 10px;
  background-color: #e2e2e2;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 1px 6px -1px rgba(27, 18, 18, 0.65);
  text-decoration: none;
  cursor: pointer;
  transition: 0.5s ease-in-out;
  transform: translateZ(0);
}
.gs-banner__img:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.gs-banner__img:hover:before {
  opacity: 1;
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

gs-challenge {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  position: relative;
  display: inline-block;
  width: 31%;
  min-width: 220px;
  max-width: 500px;
  height: auto;
  margin: 1%;
  padding: 0;
  vertical-align: top;
  color: #000;
  perspective: 1000px;
}
gs-challenge app-resource-indicator-component {
  position: absolute;
  bottom: 0;
  right: 3px;
  transform: translateY(50%);
}
@media screen and (max-width: 768px) {
  gs-challenge {
    width: calc(100% - 20px);
  }
}
gs-challenge:nth-child(3n-1) {
  margin: 1% 1.1%;
}
gs-challenge:before {
  display: none;
}
gs-challenge a {
  text-decoration: none;
  color: #000;
}
gs-challenge img {
  opacity: 1;
}

.gs-challenge__title {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
}
.gs-challenge__title:hover {
  text-decoration: none;
}
.gs-challenge__title span {
  color: #9e9e9e;
  font-weight: 300;
}

.gs-challenge__data {
  position: relative;
  overflow: hidden;
  height: 290px;
  background-color: #ddd;
  box-shadow: 0 1px 1px 0 rgba(50, 50, 50, 0.5);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-challenge__data.flash .gs-challenge__data__btn--status .ribbon:before {
  box-shadow: 0 0 0 5000px #DB63AB;
}
.gs-challenge__data__btn--status {
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
  white-space: nowrap;
  opacity: 0;
  font-size: 0;
  font-weight: 400;
  line-height: 1;
}
.gs-challenge__data__btn--status:hover, .gs-challenge__data__btn--status.active {
  opacity: 1;
}
.gs-challenge__data__btn--status:hover .ribbon.left, .gs-challenge__data__btn--status.active .ribbon.left {
  transform: translate3d(5px, 0, 0);
}
.gs-challenge__data__btn--status:hover .ribbon.right, .gs-challenge__data__btn--status.active .ribbon.right {
  transform: translate3d(-5px, 0, 0);
}
.gs-challenge__data__btn--status .status-btn {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 auto;
  padding: 10px 20px;
  min-width: 92px;
  cursor: pointer;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
  opacity: 1;
  color: #000;
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0 5px 26px 0 rgba(25, 24, 25, 0.3);
  font-size: 14px;
  font-weight: 600;
}
.gs-challenge__data__btn--status .status-btn .icon-key {
  position: absolute;
  bottom: calc(100% - 10px);
  left: calc(100% - 10px);
  padding: 4px;
  color: #3397d2;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  font-size: 14px;
}
.gs-challenge__data__btn--status .status-locked {
  position: relative;
  z-index: 2;
  display: inline-block;
  height: 84px;
  margin: 0 -7px;
  transform: translate3d(0, 0, 0);
  vertical-align: middle;
}
.gs-challenge__data__btn--status .ribbon {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  min-width: 130px;
  padding: 7px 15px;
  transition: transform 333ms ease-in-out;
  vertical-align: middle;
  text-transform: uppercase;
  color: #fff;
  background-color: transparent;
  font-size: 0;
  line-height: 1;
}
.gs-challenge__data__btn--status .ribbon span {
  font-size: 16px;
}
.gs-challenge__data__btn--status .ribbon:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 11px);
  width: 20.506px;
  height: 20.506px;
  content: "";
  transform: rotate(45deg);
  transform-origin: center center;
  background-color: transparent;
  box-shadow: 0 0 0 5000px #218CCC;
}
.gs-challenge__data__btn--status .ribbon.left {
  padding-left: 25px;
}
.gs-challenge__data__btn--status .ribbon.left:before {
  left: -10px;
}
.gs-challenge__data__btn--status .ribbon.right {
  padding-right: 25px;
}
.gs-challenge__data__btn--status .ribbon.right:before {
  right: -10px;
}
.gs-challenge__data:hover .gs-challenge__data__upload-photo {
  opacity: 0.8;
}
.gs-challenge__data:hover header {
  top: 20px;
}
.gs-challenge__data:hover header .avatar {
  left: 10px;
}
.gs-challenge__data:hover app-ng-image-component img {
  transform: translate(-50%, -50%) scale(1.1);
}
.gs-challenge__data:hover .gs-challenge__friends-line {
  width: 110%;
}
.gs-challenge__data:hover .gs-challenge__friends-line__avatar + .gs-challenge__friends-line__avatar {
  margin-left: 5px;
}
.gs-challenge__data:hover .gs-challenge__friends-line__count {
  color: #2C7FA6;
}
.gs-challenge__data:hover .gs-challenge__friends-line__text {
  display: inline-block;
}
.gs-challenge__data:hover .gs-challenge__data__btn {
  opacity: 0.8;
}
.gs-challenge__data:hover .gs-challenge__data__btn--status {
  opacity: 1;
}
.gs-challenge__data:hover .gs-challenge__friends-line {
  width: 110%;
}
.gs-challenge__data app-ng-image-component {
  position: absolute;
  inset: 0;
  height: inherit;
}
.gs-challenge__data app-ng-image-component img {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  width: 100%;
  min-width: 100%;
  height: auto !important;
  min-height: 100%;
  transition: transform 1s cubic-bezier(0.7, 0.15, 0.36, 1);
  transform: translate(-50%, -50%);
  opacity: 1;
  color: #ddd;
  object-fit: unset;
}
.gs-challenge__data app-users-limit-component {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 36px;
}
.gs-challenge__data header {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 40px;
  transition: all 0.5s ease-in-out;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.57);
  line-height: 40px;
}
.gs-challenge__data header .avatar {
  position: absolute;
  top: -6px;
  left: -100%;
  width: 55px;
  height: 55px;
  transition: all 0.5s ease-in-out;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.33);
}
.gs-challenge__data header .title, .gs-challenge__data header .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-challenge__data header .title-mobile {
  margin-left: 85px;
  text-align: left;
  vertical-align: middle;
  opacity: 1;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.gs-challenge__data header .title span, .gs-challenge__data header .challenges .challengeToggle .title-mobile span, .challenges .challengeToggle .gs-challenge__data header .title-mobile span {
  opacity: 0.8;
  font-weight: 600;
}
.gs-challenge__data .gs-challenge__match-timer {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 104px;
  height: 20px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 65px;
}
.gs-challenge__data .gs-challenge__match-timer .icon-timer-clock {
  font-size: 12px;
  margin-right: 4px;
  color: white;
}
.gs-challenge__data .gs-challenge__match-timer gs-timer {
  font-size: 12px;
  font-weight: 600;
  color: white;
  width: -moz-fit-content;
  width: fit-content;
  text-align: left;
}
.gs-challenge__data .gs-challenge__team-members-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.35);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 67px;
}
.gs-challenge__data .gs-challenge__team-members-footer span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 9px;
}
.gs-challenge__data .gs-challenge__team-members {
  display: flex;
  align-items: center;
  justify-content: center;
}
.gs-challenge__data .gs-challenge__team-members avatar {
  width: 24px;
  height: 24px;
  margin-left: -4px;
}
.gs-challenge__data .gs-challenge__team-members avatar img {
  border: solid 1px #383838;
}
.gs-challenge__data .gs-challenge__team-members avatar .admin-icon {
  display: none;
}
.gs-challenge__data .gs-challenge__team-members div {
  font-size: 14px;
  font-weight: bold;
  margin-left: 6px;
}
.gs-challenge__data footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.81);
}
.gs-challenge__data footer ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  list-style: none;
}
.gs-challenge__data footer ul li {
  position: relative;
  display: table-cell;
  width: 1%;
  padding: 10px 2px;
  text-align: center;
  vertical-align: middle;
}
.gs-challenge__data footer ul li:not(:last-child):after {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0;
  height: 80%;
  content: "";
  transform: translate3d(0, -50%, 0);
  border-right: 1px solid rgba(255, 255, 255, 0.76);
}
.gs-challenge__data footer ul li.countdown {
  font-weight: 300;
}
.gs-challenge__data footer ul li.countdown strong {
  font-weight: 300;
}
.gs-challenge__data footer ul li.closed {
  font-size: 16px;
}
.gs-challenge__data footer ul li.soon.text-line-split {
  padding: 0 20px;
}
.gs-challenge__data badge-v2 {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 1000px) {
  .gs-challenge__data > img {
    width: 150%;
    transform: translate(-50%, -50%);
  }
}

.gs-challenge__countdown {
  position: relative;
  display: table-cell;
  width: 1%;
  padding: 10px 2px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.gs-challenge__data__link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.01);
}

.gs-challenge__data__action {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  white-space: nowrap;
  font-size: 0;
  font-weight: 400;
  line-height: 1;
}

.gs-challenge__data__btn {
  display: inline-block;
  width: 180px;
  margin: 0 auto;
  padding: 10px;
  cursor: pointer;
  transition: opacity 200ms ease-in-out;
  opacity: 0;
  color: #000;
  border-radius: 3px;
  background-color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.gs-challenge__data__btn:hover {
  opacity: 1 !important;
}

.gs-challenge--upcoming .gs-challenge__data footer ul li:after {
  display: none;
}
.gs-challenge--upcoming footer ul li:last-child {
  padding-right: 15px;
  text-align: right;
  opacity: 0.7;
}
.gs-challenge--upcoming footer ul li:first-child {
  padding-right: 62px;
  padding-left: 25px;
  text-align: center;
}

.gs-challenge__friends-line {
  position: absolute;
  bottom: 65px;
  left: 0;
  display: inline-block;
  overflow: hidden;
  width: 120px;
  padding: 5px;
  transition: width 0.6s ease-in-out;
  text-align: left;
  white-space: nowrap;
  color: #fff;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  background-color: rgba(0, 0, 0, 0.81);
  line-height: 1;
}

.gs-challenge__friends-line__count {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: 600;
}
.gs-challenge__friends-line__count + .challenge-block__friends-line__text {
  margin-left: 2px;
}

.gs-challenge__friends-line__text {
  display: none;
  margin-left: 5px;
  vertical-align: middle;
  font-size: 14px;
}

.gs-challenge__friends-line__avatar {
  width: 40px;
  height: 40px;
  transition: margin 0.5s ease-in-out;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: -2px 0 7px 0 rgba(0, 0, 0, 0.85);
}
.gs-challenge__friends-line__avatar + .gs-challenge__friends-line__avatar {
  margin-left: -30px;
}

.gs-challenge__type-badge, .gs-challenge__newbie-badge, .gs-challenge__book-badge, .gs-challenge__expo-badge, .gs-challenge__premium-badge {
  position: absolute;
  top: 15px;
  right: -109px;
  left: auto;
  width: 300px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: 1px;
}
.gs-challenge__type-badge:after, .gs-challenge__newbie-badge:after, .gs-challenge__book-badge:after, .gs-challenge__expo-badge:after, .gs-challenge__premium-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}

.gs-challenge__premium-badge {
  color: #f0f0f0;
  background-color: #000;
  line-height: 50px;
}
.gs-challenge__premium-badge i {
  vertical-align: middle;
  font-size: 14px;
}
.gs-challenge__premium-badge span {
  vertical-align: middle;
  font-size: 12px;
  font-weight: 600;
}

.gs-challenge__newbie-badge, .gs-challenge__book-badge, .gs-challenge__expo-badge {
  padding: 10px 0;
  color: #000;
  background-color: #fff;
  font-weight: 600;
  line-height: 1;
}
.gs-challenge__newbie-badge:after, .gs-challenge__book-badge:after, .gs-challenge__expo-badge:after {
  border-color: #000;
}
.gs-challenge__newbie-badge span, .gs-challenge__book-badge span, .gs-challenge__expo-badge span {
  display: block;
  font-weight: 400;
}

.gs-challenge__expo-badge {
  text-align: center;
  letter-spacing: -0.2px;
  color: #fff;
  background-color: #005c83;
  font-size: 13px;
  line-height: 2.3;
}
.gs-challenge__expo-badge:after {
  border-color: #fff;
}

.gs-challenge__book-badge {
  text-align: center;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  color: #fff;
  background-color: #cc6238;
  font-size: 13px;
  line-height: 2.3;
}
.gs-challenge__book-badge:after {
  border-color: #fff;
}
.gs-challenge__book-badge i {
  margin-right: 3px;
}

.gs-challenge__speed-badge {
  position: absolute;
  top: -18px;
  right: -46px;
  width: 130px;
  padding: 25px 0 5px;
  transform: rotate(45deg);
  text-align: center;
  letter-spacing: -0.3px;
  color: #fff;
  background-color: #222;
  font-size: 14.1px;
  font-weight: 300;
  line-height: 1.2;
}
.gs-challenge__speed-badge i {
  color: #ff9600;
  font-size: 24px;
}

.gs-challenge__exhibition-badge {
  position: absolute;
  top: 18px;
  right: -42px;
  left: auto;
  width: 160px;
  transform: rotate(45deg) translateZ(0);
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #005c83;
  font-size: 12px;
  font-weight: 600;
  line-height: 43px;
}
.gs-challenge__exhibition-badge:after {
  position: absolute;
  top: 5px;
  display: block;
  width: 100%;
  height: calc(100% - 10px);
  content: "";
  border: 1px solid #fff;
}
.gs-challenge__exhibition-badge i {
  vertical-align: middle;
  line-height: 1.1;
}
.gs-challenge__exhibition-badge span {
  vertical-align: middle;
  line-height: 1;
}

.gs-challenge__moderation-reports {
  text-align: center;
  margin-bottom: 10px;
}

.gs-challenge__match-title {
  font-size: 16px;
  font-weight: 800;
  width: 100%;
  position: relative;
  text-align: center;
  color: white;
  top: 25px;
}

.gs-challenge__data__shadow {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.17) 28%, rgba(0, 0, 0, 0.72));
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.gs-challenge__data__action__match .status-locked {
  height: 50px;
}

gs-challenge-box,
.gs-challenge-box {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  margin: 10px auto;
  width: 100%;
  font-size: 0;
}

.gs-challenge-box__title {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-weight: 300;
  font-size: 18px;
  cursor: pointer;
}
.gs-challenge-box__title span {
  font-weight: 400;
  font-size: 18px;
}

.gs-challenge-box__body {
  position: relative;
  overflow: hidden;
  padding-bottom: 55%;
  width: 100%;
  background-color: #e2e2e2;
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 1px 6px -1px rgba(27, 18, 18, 0.65);
  cursor: pointer;
}
.gs-challenge-box__body:hover .gs-challenge-box__guru {
  top: 20px;
}
.gs-challenge-box__body:hover .gs-challenge-box__guru__avatar {
  left: 10px;
}

.gs-challenge-box__guru {
  position: absolute;
  top: -40px;
  width: 100%;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.57);
  color: #FFF;
  line-height: 40px;
  transition: all 0.3s ease-in-out;
}

.gs-challenge-box__guru__avatar {
  position: absolute;
  top: -6px;
  left: -55px;
  width: 55px;
  height: 55px;
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease-in-out;
}

.gs-challenge-box__guru__name {
  margin-left: 85px;
  color: #FFF;
  vertical-align: middle;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  opacity: 1;
}
.gs-challenge-box__guru__name span {
  font-weight: 600;
  opacity: 0.8;
}

.gs-challenge-box__info {
  position: absolute;
  bottom: 0;
  display: table;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.81);
  color: #FFF;
  table-layout: fixed;
  font-size: 0;
  line-height: 1;
}

.gs-challenge-box__info__item {
  position: relative;
  display: table-cell;
  padding: 10px 2px;
  width: 1%;
  color: rgba(255, 255, 255, 0.6);
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
}
.gs-challenge-box__info__item + .gs-challenge-box__info__item:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 0;
  height: 65%;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
  content: "";
  transform: translateY(-50%);
}
.gs-challenge-box__info__item span {
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 23px;
}

.gs-challenge-box__info__item__line {
  display: table-cell;
  width: 0;
  height: 100%;
  border-left: 1px solid #FFF;
}

.gs-challenge-box__premium-badge {
  position: absolute;
  top: 20px;
  right: -45px;
  padding: 0px 40px;
  background-color: rgba(0, 0, 0, 0.58);
  color: #FFF;
  text-align: center;
  letter-spacing: 1px;
  line-height: 43px;
  transform: rotate(45deg);
}
.gs-challenge-box__premium-badge:after {
  position: absolute;
  bottom: 5px;
  left: 0;
  width: 100%;
  height: 0;
  border: none;
  border-bottom: 1px solid #fff;
  content: "";
}
.gs-challenge-box__premium-badge i {
  margin: 0 5px 0 0;
  vertical-align: middle;
  font-size: 18px;
  line-height: 1;
}
.gs-challenge-box__premium-badge span {
  vertical-align: middle;
  font-weight: 600;
  font-size: 12px;
}

gs-comments {
  display: block;
  overflow: hidden;
  width: 100%;
  text-align: left;
  font-size: 14px;
}

.gs-comments__title {
  color: #666;
  font-size: 18px;
  font-weight: 600;
}
.gs-comments__title span {
  display: inline-block;
  vertical-align: middle;
}

.gs-comments__prev-btn {
  margin: 20px 0 15px;
  cursor: pointer;
  transition: color 0.25s ease-in-out;
  text-align: center;
  color: #666;
  font-size: 13px;
  font-weight: 600;
}
.gs-comments__prev-btn:hover {
  color: #218ccc;
}

.gs-comments__items {
  margin-top: 15px;
}

.gs-comments__item, .gs-comments__item--new {
  position: relative;
  margin: 20px auto;
  white-space: nowrap;
  font-size: 0;
}
.gs-comments__item:before, .gs-comments__item--new:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.gs-comments__item--new .gs-comments__item__text {
  margin-top: 0;
}

.gs-comments__item__avatar {
  display: inline-block;
  overflow: hidden;
  width: 36px;
  height: 36px;
  vertical-align: top;
  border-radius: 50%;
  z-index: 1;
  position: relative;
}
.gs-comments__item__avatar img {
  width: 100%;
  z-index: 1;
  position: relative;
}

.gs-comments__item__text {
  position: relative;
  display: inline-block;
  width: calc(100% - 35px);
  margin-top: 8px;
  padding: 0 10px;
  text-align: left;
  vertical-align: top;
  white-space: normal;
  color: #666;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.3;
}
.gs-comments__item__text:hover .gs-comments__item__actions {
  transform: scale(1);
}
.gs-comments__item__text a {
  text-decoration: none;
  color: #666;
  font-size: 12px;
  font-weight: 600;
}

.gs-comments__textarea {
  display: block;
  overflow: auto;
  width: 100%;
  padding: 10px;
  resize: none;
  border: 1px solid #dedada;
  border-radius: 3px;
  outline: none;
  background-color: #f5f5f5;
  line-height: 1.3;
}
.gs-comments__textarea::placeholder {
  color: #999;
}

.gs-comments__new-actions {
  padding: 3px;
  text-align: right;
  border-right: 1px solid #dedada;
  border-bottom: 1px solid #dedada;
  border-left: 1px solid #dedada;
  background-color: #f5f5f5;
  font-size: 0;
}
.gs-comments__new-actions .gs-btn--blue--s--, .gs-comments__new-actions .gs-btn--white, .gs-comments__new-actions .gs-btn--red, .gs-comments__new-actions .gs-btn--grey, .gs-comments__new-actions .gs-btn--instagram, .gs-comments__new-actions fixed-footer .fix-footer__btn--s--, fixed-footer .gs-comments__new-actions .fix-footer__btn--s-- {
  min-width: 0;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.gs-comments__item__date {
  margin-top: 10px;
  color: #999;
  font-size: 12px;
  font-weight: 300;
}

.gs-comments__item__actions {
  position: absolute;
  right: 0;
  bottom: -3px;
  transition: transform 0.15s ease-in-out;
  transform: scale(0);
  transform-origin: center bottom;
  border-radius: 4px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  .gs-comments__item__actions {
    transform: scale(1);
  }
}

.gs-comments__item__action-btn {
  display: inline-block;
  padding: 5px;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
  vertical-align: bottom;
  color: #666;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-comments__item__action-btn:hover {
  color: #218ccc;
}
.gs-comments__item__action-btn + .gs-comments__item__action-btn {
  margin-left: 2px;
}
.gs-comments__item__action-btn span {
  display: inline-block;
  vertical-align: middle;
}
.gs-comments__item__action-btn i {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .gs-comments__item__action-btn i {
    display: none;
  }
  .gs-comments__item__action-btn span {
    font-size: 10px;
  }
}

.gs-comments__item-reply, .gs-comments__item-reply--new {
  position: relative;
  margin: 20px 0 20px 40px;
  display: block;
  font-size: 12px;
}
.gs-comments__item-reply:before, .gs-comments__item-reply--new:before {
  position: absolute;
  bottom: calc(100% - 20px);
  left: -23px;
  display: inline-block;
  width: 20px;
  height: calc(50% + 45px);
  content: "";
  border-bottom: 1px solid #979797;
  border-left: 1px solid #979797;
}

.gs-comments__item-reply--new {
  overflow: hidden;
  max-height: 500px;
  transition: max-height 0.6s ease-in-out;
}
.gs-comments__item-reply--new.closed {
  max-height: 0;
  margin: 0;
}
.gs-comments__item-reply--new:before {
  top: inherit;
  bottom: calc(100% - 21px);
}
.gs-comments__item-reply--new .gs-comments__item__text {
  overflow: hidden;
  margin-top: 0;
}

.gs-comments__new-comment {
  width: 100%;
}

#footer {
  display: block;
  width: 100%;
  font-size: 0;
  line-height: 1;
}

.gs-footer__follow {
  display: inline-block;
  vertical-align: middle;
}
.gs-footer__follow .title, .gs-footer__follow .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-footer__follow .title-mobile {
  display: inline-block;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  color: #777;
  font-size: 12px;
}
.gs-footer__follow ul {
  display: inline-block;
  vertical-align: middle;
}
.gs-footer__follow li {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  transition: opacity 333ms ease-in-out;
  vertical-align: middle;
  opacity: 0.75;
  border-radius: 50%;
  background-color: #ccc;
  font-size: 12px;
  line-height: 25px;
}
.gs-footer__follow li:hover {
  opacity: 1;
}
.gs-footer__follow li.facebook {
  background: #5f7ec1;
}
.gs-footer__follow li.twitter {
  background: #3bc9ff;
}
.gs-footer__follow li.googleplus {
  background: #e8867a;
}
.gs-footer__follow li.pinterest {
  background: #e45459;
}
.gs-footer__follow li.youtube {
  background: #e9272d;
}
.gs-footer__follow li.instagram {
  background: #9b6954;
}
.gs-footer__follow li.tumblr {
  background-color: #35465c;
}
.gs-footer__follow li a {
  display: block;
  color: #fff;
}

.gs-footer__share {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer;
  vertical-align: middle;
}
.gs-footer__share .title, .gs-footer__share .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-footer__share .title-mobile {
  display: inline-block;
  vertical-align: middle;
  color: #777;
  font-size: 12px;
}
.gs-footer__share .share-btn {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-left: 8px;
  cursor: pointer;
  transition: opacity 333ms ease-in-out;
  vertical-align: middle;
  opacity: 0.75;
  border-radius: 50%;
  background-color: #ccc;
  font-size: 12px;
  line-height: 25px;
}
.gs-footer__share .share-btn:hover {
  opacity: 1;
}

ul.gs-footer__links {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 730px) {
  ul.gs-footer__links {
    display: block;
    margin-left: 0;
    padding: 10px 0;
    line-height: 2;
  }
  ul.gs-footer__links li {
    margin: 0 10px;
  }
  ul.gs-footer__links a {
    font-size: 12px;
    font-weight: 400;
  }
}

.gs-footer__links {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.gs-footer__links li {
  display: inline-block;
  margin: 0 10px;
}
.gs-footer__links a {
  color: #777;
  font-size: 14px;
  font-weight: 600;
}

.gs-footer__gurushots {
  position: absolute;
  right: 2px;
  bottom: 2px;
  color: #777;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.3;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  .gs-footer__gurushots {
    position: initial;
    display: block;
    text-align: center;
    font-size: 10px;
  }
  .gs-footer__gurushots span {
    display: none;
  }
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}
.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}
.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}
.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}
.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}
.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}
.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}
.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}
.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}
.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}
.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}
.gs-theme-button-error {
  background-color: #FF6B6B;
}
.gs-theme-button-confirmation {
  background-color: #00F5C2;
}
.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}
.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-button-gold_icon {
  background-color: #FFC422;
}
.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}
.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}
.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}
.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}
.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}
.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}
.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}
.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}
.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}
.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}
.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}
.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}
.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}
.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}
.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}
.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}
.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}
.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}
.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}
.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}
.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}
.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}
.gs-theme-color-error {
  color: #FF6B6B;
}
.gs-theme-color-black_100 {
  color: #000000;
}
.gs-theme-color-blue_05 {
  color: #F2FAFE;
}
.gs-theme-color-blue_100 {
  color: #218CCC;
}
.gs-theme-color-blue_10 {
  color: #E8F3F9;
}
.gs-theme-color-blue_20 {
  color: #D3E8F5;
}
.gs-theme-color-blue_30 {
  color: #BCDCEF;
}
.gs-theme-color-blue_40 {
  color: #A6D1EB;
}
.gs-theme-color-blue_50 {
  color: #90C5E5;
}
.gs-theme-color-blue_60 {
  color: #7ABAE0;
}
.gs-theme-color-blue_70 {
  color: #63AEDB;
}
.gs-theme-color-blue_80 {
  color: #4DA3D6;
}
.gs-theme-color-blue_90 {
  color: #3797D1;
}
.gs-theme-color-blue_solid {
  color: #578CFF;
}
.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}
.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}
.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}
.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}
.gs-theme-color-cool_05 {
  color: #F6F8FA;
}
.gs-theme-color-cool_100 {
  color: #597DA1;
}
.gs-theme-color-cool_10 {
  color: #EEF2F5;
}
.gs-theme-color-cool_20 {
  color: #DEE5EC;
}
.gs-theme-color-cool_30 {
  color: #CDD8E2;
}
.gs-theme-color-cool_40 {
  color: #BDCBD9;
}
.gs-theme-color-cool_50 {
  color: #ACBED0;
}
.gs-theme-color-cool_60 {
  color: #9CB1C7;
}
.gs-theme-color-cool_70 {
  color: #8BA4BD;
}
.gs-theme-color-cool_80 {
  color: #7B97B4;
}
.gs-theme-color-cool_90 {
  color: #6A8AAA;
}
.gs-theme-color-dark_green {
  color: #4F806B;
}
.gs-theme-color-dark_orange {
  color: #E08B0A;
}
.gs-theme-color-dark_purple {
  color: #57369C;
}
.gs-theme-color-gray_05 {
  color: #F5F5F5;
}
.gs-theme-color-gray_10 {
  color: #EAEAEA;
}
.gs-theme-color-gray_20 {
  color: #D7D7D7;
}
.gs-theme-color-gray_30 {
  color: #C2C2C2;
}
.gs-theme-color-gray_40 {
  color: #AFAFAF;
}
.gs-theme-color-gray_50 {
  color: #9A9A9A;
}
.gs-theme-color-gray_60 {
  color: #868686;
}
.gs-theme-color-gray_70 {
  color: #727272;
}
.gs-theme-color-gray_80 {
  color: #5E5E5E;
}
.gs-theme-color-gray_90 {
  color: #4A4A4A;
}
.gs-theme-color-gray_100 {
  color: #363636;
}
.gs-theme-color-green_highlight {
  color: #0F8730;
}
.gs-theme-color-light_green {
  color: #E6FEF1;
}
.gs-theme-color-light_orange {
  color: #FFF0E8;
}
.gs-theme-color-light_purple {
  color: #E4E6FF;
}
.gs-theme-color-light_red {
  color: #FFE7E7;
}
.gs-theme-color-white_100 {
  color: #FFFFFF;
}
.gs-theme-color-gold_key {
  color: #FFBA00;
}
.gs-theme-color-light-gold {
  color: #FFF7D8;
}
.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}
.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}
.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}
.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}
.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}
.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}
.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}
.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}
.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}
.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}
.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}
.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}
.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}
.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}
.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}
.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}
.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}
.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}
.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}
.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}
.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}
.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}
.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}
.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}
.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}
.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}
.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}
.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}
.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}
.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}
.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}
.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}
.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}
.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}
.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}
.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}
.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}
.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}
.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}
.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}
.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}
.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}
.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}
.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}
.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}
.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}
.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}
.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}
.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}
.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}
.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}
.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}
.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}
.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}
.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}
.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}
.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}
.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}
.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

gs-header {
  display: block;
}
gs-header .moderation-icon {
  float: left;
  margin-right: 23px;
  cursor: pointer;
  height: 100%;
}
gs-header .moderation-icon img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
gs-header .gs-new-indicator {
  left: -20px;
}

.c-signup-btn--s-- {
  position: relative;
}

.gs-container {
  position: relative;
  max-height: 68px;
}

.gs-header__logo--s-- {
  position: relative;
  display: inline-block;
  height: 68px;
  vertical-align: top;
  text-decoration: none;
  text-transform: none;
  color: #fff;
  line-height: 61px;
  /* TODO: use &__icon as result would be a one class .gs-header__logo__icon instead multiple classes .gs-header which should contain logo__icon inside html */
}
.gs-header__logo--s--:hover {
  text-decoration: none;
}
.gs-header__logo--s-- .logo__icon {
  vertical-align: middle;
  font-size: 28px;
}
.gs-header__logo--s-- .logo__text {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.gs-header__logo--s-- img {
  width: 51px;
  height: 51px;
  vertical-align: middle;
}

.gs-header__float-wrapper {
  position: relative;
  display: block;
  float: left;
  height: 68px;
  margin-right: 23px;
  white-space: initial;
  font-size: 0;
}

.gs-header__upload-btn {
  display: inline-block;
  padding: 3px 10px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #fff;
  border-radius: 3px;
  background-color: #3397d2;
  font-size: 22px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-header__upload-btn:hover {
  background-color: rgba(32, 141, 205, 0.74);
}
.gs-header__upload-btn i {
  vertical-align: middle;
  font-size: 24px;
}
.gs-header__upload-btn span {
  margin-left: 3px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: 600;
}
@media screen and (max-width: 1378px) {
  .gs-header__upload-btn {
    padding: 0;
    background-color: transparent;
  }
  .gs-header__upload-btn:hover {
    color: #3397d2;
    background-color: transparent;
  }
  .gs-header__upload-btn span {
    display: none;
  }
}

.gs-header__avatar {
  cursor: pointer;
  font-size: 0;
}
.gs-header__avatar avatar .gs-avatar {
  height: 45px;
  width: 45px;
  display: inline-block;
  vertical-align: middle;
}
.gs-header__avatar avatar:after {
  font-size: 17px !important;
}
.gs-header__avatar .gs-drop-down-menu {
  font-size: 14px;
}

.gs-header__main-menu {
  margin-left: 20px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-header__main-menu > a,
.gs-header__main-menu > .hasNav {
  position: relative;
  display: inline-block;
  padding: 0 20px 0;
  transition: 0.2s cubic-bezier(0.2, 0.4, 0.33, 1.5);
  text-decoration: none;
  color: #fff;
  border-radius: 4px;
  line-height: 2.6;
  font-size: 13px;
}
.gs-header__main-menu > a:hover,
.gs-header__main-menu > .hasNav:hover {
  background: rgba(255, 255, 255, 0.15);
}
.gs-header__main-menu > a.special {
  margin-left: 1.5em;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  background: none;
  line-height: 2.2;
}
.gs-header__main-menu > a.special:hover {
  border: 1px solid rgba(255, 255, 255, 0.85);
}
.gs-header__main-menu > a.discover {
  position: relative;
}
.gs-header__main-menu > a.discover .new {
  position: absolute;
  z-index: 9999;
  top: -10px;
  right: -3px;
  display: inline-block;
  padding: 3px;
  color: #fff;
  border-radius: 2px;
  background-color: #2c7fa6;
  box-shadow: 0 0 0 0.3px rgba(0, 0, 0, 0.3);
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}
.gs-header__main-menu__beta-label {
  border: 1px solid #727272;
  padding: 3px;
  border-radius: 4px;
}
@media screen and (max-width: 1305px) {
  .gs-header__main-menu .gs-new-indicator {
    left: -13px;
  }
  .gs-header__main-menu > a {
    padding: 0 15px 0;
    font-size: 12px;
  }
}
@media screen and (max-width: 1220px) {
  .gs-header__main-menu .gs-new-indicator {
    left: -7px;
    font-size: 12px;
    height: 16px;
  }
  .gs-header__main-menu > a {
    padding: 0 10px 0;
    font-size: 11px;
  }
}
@media screen and (max-width: 1145px) {
  .gs-header__main-menu .gs-new-indicator {
    left: -7px;
    font-size: 12px;
    height: 16px;
  }
  .gs-header__main-menu > a {
    padding: 0 10px 0;
    font-size: 11px;
  }
}

.gs-header__admin-label {
  position: absolute;
  top: calc(100% - 22px);
  left: 37px;
  white-space: nowrap;
  color: #fff;
  border-radius: 2px;
  background-color: #e82b41;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  line-height: 1;
}
.gs-header__admin-label:hover .gs-header__admin-label__item {
  display: block;
  visibility: visible;
  max-width: 400px;
  max-height: 100px;
  padding: 2px 5px;
  opacity: 1;
}

.gs-header__admin-label__item {
  visibility: hidden;
  max-width: 0;
  max-height: 0;
  padding: 0;
  transition: all 333ms ease-in-out;
  opacity: 0;
  font-size: 12px;
}
.gs-header__admin-label__item:first-child {
  display: block;
  visibility: visible;
  max-width: 400px;
  max-height: 100px;
  padding: 2px 5px;
  opacity: 1;
}

#header--s-- {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
#header--s--.sticky {
  position: fixed;
  height: 68px;
  background-color: rgba(0, 0, 0, 0.85);
}
#header--s--.gs-header--s-- {
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: 600;
  backface-visibility: hidden;
  perspective: 1000px;
  transform-style: preserve-3d;
  position: fixed;
  z-index: 31;
  top: 0;
  left: 0;
  width: 100%;
  height: 68px;
  max-height: 68px;
  transition: none;
  transform: translate3D(0, 0, 0);
  background-color: #000;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  line-height: 68px;
  will-change: transform;
}
#header--s--.gs-header--s-- .user--s-- > .avatar {
  max-height: 68px;
}
#header--s--.gs-header--s-- .user--s-- .avatarImg {
  cursor: pointer;
  opacity: 1;
}
#header--s--.gs-header--s-- .gsLogo {
  animation-duration: 2s;
}
#header--s-- a {
  text-decoration: none;
}
#header--s-- .gsLogo {
  margin: -4px 42px 0 0;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}
#header--s-- .icon-menu {
  display: none;
  height: 100%;
  margin: 0 0.2em 0 0;
  padding: 0 5px;
  vertical-align: top;
  color: #fff;
  font-size: 2em;
  line-height: 68px;
}
#header--s-- .user--s-- {
  position: relative;
  float: right;
}
#header--s-- .user--s-- > .avatar {
  float: right;
}
#header--s-- .user--s-- > .stats {
  display: flex;
  float: left;
  align-items: center;
  flex-direction: column;
  margin-top: 11px;
  margin-right: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
#header--s-- .user--s-- > .stats > .status {
  margin-bottom: 3px;
  padding: 4px 10px;
  border-radius: 3px;
  background-color: #2C7FA6;
}
#header--s-- .user--s-- > .stats > .points {
  font-size: 16px;
  font-weight: 400;
}
#header--s-- .user--s-- > a,
#header--s-- .user--s-- .signin--s--,
#header--s-- .user--s-- .c-signup-btn--s-- {
  padding: 0 1em;
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #fff;
  border-radius: 2px;
  line-height: 3;
}
#header--s-- .user--s-- > span {
  top: 12px;
  bottom: 12px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
#header--s-- .user--s--.follower--s-- > a {
  padding: 0 1em;
}
#header--s-- .user--s-- .upload-photos {
  position: relative;
  z-index: initial;
  display: block;
  float: left;
  height: 68px;
  margin-right: 18px;
  white-space: initial;
  text-transform: none;
  word-wrap: break-word;
  border-radius: 0;
  font-size: 0;
  line-height: 63px;
}
#header--s-- .user--s-- .upload-photos:hover i {
  transition: 0.2s cubic-bezier(0.2, 0.4, 0.33, 1.5);
  background: rgba(255, 255, 255, 0.15);
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.15);
}
#header--s-- .user--s-- .upload-photos i {
  position: relative;
  vertical-align: middle;
  color: #fff;
  font-size: 24px;
  line-height: 1;
}
#header--s-- .user--s-- .upload-photos span {
  display: block;
  font-size: 11px;
  line-height: 1;
}
#header--s-- .user--s-- .avatarImg {
  height: calc(68px / 1.5);
  vertical-align: middle;
  opacity: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}
#header--s-- .icon-menu.gs-header__mobile-menu-btn {
  margin: 0 0 0 -10px;
  padding: 0 15px 0 10px;
}
#header--s-- .icon-menu.gs-header__mobile-menu-btn:before {
  display: none;
}
#header--s-- .icon-menu.gs-header__mobile-menu-btn i {
  font-size: 24px;
}
@media screen and (max-width: 1000px) {
  #header--s-- {
    display: none;
  }
}

.simpleHeader, .textual > #header--s-- {
  height: 68px;
  background: #000;
}

gs-justified-gallery {
  display: block;
}

.gs-justified-gallery__grid {
  position: relative;
  font-size: 0;
  line-height: 1;
}
.gs-justified-gallery__grid > div {
  opacity: 1;
}

.gs-justified-gallery__item {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  color: #fff;
  background-color: #ccc;
}
.gs-justified-gallery__item .icon-star {
  position: absolute;
  left: 100px;
  bottom: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
  font-size: 18px;
  line-height: 28px;
}
.gs-justified-gallery__item .winner {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(8, 8, 8, 0.5);
  font-size: 90px;
}
.gs-justified-gallery__item:hover .gallery__item__zoom-btn {
  display: block;
}

.gs-justified-gallery-item__image {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  animation: 1s opacityUp cubic-bezier(0.15, 0.53, 0.34, 1) forwards;
}
.gs-justified-gallery-item__image.loaded {
  display: inline-block;
}

.gs-justified-gallery-item__rank {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  color: #fff;
  text-shadow: 1px 1px 8px #000;
  font-size: 22px;
  font-weight: 600;
}

.gs-justified-gallery-item__votes {
  position: absolute;
  bottom: 10px;
  left: 12px;
  vertical-align: middle;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 18px;
  font-weight: 600;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-justified-gallery-item__votes i {
  vertical-align: middle;
  font-size: 24px;
}
.gs-justified-gallery-item__votes span {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .gs-justified-gallery-item__votes {
    bottom: 5px;
    left: 5px;
    transform: scale(1);
    font-size: 14px;
  }
  .gs-justified-gallery-item__votes i {
    font-size: 14px;
  }
}

.gs-justified-gallery-item__avatar {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transform: scale(0);
  transform-origin: 50% 50%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-justified-gallery-item__avatar .avatar {
  position: relative;
  overflow: hidden;
  width: 85px;
  height: 85px;
  margin: 0 auto;
  border: 3px solid #fff;
  border-radius: 50%;
  background-color: #d1d1d1;
}
.gs-justified-gallery-item__avatar .avatar img {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
}
.gs-justified-gallery-item__avatar .avatar .status {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-content: center;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 100px;
  padding-bottom: 14px;
  color: #fff;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 27%, transparent 27%);
  font-size: 9px;
  font-weight: 700;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  .gs-justified-gallery-item__avatar .avatar .status {
    display: none;
  }
}
.gs-justified-gallery-item__avatar .info {
  margin-top: 5px;
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
}
.gs-justified-gallery-item__avatar .info span {
  display: block;
  font-weight: 400;
}
.gs-justified-gallery-item__avatar .info-totals {
  text-align: center;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 10px;
}
.gs-justified-gallery-item__avatar .badge {
  display: block;
  vertical-align: middle;
}
.gs-justified-gallery-item__avatar .badge badge {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  .gs-justified-gallery-item__avatar {
    display: none;
  }
}

.gs-justified-gallery-item__select, .gs-justified-gallery-item__select--digital, .gs-justified-gallery-item__select--print, .gs-justified-gallery-item__select--info {
  position: absolute;
  bottom: 5px;
  cursor: pointer;
  color: #fff;
  text-shadow: 1px 1px 6px #000;
  font-size: 24px;
  font-weight: 400;
}

.gs-justified-gallery-item__select--info {
  right: 80px;
}

.gs-justified-gallery-item-show {
  transition: transform 333ms ease-in-out;
  transform: scale(1);
}
.gs-justified-gallery-item-show > .icon-star {
  display: none;
}

.gs-justified-gallery-item__select--print {
  right: 45px;
}
.gs-justified-gallery-item__select--print.selectedExpo {
  color: tomato;
}

.gs-justified-gallery-item__select--digital {
  right: 10px;
}
.gs-justified-gallery-item__select--digital.selectedExpo {
  color: #218ccc;
}

.gallery__item__zoom-btn {
  position: absolute;
  top: 13px;
  left: 13px;
}
.gallery__item__zoom-btn img {
  width: 34px;
  height: 34px;
}

.gallery__item__v-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 13px;
  width: 30px;
  height: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.29);
  border: 2px solid #f4f4f4;
  z-index: 100;
  border-radius: 2px;
}
.gallery__item__v-btn i {
  display: none;
}

.gs-justified-gallery__item__v-btn-selected {
  box-shadow: unset;
  background-color: #3397d2;
  border: unset;
}
.gs-justified-gallery__item__v-btn-selected i {
  font-size: 13px;
  display: block;
  color: white;
}

.gs-justified-gallery__item__offtopic-state {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 31px;
  object-fit: contain;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  font-size: 14px;
  color: white;
}

.gs-justified-gallery__moderation-adult .adult-icon, .gs-justified-gallery__moderation-adult .porn-icon {
  top: 10px;
  position: absolute;
  cursor: pointer;
  z-index: 100;
  width: 50px;
  height: 50px;
  font-size: 20px;
}
.gs-justified-gallery__moderation-adult .adult-icon {
  left: 10px;
}
.gs-justified-gallery__moderation-adult .porn-icon {
  right: 10px;
}
.gs-justified-gallery__moderation-adult .gallery__item__zoom-btn {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

gs-members-list {
  position: absolute;
  z-index: 10;
  bottom: -12px;
  left: 0;
  display: block;
  width: 370px;
  max-width: calc(100vw - 20px);
  min-height: 200px;
  cursor: default;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateY(100%);
  transform-origin: 10% 0;
  white-space: initial;
  word-wrap: break-word;
  opacity: 1;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
gs-members-list .pl-text {
  line-height: 355px;
  font-size: 18px;
}
gs-members-list:before {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 25px;
  width: 0;
  height: 0;
  content: "";
  border-right: 10px solid transparent;
  border-bottom: 10px solid white;
  border-left: 10px solid transparent;
}
gs-members-list:after {
  position: absolute;
  z-index: 1;
  top: -13px;
  left: 22px;
  width: 0;
  height: 0;
  content: "";
  border-right: 13px solid transparent;
  border-bottom: 13px solid rgba(0, 0, 0, 0.03);
  border-left: 13px solid transparent;
}
gs-members-list.active {
  transform: translateY(100%) scale(1);
  opacity: 1;
}
gs-members-list.likes {
  left: -210px;
}
gs-members-list.likes:before {
  left: 225px;
}
gs-members-list.likes:after {
  left: 222px;
}
gs-members-list .pl-wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
}
gs-members-list .pl-wrapper > header {
  display: block;
  width: calc(100% - 20px);
  margin: 8px 10px 0;
  text-align: left;
  vertical-align: middle;
  text-transform: none;
  color: #000;
  border-bottom: 1px solid #000;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 2;
}
gs-members-list .pl-wrapper .pl-data {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: 355px;
  margin-top: 5px;
  margin-left: 10px;
}
gs-members-list .pl-wrapper .pl-data::-webkit-scrollbar {
  width: 10px;
  height: 4px;
}
gs-members-list .pl-wrapper .pl-data::-webkit-scrollbar-button {
  width: 10px;
  height: 4px;
}
gs-members-list .pl-wrapper .pl-data::-webkit-scrollbar-thumb {
  border: 0 none #fff;
  border-radius: 50px;
  background: #979797;
}
gs-members-list .pl-wrapper .pl-data::-webkit-scrollbar-track {
  border: 0 none #fff;
  border-radius: 50px;
  background: #fff;
}
gs-members-list .pl-wrapper .pl-data::-webkit-scrollbar-corner {
  background: transparent;
}
gs-members-list .pl-wrapper .pl-data .pl-item {
  position: relative;
  display: block;
  clear: both;
  overflow: auto;
  padding: 8px 3px 8px 0;
  text-align: center;
  vertical-align: middle;
  color: #000;
  border-bottom: 1px solid #f2f2f2;
  background-color: rgba(151, 151, 151, 0.1);
}
gs-members-list .pl-wrapper .pl-data .pl-item.message {
  display: block;
  margin: 10px 0;
  border: none;
  background: none;
  line-height: 1.3;
}
gs-members-list .pl-wrapper .pl-data .pl-item.read {
  background-color: #fff;
}
gs-members-list .pl-wrapper .pl-data .pl-item.loading {
  color: #827f7f;
  font-size: 16px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  min-height: 75px;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column1 {
  width: 70px;
  text-align: center;
  line-height: 75px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column1 a {
  z-index: 2;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 {
  width: 190px;
  min-height: 75px;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 > a {
  display: block;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .text {
  display: block;
  min-height: 54px;
  margin: 0;
  padding: 5px 3px 3px;
  vertical-align: top;
  text-transform: none;
  color: rgb(88, 84, 84);
  text-shadow: 0 1px 2px rgba(150, 150, 150, 0.2);
  line-height: 1.2;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .text > a {
  display: inline-block;
  overflow: hidden;
  max-width: 95px;
  white-space: nowrap;
  text-decoration: none;
  text-overflow: ellipsis;
  color: rgb(88, 84, 84);
  font-weight: 600;
  line-height: 1.7;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .text > span.status {
  display: inline-block;
  padding: 2px 6px;
  vertical-align: top;
  color: #666;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 0.9em;
  font-weight: 600;
  line-height: 1.2;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .text > span.status.green {
  color: #fff;
  background-color: #6cab81;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .text > span.challenge {
  color: #666;
  font-weight: 600;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column2 .time-left {
  display: block;
  height: 20%;
  margin: 4px 0;
  padding: 0;
  vertical-align: top;
  color: #b6b6b6;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 {
  min-width: 76px;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  line-height: 2;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 > a {
  display: block;
  width: 65px;
  height: 70px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 .voting-power {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 6px 0 5px;
  color: #fff;
  border: 1px solid rgba(153, 153, 153, 0.49);
  border-radius: 50%;
  background-color: rgb(108, 171, 129);
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 .voting-power > i {
  top: 45%;
  color: #fff;
  font-size: 15px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 .voting-power--icon {
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column.column3 .voting-power--icon i {
  position: inherit;
  transform: none;
  color: #218ccc;
  font-size: 45px;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .points {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #252525;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .points > img {
  width: 100%;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .badge {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  transform: translate(-50%, -50%);
  font-size: 8px;
  font-weight: 400;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .member-status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  font-size: 10px;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .member-status:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 90%;
  content: "";
  transform: translate(-50%, -50%);
  border-width: 1px 0;
  border-style: solid;
  border-color: #000;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .member-status p {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  transform: translate(-50%, -50%);
  font-weight: 600;
  line-height: 1;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .member-status p span {
  display: block;
  font-weight: 400;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column > a > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 60px;
  transform: translate(-50%, -50%);
}
gs-members-list .pl-wrapper .pl-data .pl-item .column i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(62, 60, 60, 0.97);
  font-size: 1.8em;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column i.small {
  padding: 4px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 8px #000;
  font-size: 0.7em;
}
gs-members-list .pl-wrapper .pl-data .pl-item .column .avatar {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
}
gs-members-list follow-btn {
  position: absolute;
  right: 17px;
  bottom: 10px;
}
gs-members-list follow-btn > div {
  height: 18px !important;
  font-size: 12px !important;
  min-width: 80px !important;
}
@media screen and (max-width: 768px) {
  gs-members-list.likes {
    left: -150px;
  }
  gs-members-list.likes:before {
    left: 164px;
  }
  gs-members-list.likes:after {
    left: 159px;
  }
}

gs-notifications-item {
  position: relative;
  display: block;
  clear: both;
  overflow: auto;
  padding: 0 3px 0 0;
  text-align: center;
  vertical-align: middle;
  color: #000;
  border-bottom: 1px solid #F2F2F2;
  background-color: rgba(151, 151, 151, 0.1);
}
gs-notifications-item.message {
  display: block;
  margin: 10px 0;
  border: none;
  background: none;
  line-height: 1.3;
}
gs-notifications-item.read {
  background-color: #fff;
}
gs-notifications-item.loading {
  color: #827F7F;
  font-size: 16px;
}
gs-notifications-item img {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
}
gs-notifications-item img.loaded {
  opacity: 1;
}

.gs-notifications-item__column, .gs-notifications-item__column--3, .gs-notifications-item__column--2, .gs-notifications-item__column--1 {
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden;
  min-height: 70px;
  font-size: 30px;
  line-height: 1;
}
.gs-notifications-item__column > a, .gs-notifications-item__column--3 > a, .gs-notifications-item__column--2 > a, .gs-notifications-item__column--1 > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.gs-notifications-item__column .points, .gs-notifications-item__column--3 .points, .gs-notifications-item__column--2 .points, .gs-notifications-item__column--1 .points {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #252525;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
}
.gs-notifications-item__column .points > img, .gs-notifications-item__column--3 .points > img, .gs-notifications-item__column--2 .points > img, .gs-notifications-item__column--1 .points > img {
  width: 100%;
  opacity: 1;
}
.gs-notifications-item__column .badge, .gs-notifications-item__column--3 .badge, .gs-notifications-item__column--2 .badge, .gs-notifications-item__column--1 .badge {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  transform: translate(-50%, -50%);
  font-size: 8px;
  font-weight: 400;
}
.gs-notifications-item__column .member-status, .gs-notifications-item__column--3 .member-status, .gs-notifications-item__column--2 .member-status, .gs-notifications-item__column--1 .member-status {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  transform: translate(-50%, -50%);
  vertical-align: middle;
  border-width: 2px 0;
  border-style: solid;
  border-color: #000;
  font-size: 10px;
}
.gs-notifications-item__column .member-status:before, .gs-notifications-item__column--3 .member-status:before, .gs-notifications-item__column--2 .member-status:before, .gs-notifications-item__column--1 .member-status:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 90%;
  content: "";
  transform: translate(-50%, -50%);
  border-width: 1px 0;
  border-style: solid;
  border-color: #000;
}
.gs-notifications-item__column .member-status p, .gs-notifications-item__column--3 .member-status p, .gs-notifications-item__column--2 .member-status p, .gs-notifications-item__column--1 .member-status p {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  transform: translate(-50%, -50%);
  font-weight: 600;
  line-height: 1;
}
.gs-notifications-item__column .member-status p span, .gs-notifications-item__column--3 .member-status p span, .gs-notifications-item__column--2 .member-status p span, .gs-notifications-item__column--1 .member-status p span {
  display: block;
  font-weight: 400;
}
.gs-notifications-item__column > img, .gs-notifications-item__column--3 > img, .gs-notifications-item__column--2 > img, .gs-notifications-item__column--1 > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 60px;
  transform: translate(-50%, -50%);
}
.gs-notifications-item__column i, .gs-notifications-item__column--3 i, .gs-notifications-item__column--2 i, .gs-notifications-item__column--1 i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: rgba(62, 60, 60, 0.97);
  font-size: 36px;
}
.gs-notifications-item__column i.small, .gs-notifications-item__column--3 i.small, .gs-notifications-item__column--2 i.small, .gs-notifications-item__column--1 i.small {
  padding: 4px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 8px #000;
  font-size: 0.7em;
}
.gs-notifications-item__column i.icon-notice, .gs-notifications-item__column--3 i.icon-notice, .gs-notifications-item__column--2 i.icon-notice, .gs-notifications-item__column--1 i.icon-notice {
  color: #218ccc;
  font-size: 30px;
}
.gs-notifications-item__column .avatar, .gs-notifications-item__column--3 .avatar, .gs-notifications-item__column--2 .avatar, .gs-notifications-item__column--1 .avatar {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  border-radius: 50%;
}

.gs-notifications-item__column--1 {
  width: 70px;
  text-align: center;
  line-height: 70px;
}

.gs-notifications-item__column--2 {
  width: 230px;
  padding: 0;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-notifications-item__column--2 .text {
  display: block;
  min-height: 54px;
  margin: 0;
  padding: 10px 3px 3px;
  vertical-align: top;
  text-transform: none;
  color: rgb(88, 84, 84);
  text-shadow: 0px 1px 2px rgba(150, 150, 150, 0.2);
  line-height: 1.2;
}
.gs-notifications-item__column--2 .text > a {
  text-decoration: none;
  color: rgb(88, 84, 84);
  font-weight: 600;
}
.gs-notifications-item__column--2 .text > span {
  font-style: italic;
}
.gs-notifications-item__column--2 .time-left {
  display: block;
  height: 20%;
  padding: 0;
  vertical-align: top;
  color: #B6B6B6;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .gs-notifications-item__column--2 {
    width: calc(100% - 150px);
  }
}

.gs-notifications-item__column--3 {
  width: 65px;
  height: 70px;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.gs-notifications-item__column--3 .gs-notifications__badge {
  font-size: 18px;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-0 {
  color: #b3b3b3;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-1 {
  color: #2c7fa6;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-2 {
  color: #0a655c;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-3 {
  color: #853445;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-4 {
  color: #234f64;
}
.gs-notifications-item__column--3 .gs-notifications__badge.c-level-5 {
  color: #1c1c1c;
}

gs-notifications {
  position: relative;
  display: block;
  float: left;
  min-width: 22px;
  height: 100%;
  margin-right: 23px;
  white-space: normal;
  text-transform: none;
  word-wrap: break-word;
  font-size: 0;
}
gs-notifications [role=tabpanel] {
  transition: none;
}
gs-notifications md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  height: 549px;
  max-height: 500px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 768px) {
  gs-notifications md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
    height: calc(100vh - 151px);
  }
}
gs-notifications md-tabs-wrapper,
gs-notifications md-pagination-wrapper {
  transform: none !important;
}
gs-notifications md-tab-content {
  overflow: hidden;
}

.gs-notifications__icon {
  position: relative;
  transition: opacity 0.5s ease-in-out;
  vertical-align: middle;
  opacity: 0.4;
  color: #fff;
  font-size: 22px;
  line-height: 1;
}
.gs-notifications__icon.active {
  cursor: pointer;
  opacity: 1;
}
.gs-notifications__icon.open {
  color: #fff;
}

.gs-notifications__new-total {
  position: absolute;
  bottom: calc(100% - 11px);
  left: calc(100% - 11px);
  display: none;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgb(232, 43, 65);
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.gs-notifications__new-total.active {
  display: flex;
}

.gs-notifications__block {
  position: absolute;
  top: calc(100% - 10px);
  right: calc(100% - 30px);
  display: none;
  width: 370px;
  transform-origin: 90% 0;
  animation-name: menu-drop-animation;
  animation-duration: 333ms;
  animation-timing-function: ease-in-out;
  border-radius: 5px;
  outline-color: #000;
  background-color: #fff;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
  font-family: "Open Sans", "Arial", sans-serif;
  line-height: 1;
  animation-fill-mode: forwards;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.gs-notifications__block:before {
  position: absolute;
  right: 12px;
  bottom: 100%;
  width: 0;
  height: 0;
  content: "";
  border-width: 0 7px 7px 7px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.gs-notifications__block.active {
  display: block;
}
@media screen and (max-width: 1000px) {
  .gs-notifications__block {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 320px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0 auto;
    transform: translate3d(0, -100%, 0) scale(0);
    transform-origin: center bottom;
    animation-name: menu-drop-animation-mobile;
    animation-fill-mode: forwards;
  }
  .gs-notifications__block:before {
    display: none;
  }
}

.gs-notifications__title {
  margin: 15px 10px 0;
  text-align: left;
  letter-spacing: -0.4px;
  color: #222;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.gs-notifications__tabs {
  color: #000;
  font-size: 14px;
}
.gs-notifications__tabs .md-tab.md-active {
  color: #218ccc;
}
.gs-notifications__tabs md-pagination-wrapper {
  width: 100%;
}
.gs-notifications__tabs md-ink-bar {
  height: 3px;
  margin: 0 auto;
  text-align: center;
  color: #3397d2;
  background-color: #3397d2;
}
.gs-notifications__tabs md-tab-item {
  width: 50%;
  text-align: center;
}
.gs-notifications__tabs md-tab-item.md-active span {
  color: #3397d2;
}
.gs-notifications__tabs md-tab-item span {
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #222;
  font-size: 15px;
  font-style: normal;
  font-stretch: normal;
}
.gs-notifications__tabs md-tab-item span.number {
  font-weight: 600;
}
.gs-notifications__tabs md-prev-button, .gs-notifications__tabs md-next-button {
  display: none;
}
.gs-notifications__tabs md-tabs-canvas {
  margin: 0;
}

.gs-notifications__tab {
  position: relative;
}

.gs-notifications__list {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: calc(100% + 16px);
  height: 100%;
  transition: opacity 0.6s ease-in-out;
  opacity: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.md-active .gs-notifications__list {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .gs-notifications__list {
    height: calc(100vh - 200px);
  }
}

.gs-notifications__loading {
  position: relative;
  display: block;
  width: 100%;
  height: 80px;
  text-align: center;
  background-color: transparent;
}

leader-board-member-item {
  display: flex;
  align-items: center;
  height: 64px;
}

.leader-board-member-item__rank {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 16px;
}
.leader-board-member-item__rank img {
  width: 100%;
  height: 100%;
}
.leader-board-member-item__rank div {
  font-size: 15px;
  font-weight: 900;
  color: #333;
}
.leader-board-member-item__rank div.members-low-rank {
  color: white;
}

.leader-board-member-item__avatar {
  margin-right: 25px;
}
.leader-board-member-item__avatar a {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  background: #e2e2e2;
}
.leader-board-member-item__avatar a:hover {
  text-decoration: none;
}
.leader-board-member-item__avatar a img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.leader-board-member-item__avatar-info {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  margin-left: 8px;
}
.leader-board-member-item__avatar-info div {
  color: white;
  font-weight: 600;
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 148px;
}
.leader-board-member-item__avatar-info span {
  font-size: 12px;
  font-weight: 300;
  color: #c5c5c5;
}

.leader-board-member-item__score {
  position: relative;
  width: 70px;
  height: 24px;
  background-color: black;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.leader-board-member-item__score img {
  left: -15px;
  bottom: 0;
  position: absolute;
  vertical-align: middle;
}
.leader-board-member-item__score img.leader-board-member-item__score_vote {
  width: 32px;
  height: 27px;
}
.leader-board-member-item__score img.leader-board-member-item__score_points {
  transform: rotate(-45deg);
  width: 38px;
  height: 19px;
  left: -18px;
  bottom: 4px;
}
.leader-board-member-item__score img.leader-board-member-item__score_swap {
  transform: rotate(-45deg);
  width: 31px;
  height: 24px;
}
.leader-board-member-item__score img.leader-board-member-item__score_levelup {
  bottom: -1px;
  width: 37px;
  height: 26px;
}
.leader-board-member-item__score img.leader-board-member-item__score_levelup__any {
  width: 27px;
  height: 29px;
}
.leader-board-member-item__score span {
  padding-left: 6px;
  font-size: 15px;
  font-weight: 800;
  vertical-align: middle;
  color: white;
}

leader-board {
  position: fixed;
  z-index: 10;
  right: 3vh;
  bottom: 9vh;
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
leader-board .gs-loader {
  z-index: 2;
  border-radius: 20px;
  background-color: black;
}
@media screen and (max-width: 500px) {
  leader-board {
    display: none;
  }
}

.leader-board__modal {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  height: 72vh;
  width: 400px;
  border-radius: 15px;
  background-color: black;
}
.leader-board__modal.gs-noscroll {
  overflow: hidden;
}
.leader-board__modal.ng-enter {
  animation-name: daily-rewards-show;
  animation-duration: 300ms;
  animation-timing-function: ease-in-out;
}
.leader-board__modal.ng-leave {
  animation-name: daily-rewards-hide;
  animation-duration: 450ms;
  animation-timing-function: ease-in-out;
}
@media screen and (max-height: 720px) {
  .leader-board__modal {
    height: 68vh;
  }
}

.leader-board__button {
  float: right;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  width: 64px;
  height: 64px;
  background-color: black;
  border-radius: 50%;
}
.leader-board__button.me-changed {
  animation: glowingOrange 1500ms infinite;
}
.leader-board__button img {
  width: 32px;
  height: 33px;
  cursor: pointer;
}

.leader-board__modal__cover {
  width: 377px;
  height: 211px;
  background-position: center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 15px;
}

.leader-board__modal__info {
  padding: 150px 30px 0;
  text-align: center;
  position: relative;
}

.leader-board__modal__title {
  font-size: 21px;
  font-weight: 800;
  color: white;
}

.leader-board__modal__subtitle {
  font-size: 14px;
  font-weight: 600;
  color: #bdbdbd;
  margin-top: 8px;
}

.leader-board__modal__timer {
  font-size: 14px;
  font-weight: 600;
  color: white;
  margin-top: 15px;
}

.leader-board__modal__items {
  padding: 12px 12px 0;
  position: relative;
}

.leader-board__modal__rank-item {
  margin-bottom: 12px;
  width: 100%;
}

.leader-board__modal__rank-item__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 16px;
  padding-right: 8px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  height: 32px;
  background-image: linear-gradient(to left, #595959, #777777);
}
.leader-board__modal__rank-item__top.rank-1 {
  background-image: linear-gradient(to left, #bd8400, #ffb917);
}
.leader-board__modal__rank-item__top.rank-2 {
  background-image: linear-gradient(to left, #8b8b8b, #e1e1e1);
}
.leader-board__modal__rank-item__top.rank-3 {
  background-image: linear-gradient(to left, #c47251, #ffa682);
}

.leader-board__modal__rank-item__top__title {
  font-size: 13px;
  font-weight: 800;
  color: black;
}

.leader-board__modal__rank-item__top_sum-reward {
  display: inline-block;
  margin-right: 7px;
}
.leader-board__modal__rank-item__top_sum-reward:last-child {
  margin-right: 0;
}
.leader-board__modal__rank-item__top_sum-reward img {
  vertical-align: middle;
  margin-right: 0;
  height: 20px;
}
.leader-board__modal__rank-item__top_sum-reward img.leader-board__modal-PHOTO_SWAP {
  height: 17px;
}
.leader-board__modal__rank-item__top_sum-reward img.leader-board__modal-EARN_POINTS {
  height: 10px;
}
.leader-board__modal__rank-item__top_sum-reward span {
  color: black;
  font-size: 12px;
  font-weight: 800;
  vertical-align: middle;
}

.leader-board__modal__members {
  background-color: #333333;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-left: 16px;
  padding-right: 8px;
}

.leader-board__modal__me, .leader-board__modal__claim-button {
  background-color: #545454;
  border-radius: 15px;
  position: sticky;
  bottom: 14px;
  width: calc(100% - 24px);
  left: 12px;
  padding-left: 16px;
  padding-right: 8px;
  z-index: 1;
}

.leader-board__modal__claim-button {
  background-color: white;
  padding: 0;
  height: 56px;
  cursor: pointer;
}
.leader-board__modal__claim-button div {
  line-height: 56px;
  font-size: 18px;
  font-weight: 800;
}

.leader-board__modal__me_bg {
  background-color: black;
  width: 100%;
  position: sticky;
  height: 40px;
  bottom: 0;
}

.leader-board__modal__members_me:before {
  position: absolute;
  width: calc(100% - 24px);
  background-color: #545454;
  content: "";
  height: 64px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 15px;
}

.leader-board__modal__members_me_first:before {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.leader-board__modal__claim {
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  z-index: 1;
}

.leader-board__modal__claim__gift {
  position: absolute;
  bottom: 0;
  width: 230px;
  cursor: pointer;
  left: 50%;
  transform: translateX(-50%);
}

.leader-board__modal__claim__reward {
  position: absolute;
  top: -40px;
  height: 100%;
  width: 100%;
}

.leader-board__modal__claim__reward-text {
  position: absolute;
  top: 320px;
  right: 170px;
  background-color: white;
  border-radius: 30px;
  padding: 2px 7px;
  color: black;
  font-size: 18px;
  font-weight: 800;
}
.leader-board__modal__claim__reward-text.ng-hide-add {
  animation: 0.5s animHide;
}
.leader-board__modal__claim__reward-text.ng-hide-remove {
  animation: 0.8s animShow;
}

.leader-board__modal__info-icon {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  right: 12px;
  cursor: pointer;
}

.leader-board__modal__description {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
  z-index: 1;
  color: white;
  font-size: 16px;
  font-weight: 800;
  padding: 20px 20px;
  text-align: left;
}
.leader-board__modal__description.ng-hide-remove {
  animation-name: daily-rewards-show;
  animation-duration: 200ms;
  animation-timing-function: ease-in-out;
}
.leader-board__modal__description.ng-hide-add {
  animation-name: daily-rewards-hide;
  animation-duration: 200ms;
  animation-timing-function: ease-in-out;
}
.leader-board__modal__description div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.leader-board__modal__description .icon-close {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 12px;
  right: 8px;
  line-height: unset;
  cursor: pointer;
}

@keyframes animHide {
  from {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.2);
  }
}
@keyframes animShow {
  from {
    transform: translate3d(0, 300%, 0) scale(0);
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateZ(0) scale(1);
  }
}
like-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  opacity: 0.7;
  font-size: 35px;
}
like-btn .icon-heart_thin_empty {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
like-btn .icon-heart_thin {
  position: absolute;
  top: 0;
  right: 0;
  transition: transform 0.3s ease-in-out;
  transform: scale(0);
  transform-origin: 50% 50%;
  pointer-events: none;
  opacity: 0.6;
  color: #218ccc;
}
like-btn .icon-heart_thin.liked {
  transform: scale(1);
}

.media__thumbnails__item, .media__view > div {
  background-size: cover;
  background-position: center center;
  border-radius: 12px;
}

.media__thumbnails__item--selected:after, .media__thumbnails__item:hover:after {
  background-color: #0091ff;
  opacity: 0.5;
}

.media {
  width: 100%;
  padding: 25px 0;
  border-top: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 16px;
}
.media__view {
  width: 780px;
  height: 595px;
  clip-path: inset(0 0 0 0 round 12px);
}
.media__view--wide {
  width: 100%;
}
.media__view > div {
  height: 100%;
}
.media__thumbnails {
  width: 184px;
}
.media__thumbnails ul {
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column;
  gap: 11px;
}
.media__thumbnails__item {
  position: relative;
  height: 140px;
  cursor: pointer;
}
.media__thumbnails__item:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  border-radius: 12px;
  transition: 0.3s all;
}
.media .icon-youtube {
  position: absolute;
  z-index: 1;
  top: calc(50% - 68px / 2);
  left: calc(50% - 68px / 2);
  color: #ffffff;
  font-size: 68px;
}

member-name {
  display: inline-flex;
  align-items: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  member-name span {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

.member-name {
  width: 100%;
}

member-path {
  position: relative;
  display: block;
  width: 100%;
  white-space: nowrap;
  font-size: 0;
  line-height: 50px;
}

.member-path__items {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 90%;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
}
.member-path__items.guru-path {
  border-radius: 5px;
}

.member-path__items__progress {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  max-width: 100%;
  width: 0;
  opacity: 0;
  height: 50px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #3397d2;
  transition: opacity 1.5s ease-in-out;
}

.member-path__item {
  position: relative;
  display: inline-block;
  width: 12.5%;
  height: 50px;
  background-color: transparent;
  color: #000;
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  cursor: default;
}
.member-path__item + .member-path__item {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
.member-path__item:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.member-path__item.done .member-path__item__lock {
  background-color: transparent;
  box-shadow: none;
}
.member-path__item.done > span {
  color: #fff;
}
.member-path__item.current > span {
  padding: 2px 4px;
  border: 2px solid #fff;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.11);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
}
.member-path__item.guru-path {
  width: 11.11%;
}
.member-path__item.guru-path:last-child {
  border-right: unset;
}

.member-path__item--guru {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .member-path__item--guru {
    width: 12.5% !important;
  }
}

.member-path__item__lock {
  position: absolute;
  top: 8px;
  right: -19px;
  z-index: 1;
  display: inline-block;
  width: 37px;
  height: 37px;
  border-radius: 50%;
  background-color: #444;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #fff;
  text-align: center;
  font-size: 22px;
  line-height: 35px;
  cursor: pointer;
}
.member-path__item__lock:hover .member-path__level-drop-down, .member-path__item__lock.active .member-path__level-drop-down {
  opacity: 1;
  transform: translateX(-50%) scale(1);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  .member-path__item__lock:hover .member-path__level-drop-down, .member-path__item__lock.active .member-path__level-drop-down {
    transform: scale(1);
  }
}

.member-path__level-drop-down {
  position: absolute;
  top: calc(100% + 15px);
  left: 50%;
  z-index: 1;
  min-width: 265px;
  min-height: 100px;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  color: #000;
  text-align: left;
  cursor: default;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: translateX(-50%) scale(0);
  transform-origin: 50% 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.member-path__level-drop-down:before {
  position: absolute;
  top: -13px;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 13px solid transparent;
  border-bottom: 13px solid rgba(0, 0, 0, 0.03);
  border-left: 13px solid transparent;
  content: "";
  transform: translateX(-50%);
}
.member-path__level-drop-down:after {
  position: absolute;
  top: -10px;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #444;
  border-left: 10px solid transparent;
  content: "";
  transform: translateX(-50%);
}
.member-path__level-drop-down.active {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.member-path__level-drop-down.open {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
@media screen and (max-width: 1200px) {
  .member-path__level-drop-down {
    left: inherit;
  }
  .member-path__level-drop-down:before, .member-path__level-drop-down:after {
    left: initial;
  }
  .member-path__level-drop-down.member-status-1 {
    right: -76px;
  }
  .member-path__level-drop-down.member-status-1:before, .member-path__level-drop-down.member-status-1:after {
    right: 76px;
  }
  .member-path__level-drop-down.member-status-2, .member-path__level-drop-down.member-status-3 {
    right: -44px;
  }
  .member-path__level-drop-down.member-status-2:before, .member-path__level-drop-down.member-status-2:after, .member-path__level-drop-down.member-status-3:before, .member-path__level-drop-down.member-status-3:after {
    right: 44px;
  }
  .member-path__level-drop-down.member-status-4, .member-path__level-drop-down.member-status-5, .member-path__level-drop-down.member-status-6, .member-path__level-drop-down.member-status-7, .member-path__level-drop-down.member-status-8 {
    right: 0;
  }
  .member-path__level-drop-down.member-status-4:before, .member-path__level-drop-down.member-status-4:after, .member-path__level-drop-down.member-status-5:before, .member-path__level-drop-down.member-status-5:after, .member-path__level-drop-down.member-status-6:before, .member-path__level-drop-down.member-status-6:after, .member-path__level-drop-down.member-status-7:before, .member-path__level-drop-down.member-status-7:after, .member-path__level-drop-down.member-status-8:before, .member-path__level-drop-down.member-status-8:after {
    right: -2px;
  }
}
@media screen and (max-width: 425px) {
  .member-path__level-drop-down {
    left: inherit;
    max-width: calc(100vw - 20px);
  }
  .member-path__level-drop-down:before, .member-path__level-drop-down:after {
    left: initial;
  }
  .member-path__level-drop-down.member-status-1 {
    right: -162px;
  }
  .member-path__level-drop-down.member-status-1:before, .member-path__level-drop-down.member-status-1:after {
    right: 162px;
  }
  .member-path__level-drop-down.member-status-2 {
    right: -153px;
  }
  .member-path__level-drop-down.member-status-2:before, .member-path__level-drop-down.member-status-2:after {
    right: 153px;
  }
  .member-path__level-drop-down.member-status-3 {
    right: -144px;
  }
  .member-path__level-drop-down.member-status-3:before, .member-path__level-drop-down.member-status-3:after {
    right: 144px;
  }
  .member-path__level-drop-down.member-status-4 {
    right: -135px;
  }
  .member-path__level-drop-down.member-status-4:before, .member-path__level-drop-down.member-status-4:after {
    right: 135px;
  }
  .member-path__level-drop-down.member-status-5 {
    right: -126px;
  }
  .member-path__level-drop-down.member-status-5:before, .member-path__level-drop-down.member-status-5:after {
    right: 126px;
  }
  .member-path__level-drop-down.member-status-6 {
    right: -117px;
  }
  .member-path__level-drop-down.member-status-6:before, .member-path__level-drop-down.member-status-6:after {
    right: 117px;
  }
  .member-path__level-drop-down.member-status-7 {
    right: -106px;
  }
  .member-path__level-drop-down.member-status-7:before, .member-path__level-drop-down.member-status-7:after {
    right: 106px;
  }
  .member-path__level-drop-down.member-status-8 {
    right: -97px;
  }
  .member-path__level-drop-down.member-status-8:before, .member-path__level-drop-down.member-status-8:after {
    right: 95px;
  }
}

.member-path__level-drop-down__header {
  position: relative;
  padding: 8px 15px;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: #444;
  color: #fff;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
}
.member-path__level-drop-down__header span {
  font-weight: 700;
}
.member-path__level-drop-down__header i {
  position: absolute;
  top: 50%;
  right: 10px;
  vertical-align: baseline;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  transform: translateY(-50%);
}

.member-path__level-drop-down__item {
  display: block;
  padding: 11px 15px;
  line-height: 1;
  cursor: pointer;
}
.member-path__level-drop-down__item + .member-path__level-drop-down__item {
  border-top: 1px solid #ccc;
}

.member-path__level-drop-down__item__info {
  position: relative;
  display: block;
  margin: 0 15px 0 5px;
  padding-left: 100px;
  min-height: 60px;
  color: #555;
  text-align: right;
  white-space: normal;
}

.member-path__level-drop-down__item__info__number {
  display: block;
  font-weight: 400;
  font-size: 18px;
  line-height: 1;
}

.member-path__level-drop-down__item__info__name {
  display: block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
}

.member-path__level-drop-down__item__info__badge {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1;
}
.member-path__level-drop-down__item__info__badge i {
  vertical-align: top;
  font-size: 52px;
}
.member-path__level-drop-down__item__info__badge i.c-level-0 {
  color: #b3b3b3;
}
.member-path__level-drop-down__item__info__badge i.c-level-1 {
  color: #2c7fa6;
}
.member-path__level-drop-down__item__info__badge i.c-level-2 {
  color: #0a655c;
}
.member-path__level-drop-down__item__info__badge i.c-level-3 {
  color: #853445;
}
.member-path__level-drop-down__item__info__badge i.c-level-4 {
  color: #234f64;
}
.member-path__level-drop-down__item__info__badge i.c-level-5 {
  color: #1c1c1c;
}
.member-path__level-drop-down__item__info__badge [class*=icon-achievement-badge-] {
  font-size: 30px;
}
.member-path__level-drop-down__item__info__badge .gs-points {
  display: inline-block;
  width: 70px;
  height: 35px;
  background: transparent url("../svg/gs_points_icon.svg") no-repeat scroll 0 0/2.6em 1.3em;
  background-position: center;
  font-size: 20px;
}

.member-path__level-drop-down__item__bottom {
  position: relative;
  display: block;
  width: 100%;
  line-height: 1;
}

.member-path__level-drop-down__item__bottom__done {
  position: absolute;
  top: -5px;
  right: 0;
  z-index: 1;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #ccc;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  color: #fff;
  text-align: center;
  font-size: 14px;
  line-height: 30px;
}
.member-path__level-drop-down__item__bottom__done:before {
  display: none;
}
.member-path__level-drop-down__item__bottom__done.done {
  background-color: #3399cc;
}
.member-path__level-drop-down__item__bottom__done.done:before {
  display: inline-block;
}

.member-path__level-drop-down__item__progress {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 3px;
  border-radius: 10px;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
.member-path__level-drop-down__item__progress span {
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.51);
}

.member-path__level-drop-down__item__progress__bar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 100%;
  background-color: #3399cc;
}

.member-path__level-drop-down__footer {
  display: block;
  padding: 11px 15px;
  max-width: 265px;
  border-top: 1px solid #ccc;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  background-color: #f1f1f1;
  color: #333;
  text-align: center;
  white-space: normal;
  font-weight: 300;
  font-size: 12px;
  line-height: 1.3;
}

.member-path__guru {
  position: relative;
  display: inline-block;
  width: 10%;
  height: 65px;
  border-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
  color: #2c7fa6;
  vertical-align: middle;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  cursor: pointer;
}
.member-path__guru:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.member-path__guru.guru {
  background-color: #398eb9;
  color: #fff;
}
.member-path__guru:hover .member-path__guru__popup {
  transform: scale(1) translateZ(0);
}

.member-path__guru__wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
  line-height: 65px;
}

.member-path__guru__text {
  display: inline-block;
  vertical-align: middle;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
}

.member-path__guru__popup {
  position: absolute;
  top: calc(100% - 5px);
  right: 0;
  padding: 15px 10px 10px;
  min-width: 100%;
  min-height: 200%;
  max-width: 100%;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.2), 0 7px 10px 1px rgba(0, 0, 0, 0.14), 0 2px 16px 1px rgba(0, 0, 0, 0.12);
  color: #000;
  white-space: normal;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0) translateZ(0);
  transform-origin: 50% 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1070px) {
  .member-path__guru__popup {
    max-width: none;
  }
}

.member-path__guru__popup__title {
  color: #218ccc;
  font-weight: 600;
  font-size: 14px;
}

.member-path__guru__popup__item {
  padding-top: 10px;
  color: #444;
  text-align: center;
}
.member-path__guru__popup__item + .member-path__guru__popup__item {
  border-top: 1px solid #ccc;
}
.member-path__guru__popup__item i {
  margin: 5px auto;
  font-size: 60px;
}

.member-path__guru__popup__item__title {
  font-weight: 600;
  font-size: 16px;
}

.member-path__guru-help {
  position: absolute;
  top: 50%;
  right: 0;
  overflow: hidden;
  width: 22.5px;
  height: 45px;
  line-height: 1;
  transform: translateY(-50%);
}

.member-path__guru-help__round {
  display: inline-block;
  padding-left: 10px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #f1f1f1;
  color: #666;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  line-height: 45px;
  cursor: pointer;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 600px) {
  .member-path__guru-help__round {
    display: none;
  }
}

/* mobile version */
/* DEPRECATED */
/* TODO: use media mixin instead */
@media screen and (max-width: 1200px) {
  .member-path__item {
    font-size: 12px;
  }
}
/* DEPRECATED */
/* TODO: use media mixin instead */
@media screen and (max-width: 1070px) {
  .member-path__item + .member-path__item {
    border-left: 3px solid #e0e0e0;
  }
  .member-path__item:not(.current) {
    width: 10%;
    font-size: 0;
  }
  .member-path__item:not(.current) .member-path__item__lock {
    display: none;
  }
  .member-path__item.current {
    width: 30%;
    background-color: #3399cc;
  }
  .member-path__items {
    width: calc(100% - 100px);
  }
  .member-path__guru {
    width: 100px;
  }
  .member-path__level-drop-down__item {
    text-align: right;
  }
  .member-path__level-drop-down__item__info {
    white-space: nowrap;
  }
  .member-path__level-drop-down__item__info__number {
    display: inline-block;
  }
  .member-path__level-drop-down__item__info__name {
    display: inline-block;
  }
  .member-path__level-drop-down__item__bottom {
    margin-top: -30px;
    padding-left: 100px;
  }
}
/* DEPRECATED */
/* TODO: use media mixin instead */
@media screen and (max-width: 784px) {
  .member-path__item + .member-path__item {
    border-left: 2px solid #e0e0e0;
  }
  .member-path__item:not(.current) {
    width: 5%;
  }
  .member-path__item.current {
    width: 65%;
  }
}
mobile-header {
  position: fixed;
  z-index: 11;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  min-height: 44px;
  transform: translate3D(0, 0, 0);
  background-color: #000;
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 0;
  line-height: 1;
  padding-bottom: calc(env(safe-area-inset-bottom) - 20px);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
mobile-header .gs-notifications__new-total {
  top: 4px;
  right: calc(50% - 24px);
  bottom: inherit;
  left: inherit;
}
@media screen and (max-width: 1000px) {
  mobile-header {
    display: block;
  }
}

.mobile-header__wrap {
  width: 100%;
  height: 44px;
  transform: translate3D(0, 100%, 0);
  animation: fadeUp 0.5s ease-in-out forwards;
  text-align: right;
  opacity: 0;
}

.mobile-header__item, .mobile-header__item--menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16.6666666667%;
  height: 44px;
  cursor: pointer;
  text-align: center;
  vertical-align: top;
  color: #555;
  font-size: 24px;
}
.mobile-header__item.active, .active.mobile-header__item--menu {
  color: #fff;
}
.mobile-header__item.active .mobile-header__label, .active.mobile-header__item--menu .mobile-header__label {
  display: block;
}

.mobile-header__label {
  display: none;
  max-width: 100%;
  margin-top: 2px;
  transform: translate3D(0, 100%, 0);
  animation: fadeUp 0.5s ease-in-out forwards;
  text-align: center;
  opacity: 0;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

mobile-header-empty {
  height: 52px;
  position: fixed;
  z-index: 60;
  top: 0;
  left: 0;
  display: none;
  overflow: visible !important;
  width: 100%;
  padding: 15px;
  transition: background-color 333ms ease-in-out;
  text-align: right;
  vertical-align: middle;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.9);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.24);
  font-size: 14px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
mobile-header-empty.white {
  color: #000;
  background-color: rgba(255, 255, 255, 0.9);
}
mobile-header-empty.white .mobile-header-empty__logo {
  color: #000;
}
mobile-header-empty .right {
  display: inline-flex;
  align-items: center;
  justify-content: right;
}
mobile-header-empty .link--s-- {
  font-size: 12px;
  font-weight: 600;
}
mobile-header-empty .signup--s-- {
  margin: 0 15px;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  background-color: #3397d2;
}
mobile-header-empty .menu {
  font-size: 22px;
}
mobile-header-empty md-backdrop {
  display: none;
}
@media screen and (max-width: 1000px) {
  mobile-header-empty {
    display: block;
  }
}

.mobile-header-empty__logo {
  color: #fff;
  text-decoration: none;
}
.mobile-header-empty__logo:hover {
  text-decoration: none;
}

.mobile-header-empty__menu {
  position: fixed;
  top: 52px;
  bottom: initial;
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  transition: background-color 333ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.9);
}
.mobile-header-empty__menu .icon-logo-text {
  color: #fff;
  font-size: 30px;
}

.mobile-header-empty__menu__item {
  display: block;
  padding: 20px;
  text-align: center;
}
.mobile-header-empty__menu__item + .mobile-header-empty__menu__item {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.mobile-header-empty__menu__item a {
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}
.mobile-header-empty__menu__item a:hover {
  text-decoration: none;
}

off-topic-filter {
  cursor: default;
  text-align: center;
  font-size: 0;
  line-height: 1;
}
off-topic-filter .icon-off-topic {
  font-size: 117px;
}

.off-topic-filter {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  transition: background 0.3s ease-in-out;
}
.off-topic-filter:hover {
  background-color: transparent;
}
.off-topic-filter.off-topic-filter__reported {
  background-color: rgba(0, 0, 0, 0.9);
}

.off-topic-filter__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0 5px;
  cursor: default;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0;
  line-height: 1;
}

.off-topic-filter__title {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.off-topic-filter__btn {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 5px 10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 26px;
  line-height: 60px;
}
.off-topic-filter__btn:hover {
  color: #000;
  background-color: #fff;
}
.off-topic-filter__btn.down {
  transform: rotate(180deg);
}

search-box {
  position: relative;
  display: block;
  float: left;
  width: 282px;
  height: 68px;
  margin-right: 23px;
  text-align: left;
  white-space: initial;
  text-transform: none;
  word-wrap: break-word;
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
search-box:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
@media screen and (max-width: 1650px) {
  search-box {
    width: 240px;
  }
}
@media screen and (max-width: 1580px) {
  search-box {
    width: auto;
  }
}

.search-box__input {
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 0 30px 0 20px;
  vertical-align: middle;
  letter-spacing: -0.3px;
  color: #999;
  border: solid 1px #444;
  border-radius: 3px;
  background-color: #333;
  font-size: 13px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1650px) {
  .search-box__input {
    padding: 0 30px 0 10px;
  }
}
@media screen and (max-width: 1580px) {
  .search-box__input {
    position: fixed;
    top: 68px;
    left: 0;
    display: none;
    width: 100%;
    height: 42px;
    padding: 0 40px;
    transform-origin: 0 0;
    animation: expandHeight;
    animation-duration: 0.25s;
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  }
  .search-box__input.active {
    display: block;
  }
}

.search-box__results {
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 0;
  width: 380px;
  max-width: 100vw;
  max-height: 1000px;
  transform-origin: 0 0;
  animation: menu-drop-animation;
  animation-duration: 0.25s;
  border-top: none;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #fff;
  box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.3);
  font-size: 0;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1580px) {
  .search-box__results {
    position: fixed;
    top: 110px;
    left: 0;
    width: 100%;
    max-height: calc(100vh - 100px);
  }
}

.search-box__item-placeholder {
  position: relative;
  height: 60px;
  padding: 5px 10px;
  transition: all 0.5s ease-in-out;
  animation-name: placeHolderShimmer;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  text-align: left;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-color: #f6f7f8;
  background-size: 800px 104px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.search-box__item-placeholder + .search-box__item-placeholder {
  border-top: 1px solid #fff;
}
.search-box__item-placeholder:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item-placeholder .avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #fff;
}
.search-box__item-placeholder .text {
  display: inline-block;
  padding: 0 20px;
  vertical-align: middle;
}
.search-box__item-placeholder .text .name {
  width: 150px;
  height: 12px;
  background-color: #fff;
}
.search-box__item-placeholder .text .country {
  width: 100px;
  height: 12px;
  margin-top: 5px;
  background-color: #fff;
}
.search-box__item-placeholder .status {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.search-box__item-placeholder .status:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item-placeholder .status span {
  display: inline-block;
  width: 92px;
  height: 20px;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #fff;
}
@media screen and (max-width: 500px) {
  .search-box__item-placeholder .text .name {
    width: 100px;
  }
  .search-box__item-placeholder .text .country {
    width: 80px;
  }
}

.search-box__item {
  position: relative;
  display: block;
  padding: 5px 10px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  text-align: left;
  text-decoration: none;
  border: 1px solid #fff;
  background-color: #fff;
  font-size: 0;
}
.search-box__item:hover {
  text-decoration: none;
  border-color: #ededed;
  background-color: #ededed;
}
.search-box__item + .search-box__item {
  border-top: 1px solid #999;
}
.search-box__item .avatar {
  display: inline-block;
  width: 42px;
  height: 42px;
  vertical-align: middle;
  border-radius: 50%;
  background-color: #ccc;
}
.search-box__item .text {
  display: inline-block;
  padding: 10px 20px;
  vertical-align: middle;
  letter-spacing: -0.3px;
  text-transform: none;
  color: #444;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.07;
}
.search-box__item .text .country {
  color: #999;
  font-weight: 400;
  line-height: 1.3;
}
.search-box__item .status {
  position: absolute;
  top: 0;
  right: 10px;
  height: 100%;
}
.search-box__item .status:before {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}
.search-box__item .status span {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  vertical-align: middle;
  letter-spacing: -0.2px;
  color: #999;
  border: 1px solid #999;
  border-radius: 3px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.3;
}

.search-box__icon-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  cursor: pointer;
  transition: opacity 0.3s linear;
  transform: translateY(-50%);
  transform-origin: 50% 50%;
  opacity: 0.6;
  color: #fff;
  font-size: 18px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.search-box__icon-btn.icon-cancel {
  font-size: 14px;
}
@media screen and (max-width: 1580px) {
  .search-box__icon-btn {
    display: none;
  }
}

.search-box__icon-btn--mobile {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1581px) {
  .search-box__icon-btn--mobile {
    display: none;
  }
}

.search-box__icon-cancel--mobile {
  position: fixed;
  z-index: 1;
  top: 68px;
  right: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  color: #ccc;
  font-size: 18px;
  text-align: center;
  line-height: 42px;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (min-width: 1581px) {
  .search-box__icon-cancel--mobile {
    display: none;
  }
}

similar-filter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: default;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0;
  line-height: 1;
}

.similar-filter__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0 5px;
  cursor: default;
  text-align: center;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 0;
  line-height: 1;
}

.similar-filter__title {
  display: block;
  width: 100%;
  vertical-align: middle;
  color: #2c7fa6;
  font-size: 18px;
  font-weight: 600;
}

.similar-filter__btn {
  display: inline-block;
  margin: 10px auto;
  padding: 3px 5px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  color: #2c7fa6;
  border-radius: 4px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.similar-filter__btn:hover {
  color: #000;
  background-color: #fff;
}
.similar-filter__btn.down {
  transform: rotate(180deg);
}

.similar-filter__thanks {
  position: absolute;
  top: 50%;
  left: 0;
  display: none;
  width: 100%;
  padding: 10px;
  text-align: center;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  font-weight: 600;
}
.similar-filter__thanks.animated {
  display: block;
}

social-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1600px;
  margin: 30px auto 50px;
  padding: 5px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1200px) {
  social-bar {
    display: none;
  }
}

.c-social-bar__v-line {
  display: inline-block;
  height: 30px;
  margin: 0 10px;
  vertical-align: middle;
  border-left: 1px solid #ccc;
}

.c-social-bar__item, .c-social-bar__item--3, .c-social-bar__item--2, .c-social-bar__item--1 {
  display: inline-block;
  vertical-align: middle;
  color: #444;
  font-size: 13px;
  font-weight: 600;
}
.c-social-bar__item i, .c-social-bar__item--3 i, .c-social-bar__item--2 i, .c-social-bar__item--1 i, .c-social-bar__item span, .c-social-bar__item--3 span, .c-social-bar__item--2 span, .c-social-bar__item--1 span, .c-social-bar__item a, .c-social-bar__item--3 a, .c-social-bar__item--2 a, .c-social-bar__item--1 a {
  vertical-align: middle;
}
.c-social-bar__item a, .c-social-bar__item--3 a, .c-social-bar__item--2 a, .c-social-bar__item--1 a {
  display: inline-block;
  text-decoration: none;
  color: #444;
}

.c-social-bar__item--1 {
  text-align: left;
}
.c-social-bar__item--1 i {
  font-size: 18px;
}
.c-social-bar__item--1 a:hover {
  color: #000;
}

.c-social-bar__item--2 {
  text-align: center;
}
.c-social-bar__item--2 a {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 29px;
  line-height: 1;
}
.c-social-bar__item--2 a:hover {
  color: #000;
}
.c-social-bar__item--2 a:hover i {
  text-shadow: 0 2px 3px rgba(68, 68, 68, 0.3);
}
.c-social-bar__item--2 a i {
  transition: 1s easy-in-out;
  vertical-align: top;
}

.c-social-bar__item--3 {
  text-align: right;
}
.c-social-bar__item--3 .fb-like {
  margin-left: 10px;
  vertical-align: middle;
}

.c-social-bar__item__title {
  display: inline-block;
  vertical-align: middle;
}

.c-social-bar__instagram-link {
  display: inline-block;
  margin-left: 15px;
  transition: 0.5s ease-in-out;
}
.c-social-bar__instagram-link:hover {
  opacity: 0.8;
}
.c-social-bar__instagram-link i {
  vertical-align: middle;
  text-decoration: none;
  color: #444;
  font-size: 26px;
  line-height: 1;
}

.c-social-bar__flipboard-link {
  display: inline-block;
  margin-left: 15px;
  transition: 0.5s ease-in-out;
  font-size: 0;
}
.c-social-bar__flipboard-link:hover {
  opacity: 0.8;
}
.c-social-bar__flipboard-link img {
  height: 22px;
}

spotlight {
  display: inline-block;
  overflow: hidden;
  width: 240px;
  min-height: 314px;
  text-align: center;
  background-color: #fff;
  position: relative;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
}
spotlight .image {
  height: 131px;
  margin: 15px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
spotlight .image.loaded {
  opacity: 1;
}
spotlight .label {
  text-align: center;
  letter-spacing: 1.9px;
  color: #222;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
spotlight .title, spotlight .challenges .challengeToggle .title-mobile, .challenges .challengeToggle spotlight .title-mobile {
  letter-spacing: normal;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  margin: 10px auto;
  padding: 0 8px;
}
spotlight .text {
  letter-spacing: normal;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.4;
  padding: 0 15px;
}
spotlight .action {
  position: absolute;
  display: block;
  width: 100%;
  padding: 5px 5px 15px;
  bottom: 0;
  left: 0;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: #228cc7;
  transition: color 0.2s linear;
  background-color: #fff;
}
spotlight .link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
spotlight .link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #228cc7;
  width: 100%;
  height: 2px;
  transform: translate(-100%, 0);
  transition: 0.2s linear;
}
spotlight .link:hover:after {
  transform: translate(0, 0);
}

gs-image {
  display: block;
}
gs-image img {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  object-fit: inherit;
}

gs-progress-bar {
  display: block;
}

.gs-progress-bar {
  position: relative;
  background-color: white;
  width: 100%;
  height: 100%;
  padding: 2px 3px;
}
.gs-progress-bar__progress {
  background: #D3E8F5;
}

gs-table-editable .teams-btn-primary-center.gs-table-editable-width {
  width: 20%;
}
gs-table-editable .teams-btn-primary-center.gs-min-wdth-200 {
  min-width: 200px;
}
@media screen and (max-width: 425px) {
  gs-table-editable .teams-btn-primary-center.gs-table-editable-width {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  gs-table-editable .teams-btn-primary-center.gs-table-editable-width {
    width: 33.3333333333%;
  }
}

team-badge {
  position: relative;
  cursor: pointer;
  display: block;
}
team-badge .team-badge__img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: white;
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
}

.team-badge__league-icon {
  width: 20px;
  height: 20px;
  position: absolute;
  left: -2px;
  bottom: -2px;
}

team-join-button {
  display: block;
}
team-join-button button {
  width: 100% !important;
  height: 100% !important;
}

team-name {
  display: inline-flex;
  align-items: center;
}
team-name > span {
  width: -moz-fit-content;
  width: fit-content;
}

.team-name__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  background-color: #f6f8fa;
  border-radius: 50%;
  width: 22px;
  height: 22px;
}
.team-name__icon .icon-lock {
  color: #9cb1c7;
  font-size: 13px;
}

.teams-country {
  padding: 4px 9px;
  background-color: #f6f8fa;
  border-radius: 6px;
}
.teams-country--country-flag {
  width: 27px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
}

teams-page {
  display: block;
  color: #313030;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
teams-page textarea,
teams-page input {
  color: #313030;
  font-family: "Open Sans", "Arial", sans-serif;
}
teams-page textarea::placeholder,
teams-page input::placeholder {
  color: rgba(49, 48, 48, 0.63);
  font-weight: 400;
}
@media screen and (max-width: 1000px) {
  teams-page {
    display: none;
  }
}

.teams-page-gen, .teams-intro, teams-create, teams-info, teams-join {
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
  background-color: white;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.teams-member-avatar, team-suggested-member-item avatar, .team-members__team-member__image, teams-info .teams-info__team-member__image, .team-invite-item__top avatar {
  border: solid 1px #ffffff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: content-box;
}

.teams-page__box, teams-create .teams-create__main__wrapper, teams-info .teams-info__wrraper, .teams-join__teams {
  box-shadow: -2px 2px 22px 12px rgba(161, 206, 233, 0.16);
  border-top: solid 4px #218ccc;
}

.teams-page__title, teams-create .teams-create__title, teams-info .teams-info__title {
  font-size: 18px;
  font-weight: 800;
  letter-spacing: 0.62px;
}

.teams-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
  padding: 0 14px;
  cursor: pointer;
  text-align: center;
  border-radius: 3px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  height: 36px;
  vertical-align: middle;
}

.teams-page__ui-view {
  height: 100%;
}

.icon-teams-points {
  color: #ffc422;
}

.admin-icon {
  background-image: url("../svg/admin-icon.svg");
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}

.teams__total-vote, .my-team-chat__chat-message__team-total-vote, .match-close__winning-team-score, .match-close__losing-team .match-close__losing-team__team-score, .match-active-header__item-content__badge-wrapper__total-votes {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
}
.teams__total-vote div, .my-team-chat__chat-message__team-total-vote div, .match-close__winning-team-score div, .match-close__losing-team .match-close__losing-team__team-score div, .match-active-header__item-content__badge-wrapper__total-votes div {
  font-weight: 800;
  font-size: 18px;
  margin-right: 8px;
}
.teams__total-vote i, .my-team-chat__chat-message__team-total-vote i, .match-close__winning-team-score i, .match-close__losing-team .match-close__losing-team__team-score i, .match-active-header__item-content__badge-wrapper__total-votes i {
  font-size: 16px;
  color: white;
}

.teams__list-titles, .teams-join__teams__titles, .match-history__list__titles {
  font-size: 12px;
  opacity: 0.7;
}

.team-img-country, .team-item__right__country img, .team-suggested-member-item__details img, team-details .team-details__items .team-details-item .team-details-item__img-country {
  width: 20px;
  height: 20px;
  border-radius: 3px;
}

.team-component, team-invites {
  border-radius: 12px;
  box-shadow: 0 4px 16px 4px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-component-item, team-suggested-member-item, team-invites-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  background-color: white;
}

.team-member-status, .team-suggested-member-item__status, .team-members__team-member-item__status {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3397d2;
  background-color: #e8f3f9;
}

.teams-intro {
  padding: 11vw 15% 72px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: 0.3s all;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position-x: center;
  background-position-y: -1.3vh;
  background-image: image-set("/assets/images/team_intro_background.jpg" 1x, "/assets/images/team_intro_background@2x.jpg" 2x, "/assets/images/team_intro_background@3x.jpg" 3x);
}
.teams-intro--hide.teams-intro { /* Will generate next selector: .teams-intro--hide.teams-intro */
  transform: scaleY(0);
  min-height: 0;
  height: 0;
  margin: 0;
}
.teams-intro--hide--padding.teams-intro {
  padding: 0;
}
.teams-intro--unlocked.teams-intro {
  /* put styles for &--unlocked here */
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 1.6vw;
  width: 100%;
  min-height: auto;
  background-size: cover;
  background-image: image-set("/assets/images/team_intro_background_unlocked.jpg" 1x, "/assets/images/team_intro_background_unlocked@2x.jpg" 2x, "/assets/images/team_intro_background_unlocked@3x.jpg" 3x);
}
.teams-intro--unlocked .teams-intro {
  /* put styles for nested classes */
}
.teams-intro--unlocked .teams-intro__title {
  margin-top: 36px;
  font-size: 18px;
}
.teams-intro--unlocked .teams-intro__icons {
  margin-top: 15px;
}
.teams-intro--unlocked .teams-intro__icon {
  padding: 0 15px 0;
  width: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teams-intro--unlocked .teams-intro__icon img {
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .teams-intro--unlocked .teams-intro__icon img {
    width: 20px;
    height: 20px;
  }
}
.teams-intro--unlocked .teams-intro__icon p {
  margin-top: 0;
  margin-left: 10px;
  text-align: left;
  font-size: 12px;
}
@media screen and (min-width: 960px) and (max-width: 1101px) {
  .teams-intro--unlocked .teams-intro__icon p {
    font-size: 9px;
  }
}
@media screen and (min-width: 1102px) and (max-width: 1201px) {
  .teams-intro--unlocked .teams-intro__icon p {
    font-size: 10px;
  }
}
@media screen and (min-width: 960px) and (max-width: 1500px) {
  .teams-intro--unlocked .teams-intro__icon {
    padding: 0 7px 0;
  }
}
.teams-intro--unlocked .teams-intro__vimeo {
  width: 55%;
  height: 15vw;
}
@media screen and (min-width: 960px) and (max-width: 1024px) {
  .teams-intro--unlocked .teams-intro__vimeo {
    width: 70%;
    height: 18vw;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .teams-intro--unlocked .teams-intro__vimeo {
    width: 70%;
    height: 18vw;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .teams-intro--unlocked .teams-intro__vimeo {
    width: 60%;
  }
}
.teams-intro__vimeo {
  width: 469px;
  height: 264px;
  clip-path: inset(0 0 0 0 round 12px);
}
.teams-intro__title {
  margin-top: 45px;
  font-size: 28px;
  font-weight: 800;
}
.teams-intro__icons {
  margin-top: 15px;
  display: flex;
}
.teams-intro__icon {
  width: 180px;
  padding: 14px 25px 0;
  box-sizing: content-box;
}
.teams-intro__icon img {
  width: 60px;
  height: 60px;
}
.teams-intro__icon p {
  margin-top: 23px;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
}
.teams-intro__btn {
  margin: 33px auto 0;
  font-size: 16px;
  width: 417px;
  height: 60px;
  border: unset;
}
@media screen and (min-width: 1501px) and (max-width: 1800px) {
  .teams-intro {
    padding-top: 9vw;
  }
}
@media screen and (min-width: 1401px) and (max-width: 1500px) {
  .teams-intro {
    padding-top: 9vw;
  }
  .teams-intro__vimeo {
    width: 431px;
    height: 236px;
  }
}
@media screen and (min-width: 1281px) and (max-width: 1400px) {
  .teams-intro {
    padding-top: 9vw;
  }
  .teams-intro__vimeo {
    width: 380px;
    height: 213px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
  .teams-intro {
    padding-top: 9vw;
  }
  .teams-intro__vimeo {
    width: 350px;
    height: 197px;
  }
}

template {
  display: block;
}

team-item {
  height: 67px;
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: white;
  margin-bottom: 6px;
}
team-item:last-child {
  margin-bottom: unset;
}
team-item:hover {
  box-shadow: 0 2px 6px 1px #c4dfee;
  border: solid 1px #dee9f0;
  background-color: #f0f7ff;
}

.team-item__image {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.team-item__name {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px;
  flex: 1;
}
.team-item__right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.team-item__right__item, .team-item__right__score, .team-item__right__country, .team-item__right__members {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 6px;
  background-color: #f6f8fa;
}
.team-item__right__item > div, .team-item__right__score > div, .team-item__right__country > div, .team-item__right__members > div {
  font-size: 14px;
  font-weight: 800;
  margin-right: 7px;
}
.team-item__right__members {
  width: 70px;
  margin-right: 10px;
}
.team-item__right__members .icon-members {
  font-size: 15px;
  color: #a6d1eb;
}
.team-item__right__country {
  width: 36px;
  margin-right: 10px;
}
.team-item__right__score {
  width: 135px;
}
.team-item__right__score img {
  width: 16px;
  height: 16px;
}
.team-item__right__chest {
  width: 34px;
  margin-right: 10px;
}

spotlights {
  display: block;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1300px) {
  spotlights {
    padding: 0 10px;
  }
}

.spotlights__title {
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
}

.spotlights__items {
  overflow: hidden;
  width: 100%;
  text-align: left;
  white-space: nowrap;
  font-size: 0;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.spotlights__items > * {
  display: inline-block;
  width: 15.8333%;
  margin-right: 1%;
  margin-bottom: 1%;
  vertical-align: top;
  white-space: normal;
}
.spotlights__items > :nth-child(6n) {
  margin-right: 0;
}
@media screen and (max-width: 1500px) {
  .spotlights__items > * {
    width: 19.2% !important;
  }
  .spotlights__items > :nth-child(n+6) {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  .spotlights__items > * {
    width: 32.666% !important;
  }
  .spotlights__items > :nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 570px) {
  .spotlights__items {
    text-align: center;
    white-space: normal;
  }
  .spotlights__items > * {
    display: block;
    width: 100% !important;
    margin: 10px auto;
  }
  .spotlights__items > :nth-child(n+1) {
    display: block;
  }
}

.spotlight-placeholder {
  width: 240px;
  height: 314px;
  padding: 12px;
  border: 1px solid;
  border-color: #e5e6e9 #dfe0e4 #d0d1d5;
  border-radius: 3px;
  background-color: #fff;
}

.spotlight-placeholder__background {
  position: relative;
  height: 100%;
  animation-name: placeHolderShimmer;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px 104px;
  animation-fill-mode: forwards;
}
.spotlight-placeholder__background .p-line-1 {
  position: absolute;
  top: 133px;
  left: 0;
  width: 100%;
  height: 40px;
  border: 15px solid #fff;
  border-right: 70px solid #fff;
  border-left: 70px solid #fff;
}
.spotlight-placeholder__background .p-line-2 {
  position: absolute;
  top: 182px;
  left: 0;
  width: 100%;
  height: 9px;
  background-color: #fff;
}
.spotlight-placeholder__background .p-line-3 {
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height: 9px;
  background-color: #fff;
}
.spotlight-placeholder__background .p-line-4 {
  position: absolute;
  top: 219px;
  left: 0;
  width: 100%;
  height: 40px;
  border: 15px solid #fff;
  border-right: 30px solid #fff;
  border-left: 30px solid #fff;
}

gs-table {
  display: block;
}
gs-table table {
  width: 100%;
  border-collapse: collapse;
}
gs-table td, gs-table th {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
  vertical-align: middle;
}
gs-table .admin-input, gs-table .edit-challenge-template__input input, .edit-challenge-template__input gs-table input, gs-table .edit-challenge-template__input select, .edit-challenge-template__input gs-table select, gs-table .edit-challenge-template__select input, .edit-challenge-template__select gs-table input, gs-table .edit-challenge-template__select select, .edit-challenge-template__select gs-table select {
  width: 20%;
  min-width: 200px;
}
@media screen and (max-width: 425px) {
  gs-table .admin-input, gs-table .edit-challenge-template__input input, .edit-challenge-template__input gs-table input, gs-table .edit-challenge-template__input select, .edit-challenge-template__input gs-table select, gs-table .edit-challenge-template__select input, .edit-challenge-template__select gs-table input, gs-table .edit-challenge-template__select select, .edit-challenge-template__select gs-table select {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  gs-table .admin-input, gs-table .edit-challenge-template__input input, .edit-challenge-template__input gs-table input, gs-table .edit-challenge-template__input select, .edit-challenge-template__input gs-table select, gs-table .edit-challenge-template__select input, .edit-challenge-template__select gs-table input, gs-table .edit-challenge-template__select select, .edit-challenge-template__select gs-table select {
    width: 33.3333333333%;
  }
}

gs-icon {
  display: block;
  position: relative;
}

.gs-icon__main__value-first i, .gs-icon__main__value-first img {
  order: 2;
  margin-left: 5px;
}
.gs-icon__main__value-first div {
  margin-left: unset;
}

help-button {
  display: block;
}

.help-button {
  padding: unset;
  width: 100%;
  height: 100%;
  z-index: 10;
  min-width: unset;
  justify-content: center;
  border-radius: 50%;
  font-size: inherit;
}
.help-button i {
  font-size: inherit;
}

mark-as-adult md-checkbox {
  margin: 0;
}

stars {
  display: block;
}

.stars__star {
  position: relative;
}

leader-board-items {
  display: block;
}

.leader-board-items__status-separator, .leader-board-items__status-separator-drop, .leader-board-items__status-separator-promote {
  height: 25px;
  border-radius: 13px;
  background-color: #00e3ae;
  margin: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px;
}
.leader-board-items__status-separator span, .leader-board-items__status-separator-drop span, .leader-board-items__status-separator-promote span {
  font-size: 14px;
  font-weight: bold;
  color: white;
}
.leader-board-items__status-separator i, .leader-board-items__status-separator-drop i, .leader-board-items__status-separator-promote i {
  font-size: 11px;
  color: white;
}
.leader-board-items__status-separator-promote {
  background-color: #00e3ae;
}
.leader-board-items__status-separator-drop {
  background-color: #ff6a6a;
}
.leader-board-items__floating-item {
  position: sticky;
  bottom: 10px;
}

leader-board-item {
  display: block;
  margin-bottom: 6px;
  cursor: pointer;
}
leader-board-item:last-child {
  margin-bottom: unset;
}

.leader-board-item {
  height: 67px;
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 10px;
  display: flex;
  align-items: center;
  background-color: white;
}
.leader-board-item:hover {
  box-shadow: 0 2px 6px 1px #c4dfee;
  border: solid 1px #dee9f0;
  background-color: #f0f7ff;
}
.leader-board-item team-item, .leader-board-item member-item {
  height: 100%;
  width: 100%;
  /*remove default behavior*/
  border-radius: unset;
  box-shadow: unset;
  background-color: unset;
  padding: unset;
}
.leader-board-item team-item:hover, .leader-board-item member-item:hover {
  box-shadow: unset;
  border: unset;
  background-color: unset;
}
.leader-board-item-status_promote.leader-board-item__my-item-color {
  box-shadow: 0 0 3px 1px rgba(97, 97, 97, 0.19) !important;
  background-image: linear-gradient(to left, #00ffc3, #00cabe 27%) !important;
}
.leader-board-item-status_promote.leader-board-item__my-item-color:hover {
  box-shadow: 0 0 3px 2px rgba(0, 187, 165, 0.52) !important;
  border: solid 1px #03c0a5 !important;
  background-image: linear-gradient(to left, #00ffd9 100%, #00fad8 62%, #00e488 27%) !important;
}
.leader-board-item-status_promote .leader-board-item__league-status-indicator {
  background-color: #00e3ae;
}
.leader-board-item-status_stay .leader-board-item__league-status-indicator {
  display: none;
}
.leader-board-item-status_drop.leader-board-item__my-item-color {
  box-shadow: 0 0 3px 1px rgba(97, 97, 97, 0.19) !important;
  background-image: linear-gradient(to left, #ff5e96, #ff6a6a) !important;
}
.leader-board-item-status_drop.leader-board-item__my-item-color:hover {
  box-shadow: 0 0 3px 2px rgba(255, 21, 91, 0.46) !important;
  border: solid 1px #e35959 !important;
  background-image: linear-gradient(to left, #ff1567, #ff8f51) !important;
}
.leader-board-item-status_drop .leader-board-item__league-status-indicator {
  background-color: #ff6a6a;
}
.leader-board-item.leader-board-item-1:not(.leader-board-item__my-item-color) {
  box-shadow: 0 2px 3px 2px rgba(248, 195, 116, 0.25);
  border: solid 1px #ffdcc0;
  background-image: linear-gradient(to right, #fffbf3, #fff5e3);
}
.leader-board-item.leader-board-item-1:not(.leader-board-item__my-item-color) .team-item__right__score, .leader-board-item.leader-board-item-1:not(.leader-board-item__my-item-color) .team-item__right__members, .leader-board-item.leader-board-item-1:not(.leader-board-item__my-item-color) .member-item__points {
  border: solid 1px #ffbf8c;
  background-image: radial-gradient(circle at 50% 50%, #fefaf2, #fcf3e2 64%);
}
.leader-board-item.leader-board-item-1:not(.leader-board-item__my-item-color):hover {
  box-shadow: 0 2px 3px 2px rgba(218, 167, 92, 0.57);
  border: solid 1px #dfad85;
  background-image: linear-gradient(to right, #ffedca, #ffdd88);
}
.leader-board-item.leader-board-item-2:not(.leader-board-item__my-item-color) {
  box-shadow: 0 2px 3px 2px rgba(123, 144, 166, 0.16);
  border: solid 1px #d7e5f2;
  background-image: linear-gradient(to right, #f8fcff, #eef7ff);
}
.leader-board-item.leader-board-item-2:not(.leader-board-item__my-item-color) .team-item__right__score, .leader-board-item.leader-board-item-2:not(.leader-board-item__my-item-color) .team-item__right__members, .leader-board-item.leader-board-item-2:not(.leader-board-item__my-item-color) .member-item__points {
  border: solid 1px #9db1c4;
  background-image: radial-gradient(circle at 50% 50%, #fafbfc, #f2f5f7 64%);
}
.leader-board-item.leader-board-item-2:not(.leader-board-item__my-item-color):hover {
  box-shadow: 0 2px 3px 2px rgba(123, 144, 166, 0.53);
  border: solid 1px #93afc8;
  background-image: linear-gradient(to right, #e2f0fe, #cee7ff 99%);
}
.leader-board-item.leader-board-item-3:not(.leader-board-item__my-item-color) {
  box-shadow: 0 2px 3px 2px rgba(179, 36, 0, 0.12);
  border: solid 1px #ffd9c7;
  background-image: linear-gradient(to right, #fff0e0, #ffdcbd);
}
.leader-board-item.leader-board-item-3:not(.leader-board-item__my-item-color) .team-item__right__score, .leader-board-item.leader-board-item-3:not(.leader-board-item__my-item-color) .team-item__right__members, .leader-board-item.leader-board-item-3:not(.leader-board-item__my-item-color) .member-item__points {
  border: solid 1px #d89967;
  background-image: radial-gradient(circle at 50% 50%, #fef2e7, #fbe2cb 64%);
}
.leader-board-item.leader-board-item-3:not(.leader-board-item__my-item-color):hover {
  box-shadow: 0 2px 3px 2px rgba(179, 36, 0, 0.35);
  border: solid 1px #d29174;
  background-image: linear-gradient(to right, #ffdcb8, #f7ba85 100%);
}
.leader-board-item__my-item-color {
  border: unset !important;
  box-shadow: 0 0 3px 1px rgba(97, 97, 97, 0.19) !important;
  background-image: radial-gradient(circle at 100% 50%, #a8d7d3, #01a9ef 50%, #0050dd 100%) !important;
}
.leader-board-item__my-item-color:hover {
  box-shadow: 0 0 5px 2px rgba(0, 128, 194, 0.57) !important;
  background-image: radial-gradient(circle at 100% 50%, #70e9df, #00d6ff 50%, #3d00be 100%) !important;
}
.leader-board-item__my-item-color .leader-board-item__league-status-indicator {
  display: none;
}
.leader-board-item__my-item-color .leader-board-item__rank, .leader-board-item__my-item-color .team-item__name {
  color: white;
}
.leader-board-item__league-status-indicator {
  width: 3px;
  height: 28px;
  left: -2px;
  border-radius: 3px;
  position: relative;
}
.leader-board-item__rank {
  text-align: center;
  width: 33px;
  margin-right: 12px;
}
.leader-board-item__rank > img {
  width: 33px;
  height: 65px;
  position: relative;
  top: -4px;
}
.leader-board-item__rank > div {
  font-size: 18px;
  font-weight: 800;
}

league-level {
  border-radius: 10px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 23px;
  padding: 0 13px;
}
league-level > div::first-letter {
  text-transform: uppercase;
}

member-item {
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 10px;
  display: flex;
  align-items: center;
  background-color: white;
  height: 100%;
  width: 100%;
}

.member-item__left-separator {
  position: relative;
  margin-left: 20px;
}
.member-item__left-separator:before {
  top: 50%;
  transform: translateY(-50%);
  background-color: #dee5ec;
  width: 2px;
  content: "";
  position: absolute;
  left: -10px;
  height: 20px;
}
.member-item__points {
  height: 30px;
  padding: 0 10px;
  background-color: #f6f8fa;
  border-radius: 6px;
}
.member-item__points .gs-icon {
  justify-content: center;
}
.member-item__points .gs-icon__main__value {
  font-weight: 800;
  color: #313030;
}
@media screen and (max-width: 1200px) {
  .member-item__points {
    width: 80px;
  }
  .member-item__points:before {
    content: unset;
  }
  .member-item__points .gs-icon {
    font-size: 14px;
  }
  .member-item__points .gs-icon img {
    height: 10px;
  }
  .member-item__wrapper__content {
    flex-direction: column;
    align-items: unset !important;
  }
  .member-item__wrapper__content member-name {
    flex: unset;
    margin-bottom: 8px;
    width: 115px;
  }
  .member-item__wrapper__content > div country {
    margin-left: unset;
    width: 16px;
    height: 16px;
  }
  .member-item__wrapper__content > div country:before {
    content: unset;
  }
  .member-item__wrapper__content > div member-status {
    margin-left: 8px;
    height: 18px;
    font-size: 12px;
    width: 88px;
  }
  .member-item__wrapper__content > div member-status:before {
    content: unset;
  }
}

member-status {
  border-radius: 6px;
  background-color: #e8f3f9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

ranking-level-badge {
  display: block;
}

.ranking-level-badge {
  width: 119px;
  height: 24px;
  font-weight: 700;
  color: white;
  position: relative;
}

team-item {
  height: 67px;
  border-radius: 12px;
  box-shadow: 0 2px 3px 1px rgba(134, 134, 134, 0.15);
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  background-color: white;
  margin-bottom: 6px;
}
team-item:last-child {
  margin-bottom: unset;
}
team-item:hover {
  box-shadow: 0 2px 6px 1px #c4dfee;
  border: solid 1px #dee9f0;
  background-color: #f0f7ff;
}

.team-item__image {
  width: 44px;
  height: 44px;
  flex-shrink: 0;
}
.team-item__name {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  margin: 0 10px;
  flex: 1;
}
.team-item__right {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.team-item__right__item, .team-item__right__members, .team-item__right__country, .team-item__right__score {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  border-radius: 6px;
  background-color: #f6f8fa;
}
.team-item__right__item > div, .team-item__right__members > div, .team-item__right__country > div, .team-item__right__score > div {
  font-size: 14px;
  font-weight: 800;
  margin-right: 7px;
}
.team-item__right__members {
  width: 70px;
  margin-right: 10px;
}
.team-item__right__members .icon-members {
  font-size: 15px;
  color: #a6d1eb;
}
.team-item__right__country {
  width: 36px;
  margin-right: 10px;
}
.team-item__right__score {
  width: 135px;
}
.team-item__right__score img {
  width: 16px;
  height: 16px;
}
.team-item__right__chest {
  width: 34px;
  margin-right: 10px;
}

top-tab-menu {
  z-index: 10;
  display: flex;
  width: 100%;
  white-space: nowrap;
  background-color: rgba(255, 255, 255, 0.87);
  -webkit-user-select: none;
          user-select: none;
  justify-content: center;
}

.top-tab-menu {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
}
.top-tab-menu a:hover {
  text-decoration: none;
}
.top-tab-menu__item {
  display: flex;
  align-items: center;
  padding-top: 12px;
  margin-bottom: 12px;
  height: 100%;
  cursor: pointer;
  color: #5E5E5E;
}
.top-tab-menu__item-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 2vw;
}
.top-tab-menu__item-wrapper:first-child {
  margin-left: unset;
}
.top-tab-menu__item span {
  display: block;
  flex-shrink: 0;
  text-align: center;
}
.top-tab-menu__item:not(.top-tab-menu__item-parent) {
  position: relative;
  top: 3px;
}
.top-tab-menu__item:not(.top-tab-menu__item-parent) span {
  padding-bottom: 3px;
  border-bottom: 3px solid transparent;
}
.top-tab-menu__item:not(.top-tab-menu__item-parent).active, .top-tab-menu__item:not(.top-tab-menu__item-parent).selected {
  cursor: unset;
}
.top-tab-menu__item:not(.top-tab-menu__item-parent).active span, .top-tab-menu__item:not(.top-tab-menu__item-parent).selected span {
  color: #2C7FA6;
  border-color: #218ccc;
  font-weight: 700;
}
.top-tab-menu__item:not(.top-tab-menu__item-parent):hover {
  color: #218ccc;
}
.top-tab-menu__item img {
  margin-right: 8px;
  width: 24px;
  height: 24px;
}
.top-tab-menu__item-parent {
  margin-left: unset;
  font-weight: 800;
  color: #8BA4BD;
}
.top-tab-menu__item-spacer {
  display: block;
  height: 60%;
  width: 2px;
  background-color: #EAEAEA;
  margin: 0 2.5vw;
}

.top-tab-menu__fit-size-mode .top-tab-menu {
  flex: 1;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item {
  justify-content: center;
  border-bottom: 3px solid transparent;
  flex: 1;
  margin-bottom: unset;
  padding: 12px 0;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item:not(.top-tab-menu__fit-size-mode .top-tab-menu__item-parent) {
  top: unset;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item-wrapper {
  flex: 1;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item span {
  color: #5E5E5E !important;
  border-bottom: unset;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item.active, .top-tab-menu__fit-size-mode .top-tab-menu__item.selected {
  cursor: unset;
  border-color: #218ccc;
}
.top-tab-menu__fit-size-mode .top-tab-menu__item.active span, .top-tab-menu__fit-size-mode .top-tab-menu__item.selected span {
  font-weight: 800 !important;
}

gs-challenge-new {
  display: block;
  position: relative;
  cursor: pointer;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

gs-challenge-new-completed {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e2e2e2;
}

.gs-challenge-new-completed {
  width: 100%;
  height: 100%;
}
.gs-challenge-new-completed__header {
  z-index: 1;
  width: 100%;
  height: 33px;
  background-color: rgba(0, 0, 0, 0.4);
}
.gs-challenge-new-completed__title {
  z-index: 1;
  font-size: 18px;
  font-weight: 800;
  width: 100%;
}
.gs-challenge-new-completed__footer {
  z-index: 1;
  height: 24px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
}
.gs-challenge-new-completed__footer__date {
  display: none;
}
@media screen and (max-width: 1000px) {
  .gs-challenge-new-completed__footer__date {
    display: block;
  }
}

.completed-challenge-battle-badge-container {
  position: absolute;
  top: 0;
  right: 100px;
}

.gs-w-120.gs-w-150.mr-auto {
  width: 120px;
}

challenge-images {
  display: block;
  position: relative;
}

.challenge-images {
  --primary-size: 83px;
  display: flex;
  /*  .challenge-images__photo {
      &.m-battle {
        //width: 73px;
      }
    }*/
}
.challenge-images--closing .challenge-images__photo__remove, .challenge-images--closing .challenge-images__photo__boost, .challenge-images--closing .challenge-images__photo__boost--boosting, .challenge-images--closing .gs-views-indicator, .challenge-images--closed .challenge-images__photo__remove, .challenge-images--closed .challenge-images__photo__boost, .challenge-images--closed .challenge-images__photo__boost--boosting, .challenge-images--closed .gs-views-indicator {
  display: none;
}
.challenge-images--closing:hover .challenge-images__photo__remove, .challenge-images--closed:hover .challenge-images__photo__remove {
  display: none;
}
.challenge-images__photo i {
  color: white;
}
.challenge-images__photo:first-child {
  margin-left: unset;
}
.challenge-images__photo__remove-middle {
  top: 28px;
}
.challenge-images__photo:hover .challenge-images__photo__remove {
  display: block;
}
.challenge-images__photo__remove {
  display: none;
  position: absolute;
  top: 2px;
  left: 2px;
  cursor: pointer;
  font-size: 25px;
}
.challenge-images__photo__remove:hover {
  color: #E54B4B;
}
.challenge-images__photo__turbo {
  width: 18px;
  height: 18px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 4px;
  right: 4px;
  border-radius: 50%;
}
.challenge-images__photo__turbo i {
  color: white;
  font-size: 10px;
}
.challenge-images__photo__votes {
  position: absolute;
  bottom: 5px;
  left: 5px;
  text-shadow: 1px 1px 8px #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  color: white;
}
.challenge-images__photo__boost {
  position: absolute;
  top: 4px;
  left: 4px;
  padding: 4px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 8px #000;
  font-size: 14px;
}
.challenge-images__photo__boost--boosting {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  padding: 4px;
  transform: translateY(-50%);
  text-align: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.4);
  text-shadow: 1px 1px 8px #000;
  font-size: 26px;
  line-height: 42px;
}
.challenge-images__photo__boost--boosting i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-55%, -45%);
  line-height: 1;
}
.challenge-images__photo__boost--boosting .icon-missle {
  animation-name: colorBlueBlink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.challenge-images__photo__boost--boosting .icon-missle-fire {
  animation-name: colorBlueBlink;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  color: #218ccc;
}
.challenge-images__photo__gurus-pick {
  position: absolute;
  right: 4px;
  bottom: 4px;
  padding: 4px;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 1px 1px 8px #000;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .challenge-images__photo {
    width: var(--primary-size);
  }
}
.challenge-images__photo--empty:hover i {
  transition: all 0.6s ease-in-out;
  transform: rotateY(360deg);
  transform-style: preserve-3d;
}
.challenge-images__photo--empty a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}
.challenge-images__photo--empty i {
  margin-left: 7px;
  transition: none;
  font-size: 28px;
}
.challenge-images__photo--empty div {
  margin-top: 5px;
  padding: 0;
  line-height: 1;
}
.challenge-images--resize-mode.challenge-images--num-of-photos-1 {
  --primary-size: 154px;
}
.challenge-images--resize-mode.challenge-images--num-of-photos-2 {
  --primary-size: 75px;
}
.challenge-images--resize-mode.challenge-images--num-of-photos-4, .challenge-images--resize-mode.challenge-images--num-of-photos-3 {
  --primary-size: 75px;
}
.challenge-images .challenge-images__photo, .challenge-images .challenge-images__photo--empty {
  position: relative;
  overflow: hidden;
  width: var(--primary-size);
  height: var(--primary-size);
  background-color: #9a9a9a;
  margin-left: 2px;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .challenge-images {
    --primary-size: 96px;
  }
}
@media screen and (max-width: 440px) {
  .challenge-images {
    --primary-size: 90px;
  }
}

country {
  display: block;
}
country img {
  width: 100%;
  height: 100%;
  border-radius: 3px;
}

horizontal-scrollbar-arrows {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  pointer-events: none;
  z-index: 2;
}
@media screen and (max-width: 440px) {
  horizontal-scrollbar-arrows {
    display: none;
  }
}

.horizontal-scrollbar-arrows {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}
.horizontal-scrollbar-arrows__arrow-button {
  cursor: pointer;
  pointer-events: auto;
  height: calc(100% - 10px);
  width: 32px;
  font-size: 20px;
  color: #4A4A4A;
  background-color: #DEE5EC;
  opacity: 0.8;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.horizontal-scrollbar-arrows__arrow-button:hover:not(.arrows-disabled) {
  background-color: #D3E8F5;
}
.horizontal-scrollbar-arrows__arrow-button:hover:not(.arrows-disabled) i {
  color: #218ccc;
}
.horizontal-scrollbar-arrows__arrow-button.arrows-disabled {
  cursor: not-allowed;
}
.horizontal-scrollbar-arrows__arrow-button.arrows-disabled i {
  color: #9A9A9A;
  opacity: 0.5;
}

gs-close-button {
  display: block;
  position: absolute;
}

.gs-close-button {
  width: 100%;
  height: 100%;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  font-size: inherit;
  color: white;
  font-weight: bold;
}

.m-battle.c-challenges-item__exposure, .c-challenges-item__finalizing-result, .c-challenges-item__achievement, .c-challenges-item__gs-points, .c-challenges-item__votes, .c-challenges-item__exposure {
  position: relative;
  flex: 1;
}
.m-battle.c-challenges-item__exposure:after, .c-challenges-item__finalizing-result:after, .c-challenges-item__achievement:after, .c-challenges-item__gs-points:after, .c-challenges-item__votes:after, .c-challenges-item__exposure:after {
  right: 0;
}

.m-battle.c-challenges-item__exposure {
  min-width: auto;
  height: 100%;
  padding: 0;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}
.m-battle.c-challenges-item__exposure:after {
  display: none;
}
.m-battle.c-challenges-item__exposure__title {
  color: #969696;
  font-size: 14px;
}
.m-battle.c-challenges-item__exposure__auto-fill {
  position: absolute;
  z-index: -1;
  bottom: 100%;
  left: 50%;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  transform: translateX(-50%);
  background-color: #e0e0e0;
}
.m-battle.c-challenges-item__exposure__auto-fill__btn {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  left: 0;
  width: 130px;
  margin: 0 auto;
}
.m-battle.c-challenges-item__exposure__body {
  height: 94px;
  text-align: center;
  line-height: 94px;
}
.m-battle.c-challenges-item__exposure__meter {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 54px;
  text-align: center;
  vertical-align: middle;
  color: #999;
  font-size: 0;
  line-height: 1;
}
.m-battle.c-challenges-item__exposure__meter:before {
  position: absolute;
  right: calc(100% - 31px);
  bottom: 0;
  display: inline-block;
  content: "Low";
  font-size: 12px;
}
.m-battle.c-challenges-item__exposure__meter:after {
  position: absolute;
  bottom: 0;
  left: calc(100% - 31px);
  display: inline-block;
  content: "High";
  font-size: 12px;
}
.m-battle.c-challenges-item__exposure__meter i {
  font-size: 50px;
}
.m-battle.c-challenges-item__exposure__meter__arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 3px;
  height: 86%;
  margin: 0 auto;
  transition: all 1s ease-in-out;
  transform: rotate(-90deg);
  transform-origin: bottom;
  background-color: #999;
}
.m-battle.c-challenges-item__exposure__meter__arrow:after {
  position: absolute;
  right: 0;
  bottom: -3px;
  left: 0;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: -3px;
  content: "";
  border-radius: 50%;
  background-color: #999;
}
.m-battle.c-challenges-item__exposure__footer {
  height: 25px;
}
.m-battle.c-challenges-item__exposure__vote {
  margin: 3px auto 0;
}
.m-battle.c-challenges-item__exposure__fill {
  display: inline-block;
  margin-left: 5px;
  padding: 6px;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  vertical-align: middle;
  color: #3397d2;
  border: 1px solid #3397d2;
  border-radius: 50%;
  background-color: #fff;
  font-size: 13px;
  line-height: 1;
}
.m-battle.c-challenges-item__exposure__fill:hover {
  color: #fff;
  background-color: #3397d2;
}

modal-blocked-user {
  width: 600px;
}
modal-blocked-user .modal-blocked-user__title {
  border-bottom: 1px solid #EAEAEA;
}
modal-blocked-user .modal-blocked-user__no-users img {
  width: 200px;
  height: 200px;
}
modal-blocked-user .modal-blocked-user__users {
  max-height: 60vh;
  padding: 14px 24px;
}
modal-blocked-user .teams-btn-secondary, modal-blocked-user .teams-btn-secondary-center, modal-blocked-user .gs-teams-help-btn, modal-blocked-user team-suggested-members .team-suggested-members__help-btn, team-suggested-members modal-blocked-user .team-suggested-members__help-btn, modal-blocked-user .team-home .team-home-page__header-help-btn, .team-home modal-blocked-user .team-home-page__header-help-btn, modal-blocked-user .my-team__header__help-btn, modal-blocked-user team-details .team-details__help-btn, team-details modal-blocked-user .team-details__help-btn, modal-blocked-user .match-header__help-btn, modal-blocked-user .help-button {
  height: 34px;
  width: 100%;
  max-width: 300px;
}
@media screen and (max-width: 767px) {
  modal-blocked-user {
    width: 94vw;
  }
  modal-blocked-user .modal-blocked-user__users {
    height: 60vh;
    padding: 14px 7px;
  }
}

modal-report-similar {
  display: block;
  text-align: center;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-report-similar md-dialog {
  max-width: none !important;
}
@media screen and (max-width: 425px) {
  modal-report-similar {
    width: calc(100% - 20px);
  }
}
modal-report-similar .c-modal-report-similar {
  overflow: hidden;
  max-width: 96vw !important;
  border-radius: 11px;
  background-color: transparent;
}
modal-report-similar .c-modal-report-similar__close {
  position: absolute;
  z-index: 2;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
  transform: translateZ(0);
  transform-origin: 50% 50%;
  text-align: center;
  color: #444;
  border-radius: 50%;
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
}
modal-report-similar .c-modal-report-similar__close:hover {
  transform: translateZ(0) rotate(180deg);
}
modal-report-similar .c-modal-report-similar__content {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  border-radius: 11px;
  background-color: #fff;
  font-size: 0;
}
modal-report-similar .c-modal-report-similar__cover {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  line-height: 1.2;
  background-color: #fff;
  box-shadow: 0 0 12.8px 2.2px rgba(0, 0, 0, 0.15);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-report-similar .c-modal-report-similar__cover .line1 {
  font-size: 26px;
  letter-spacing: -0.5px;
  text-align: center;
  color: #444444;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  modal-report-similar .c-modal-report-similar__cover .line1 {
    font-size: 18px;
    padding: 0 20px;
  }
}
modal-report-similar .c-modal-report-similar__cover .line2 {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: -0.3px;
  text-align: center;
  color: #666666;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  modal-report-similar .c-modal-report-similar__cover .line2 {
    margin-top: 10px;
    font-size: 12px;
  }
}
@media screen and (max-width: 520px) {
  modal-report-similar .c-modal-report-similar__cover {
    min-width: 0;
  }
}
modal-report-similar .c-modal-report-similar__photos-block {
  padding: 0 15px 15px;
  background-color: #f1f1f1;
}
modal-report-similar .c-modal-report-similar__loader {
  width: 200px;
  height: 200px;
}
modal-report-similar .c-modal-report-similar__photos {
  position: relative;
  display: flex;
  overflow-x: hidden;
  max-width: 100%;
  margin-top: 15px;
  padding-bottom: 90px;
  text-align: left;
  font-size: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  modal-report-similar .c-modal-report-similar__photos {
    max-height: 400px;
  }
}
modal-report-similar .c-modal-report-similar__photo {
  position: relative;
  height: 200px;
  margin: 5px;
  cursor: pointer;
  background-color: #ccc;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-report-similar .c-modal-report-similar__photo img {
  height: 100%;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 767px) {
  modal-report-similar .c-modal-report-similar__photo img {
    width: 100%;
    height: auto;
  }
}
modal-report-similar .c-modal-report-similar__photo.selected:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
}
modal-report-similar .c-modal-report-similar__photo.selected:after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 50px;
  height: 50px;
  content: "\e641";
  transform: translate3D(-50%, -50%, 0);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.4);
  font-size: 30px;
  line-height: 50px;
}
@media screen and (max-width: 767px) {
  modal-report-similar .c-modal-report-similar__photo {
    width: 100%;
    height: auto;
    margin: 5px 0;
  }
}
modal-report-similar .c-modal-report-similar__photo--loader {
  position: relative;
  display: inline-block;
  width: 24.2%;
  margin: 0.4%;
  padding-bottom: 24.2%;
  background-color: #ccc;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 425px) {
  modal-report-similar .c-modal-report-similar__photo--loader {
    width: 32.5%;
    padding-bottom: 32.5%;
  }
}
modal-report-similar .c-modal-report-similar__actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 70px;
  padding: 30px 0;
  transition: transform 0.5s ease-in-out;
  transform: translateY(calc(100% - 29px));
  background-color: #fff;
  box-shadow: 0 0 21.2px 3.8px rgba(0, 0, 0, 0.15);
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
modal-report-similar .c-modal-report-similar__actions.active {
  transform: translateY(0);
}
modal-report-similar .c-modal-report-similar__actions .gs-btn--blue--s--, modal-report-similar .c-modal-report-similar__actions .gs-btn--white, modal-report-similar .c-modal-report-similar__actions .gs-btn--red, modal-report-similar .c-modal-report-similar__actions .gs-btn--grey, modal-report-similar .c-modal-report-similar__actions .gs-btn--instagram, modal-report-similar .c-modal-report-similar__actions fixed-footer .fix-footer__btn--s--, fixed-footer modal-report-similar .c-modal-report-similar__actions .fix-footer__btn--s-- {
  margin: 0 20px;
}
@media screen and (max-width: 768px) {
  modal-report-similar .c-modal-report-similar__actions {
    padding: 10px 0 5px;
    transform: translateY(calc(100% - 5px));
  }
}

.teams #page {
  background-color: #ededed;
}
.teams md-select-menu {
  max-height: 250px;
}

.photo {
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
.photo #header--s-- {
  z-index: 9999;
  border-bottom: 1px solid #222;
}
.photo photo-swipe.active {
  top: 68px;
  height: calc(100vh - 68px);
}
.photo .pswp--open {
  position: absolute !important;
}
.photo photo-data {
  height: calc(100vh - 44px - 68px);
}
@media screen and (max-width: 1000px) {
  .photo mobile-header {
    z-index: 9999;
  }
  .photo photo-swipe.active {
    top: 0;
    height: calc(100vh - 44px);
  }
  .photo photo-data {
    height: calc(100vh - 44px);
  }
}

gs-footer {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px 10px 25px;
  text-align: center;
  border-top: 1px solid #ccc;
  background-color: #fff;
  line-height: 2.5;
  /* DEPRECATED */
  /* TODO: use media mixin instead */
}
@media screen and (max-width: 1000px) {
  gs-footer {
    padding-bottom: 64px;
  }
}

.gs-theme-card {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
  border: 1px solid #EEF2F5;
  box-shadow: 1px 3px 5px rgba(198, 220, 230, 0.52);
  border-radius: 20px;
}

.gs-theme-gradient-blue {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
}

.gs-theme-gradient-blue-color {
  background: linear-gradient(270deg, #50AFF4 0%, #578CFF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.gs-theme-gradient-blue-teams {
  background: linear-gradient(270deg, #A8D7D3 0%, #01A9EF 49.89%, #0050DD 100%);
}

.gs-theme-gradient-green {
  background: linear-gradient(270deg, #00FFC3 0%, #00CABE 72.57%);
}

.gs-theme-gradient-red {
  background: linear-gradient(270deg, #FF5E96 0%, #FF6A6A 100%);
}

.gs-theme-gradient-purple {
  background: linear-gradient(180deg, #6C1DFF 0%, #B620E0 100%);
}

.gs-theme-gradient-illustration {
  background: linear-gradient(42.04deg, #FDFEFF 28.41%, #DEEDF7 98.69%, #62AEDB 98.69%);
}

.gs-theme-gradient-gs {
  background: linear-gradient(270deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-gradient-quickshots {
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}

.gs-theme-gradient-light-gradient-bg {
  background: linear-gradient(180deg, #F5FBFF 0%, #FFFFFF 15.62%, #F5FBFF 35.42%, #D3E8F5 100%);
}

.gs-theme-button {
  border: 0 none;
  font-size: 14px;
  font-weight: 700;
  color: white;
  width: 330px;
  height: 64px;
  text-align: center;
  text-transform: uppercase;
  border-radius: 4px;
  cursor: pointer;
}

.gs-theme-button-main {
  background: linear-gradient(45deg, #0064A1 0.34%, #3797D1 100%);
}

.gs-theme-button-error {
  background-color: #FF6B6B;
}

.gs-theme-button-confirmation {
  background-color: #00F5C2;
}

.gs-theme-button-icon {
  background: linear-gradient(180deg, #68C8EA 0%, #3797D1 100%);
}

.gs-theme-button-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-button-gold_icon {
  background-color: #FFC422;
}

.gs-theme-text-caps {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-regular {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caps-bold {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-caption-regular {
  font-size: 11px;
  font-weight: 400;
}

.gs-theme-text-caption-regular-caps {
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.gs-theme-text-caption-bold {
  font-size: 11px;
  font-weight: 700;
}

.gs-theme-text-caption-bold-caps {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
}

.gs-theme-text-bold, .gs-modal-store a {
  font-size: 14px;
  font-weight: 700;
}

.gs-theme-text-bold-small {
  font-size: 12px;
  font-weight: 700;
}

.gs-theme-text-bold-semi {
  font-size: 12px;
  font-weight: 600;
}

.gs-theme-text-semibold {
  font-weight: 600;
  font-size: 18px;
}

.gs-theme-text-semibold-mobile {
  font-weight: 600;
  font-size: 14px;
}

.gs-theme-text-semibold-small {
  font-weight: 600;
  font-size: 16px;
}

.gs-theme-text-semibold-small-mobile {
  font-weight: 600;
  font-size: 12px;
}

.gs-theme-text-regular {
  font-size: 14px;
  font-weight: 400;
}

.gs-theme-text-regular-small {
  font-size: 12px;
  font-weight: 400;
}

.gs-theme-text-headline {
  font-size: 18px;
  font-weight: 800;
}

.gs-theme-text-headline-large {
  font-size: 32px;
  font-weight: 800;
}

.gs-theme-text-headline-xl {
  font-size: 64px;
  font-weight: 800;
}

.gs-theme-text-headline-big {
  font-size: 24px;
  font-weight: 800;
}

.gs-theme-text-headline-caps {
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
}

.gs-theme-text-headline-sub {
  font-size: 16px;
  font-weight: 400;
}

.gs-theme-text-headline-sub-bold {
  font-size: 16px;
  font-weight: 700;
}

.gs-theme-text-button {
  font-size: 24px;
  font-weight: 400;
}

.gs-theme-text-button-small {
  font-size: 20px;
  font-weight: 400;
}

.gs-theme-color-error {
  color: #FF6B6B;
}

.gs-theme-color-black_100 {
  color: #000000;
}

.gs-theme-color-blue_05 {
  color: #F2FAFE;
}

.gs-theme-color-blue_100 {
  color: #218CCC;
}

.gs-theme-color-blue_10 {
  color: #E8F3F9;
}

.gs-theme-color-blue_20 {
  color: #D3E8F5;
}

.gs-theme-color-blue_30 {
  color: #BCDCEF;
}

.gs-theme-color-blue_40 {
  color: #A6D1EB;
}

.gs-theme-color-blue_50 {
  color: #90C5E5;
}

.gs-theme-color-blue_60 {
  color: #7ABAE0;
}

.gs-theme-color-blue_70 {
  color: #63AEDB;
}

.gs-theme-color-blue_80 {
  color: #4DA3D6;
}

.gs-theme-color-blue_90 {
  color: #3797D1;
}

.gs-theme-color-blue_solid {
  color: #578CFF;
}

.gs-theme-color-blue_solid_05 {
  color: #E6F3FF;
}

.gs-theme-color-blue_solid_10 {
  color: #C3E0FF;
}

.gs-theme-color-blue_solid_80 {
  color: #5067D7;
}

.gs-theme-color-blue_solid_90 {
  color: #4A46B6;
}

.gs-theme-color-cool_05 {
  color: #F6F8FA;
}

.gs-theme-color-cool_100 {
  color: #597DA1;
}

.gs-theme-color-cool_10 {
  color: #EEF2F5;
}

.gs-theme-color-cool_20 {
  color: #DEE5EC;
}

.gs-theme-color-cool_30 {
  color: #CDD8E2;
}

.gs-theme-color-cool_40 {
  color: #BDCBD9;
}

.gs-theme-color-cool_50 {
  color: #ACBED0;
}

.gs-theme-color-cool_60 {
  color: #9CB1C7;
}

.gs-theme-color-cool_70 {
  color: #8BA4BD;
}

.gs-theme-color-cool_80 {
  color: #7B97B4;
}

.gs-theme-color-cool_90 {
  color: #6A8AAA;
}

.gs-theme-color-dark_green {
  color: #4F806B;
}

.gs-theme-color-dark_orange {
  color: #E08B0A;
}

.gs-theme-color-dark_purple {
  color: #57369C;
}

.gs-theme-color-gray_05 {
  color: #F5F5F5;
}

.gs-theme-color-gray_10 {
  color: #EAEAEA;
}

.gs-theme-color-gray_20 {
  color: #D7D7D7;
}

.gs-theme-color-gray_30 {
  color: #C2C2C2;
}

.gs-theme-color-gray_40 {
  color: #AFAFAF;
}

.gs-theme-color-gray_50 {
  color: #9A9A9A;
}

.gs-theme-color-gray_60 {
  color: #868686;
}

.gs-theme-color-gray_70 {
  color: #727272;
}

.gs-theme-color-gray_80 {
  color: #5E5E5E;
}

.gs-theme-color-gray_90 {
  color: #4A4A4A;
}

.gs-theme-color-gray_100 {
  color: #363636;
}

.gs-theme-color-green_highlight {
  color: #0F8730;
}

.gs-theme-color-light_green {
  color: #E6FEF1;
}

.gs-theme-color-light_orange {
  color: #FFF0E8;
}

.gs-theme-color-light_purple {
  color: #E4E6FF;
}

.gs-theme-color-light_red {
  color: #FFE7E7;
}

.gs-theme-color-white_100 {
  color: #FFFFFF;
}

.gs-theme-color-gold_key {
  color: #FFBA00;
}

.gs-theme-color-light-gold {
  color: #FFF7D8;
}

.gs-theme-bg-color-blue_solid {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_10 {
  background-color: #578CFF;
}

.gs-theme-bg-color-blue_solid_90 {
  background-color: #4A46B6;
}

.gs-theme-bg-color-blue_05 {
  background-color: #F2FAFE;
}

.gs-theme-bg-color-blue_10 {
  background-color: #E8F3F9;
}

.gs-theme-bg-color-blue_20 {
  background-color: #D3E8F5;
}

.gs-theme-bg-color-blue_30 {
  background-color: #BCDCEF;
}

.gs-theme-bg-color-blue_40 {
  background-color: #A6D1EB;
}

.gs-theme-bg-color-blue_50 {
  background-color: #90C5E5;
}

.gs-theme-bg-color-blue_60 {
  background-color: #7ABAE0;
}

.gs-theme-bg-color-blue_70 {
  background-color: #63AEDB;
}

.gs-theme-bg-color-blue_80 {
  background-color: #4DA3D6;
}

.gs-theme-bg-color-blue_90 {
  background-color: #3797D1;
}

.gs-theme-bg-color-blue_100 {
  background-color: #218CCC;
}

.gs-theme-bg-color-gray_05 {
  background-color: #F5F5F5;
}

.gs-theme-bg-color-gray_10 {
  background-color: #EAEAEA;
}

.gs-theme-bg-color-gray_20 {
  background-color: #D7D7D7;
}

.gs-theme-bg-color-gray_30 {
  background-color: #C2C2C2;
}

.gs-theme-bg-color-gray_40 {
  background-color: #AFAFAF;
}

.gs-theme-bg-color-gray_50 {
  background-color: #9A9A9A;
}

.gs-theme-bg-color-gray_60 {
  background-color: #868686;
}

.gs-theme-bg-color-gray_70 {
  background-color: #727272;
}

.gs-theme-bg-color-gray_80 {
  background-color: #5E5E5E;
}

.gs-theme-bg-color-gray_90 {
  background-color: #4A4A4A;
}

.gs-theme-bg-color-gray_100 {
  background-color: #363636;
}

.gs-theme-bg-color-white_100 {
  background-color: #FFFFFF;
}

.gs-theme-bg-color-cool_05 {
  background-color: #F6F8FA;
}

.gs-theme-bg-color-cool_10 {
  background-color: #EEF2F5;
}

.gs-theme-bg-color-cool_20 {
  background-color: #DEE5EC;
}

.gs-theme-bg-color-cool_30 {
  background-color: #CDD8E2;
}

.gs-theme-bg-color-cool_40 {
  background-color: #BDCBD9;
}

.gs-theme-bg-color-cool_50 {
  background-color: #ACBED0;
}

.gs-theme-bg-color-cool_60 {
  background-color: #9CB1C7;
}

.gs-theme-bg-color-cool_70 {
  background-color: #8BA4BD;
}

.gs-theme-bg-color-cool_80 {
  background-color: #7B97B4;
}

.gs-theme-bg-color-cool_90 {
  background-color: #6A8AAA;
}

.gs-theme-bg-color-cool_100 {
  background-color: #597DA1;
}

.gs-theme-bg-color-light_red {
  background-color: #FFE7E7;
}

.gs-theme-bg-color-light_green {
  background-color: #E6FEF1;
}

.gs-theme-bg-color-light_purple {
  background-color: #E4E6FF;
}

.gs-theme-bg-color-light_orange {
  background-color: #FFF0E8;
}

.gs-theme-bg-color-light_gold {
  background-color: #FFF7D8;
}

.gs-theme-bg-color-dark_green {
  background-color: #4F806B;
}

.gs-theme-bg-color-dark_purple {
  background-color: #57369C;
}

.gs-theme-bg-color-dark_orange {
  background-color: #E08B0A;
}

.gs-theme-bg-color-gold_key {
  background-color: #FFBA00;
}

.gs-theme-bg-color-destructive {
  background: #FF6B6B;
}

.gs-theme-overlay-40 {
  background-color: rgba(0, 0, 0, 0.4);
}

.gs-theme-overlay-60 {
  background-color: rgba(0, 0, 0, 0.6);
}

.gs-theme-overlay-80 {
  background-color: rgba(0, 0, 0, 0.8);
}

.gs-theme-level-newbie {
  background: linear-gradient(90deg, #535353 2.73%, #222222 107.03%);
}

.gs-theme-level-rookie {
  background: linear-gradient(90deg, #02CCE8 2.73%, #05ADF4 107.03%);
}

.gs-theme-level-challenger {
  background: linear-gradient(88.84deg, #56D27A 0%, #019174 100%);
}

.gs-theme-level-advanced {
  background: linear-gradient(88.84deg, #FFA623 0%, #F67E0E 100%);
}

.gs-theme-level-veteran {
  background: linear-gradient(90deg, #FF5353 2.73%, #D13605 107.03%);
}

.gs-theme-level-expert {
  background: linear-gradient(88.84deg, #C126D0 0%, #DB2778 100%);
}

.gs-theme-level-champion {
  background: linear-gradient(90deg, #7848DD 2.73%, #370C93 107.03%);
}

.gs-theme-level-master {
  background: linear-gradient(90deg, #2A84EE 2.73%, #0048B5 107.03%);
}

.gs-theme-level-guru {
  background: linear-gradient(88.84deg, #EA52F8 0%, #0066FF 100%);
}

.gs-theme-level-ultimate-guru {
  background: linear-gradient(88.84deg, #FF4F37 0%, #A533FF 48.96%, #001AFF 100%);
}

/* TODO: set color from #... to $colorN */
.unselectable {
  -webkit-user-select: none;
          user-select: none;
}

.clickable {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
}

.container {
  box-sizing: content-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 30px;
}
@media screen and (max-width: 480px) {
  .container {
    /* DEPRECATED. Use
     *
     * @include media($media-480) {
     *    font-size: 9px;
     *  }
     *
     * instead.
     *
     * The media max-width: 480px isn't a standard, and maybe it doesn't exist.
     * In this case you'll need to create a variable $media-480 with value max-width: 480px in _vars.scss file
     *
     * $media-480: 'max-width: 480px';
     *
     */
    padding: 0 30px/2;
  }
}

.cursor-unset {
  /* TODO: remove! important is deprecated!! */
  cursor: unset !important;
}

.display-flex {
  display: flex;
}

.border-bottom--style1 {
  border-bottom: 1px solid #f1f4f7;
}

.page-container, .card--style1, .card--style2 {
  background-color: #ffffff;
  box-shadow: 0 1px 8px 1px rgba(134, 134, 134, 0.15);
  border-radius: 12px;
}

.page-container {
  /* The class page-container isn't used yet */
  width: 85vw;
  margin: 3vh auto 0;
  min-height: 80vh;
}

.p {
  /* DEPRECATED. Go to .gs { &-p ... } */
}
.p-0 {
  padding: 0;
  /* TODO: remove! important is deprecated!! */
}
.p-0__important {
  padding: 0 !important;
}
.p-8 {
  padding: 8px;
}
.p-8-0 {
  padding: 8px 0;
}
.p-10 {
  padding: 10px;
}
.p-16, .challenges-planned-timings md-menu-content.md-menu-bar-menu.md-dense {
  padding: 16px;
}
.p-16-0 {
  padding: 16px 0;
}
.pt-7 {
  padding-top: 7px;
}
.pt-24 {
  /* TODO: remove! important is deprecated!! */
  padding-top: 24px !important;
}
.pr-5 {
  padding-right: 5px;
}
.pr-6 {
  /* TODO: remove! important is deprecated!! */
  padding-right: 6px !important;
}
.pr-10 {
  /* TODO: remove! important is deprecated!! */
  padding-right: 10px !important;
}
.pr-12 {
  padding-right: 12px;
}
.pb-7 {
  padding-bottom: 7px;
}
.pb-9 {
  padding-bottom: 9px;
}
.pb-12 {
  padding-bottom: 12px;
}
.pb-30 {
  padding-bottom: 30px;
}
.pl-5 {
  padding-left: 5px;
}
.pl-7 {
  padding-left: 7px;
}
.pl-10 {
  padding-left: 10px;
}
.pl-12 {
  padding-left: 12px;
}
.pl-16 {
  padding-left: 16px;
}
.pl-40 {
  padding-left: 40px;
}

.m {
  /* DEPRECATED. Go to .gs { &-m ... } */
}
.m-0 {
  margin: 0;
}
.m-50-auto-0 {
  margin: 50px auto 0;
}
.mt-auto {
  margin-top: auto;
}
.mt-0 {
  margin-top: 0;
}
.mt-8 {
  margin-top: 8px;
}
.mt-10 {
  margin-top: 10px;
}
.mt-12 {
  margin-top: 12px;
}
.mt-15 {
  margin-top: 15px;
}
.mt-20 {
  margin-top: 20px;
}
.mt-22 {
  margin-top: 22px;
}
.mt-24 {
  margin-top: 24px;
}
.mt-25 {
  margin-top: 25px;
}
.mt-26 {
  margin-top: 26px;
}
.mt-30 {
  margin-top: 30px;
}
.mt-40 {
  margin-top: 40px;
}
.mt-50 {
  margin-top: 50px;
}
.mt-75 {
  margin-top: 75px;
}
.mt-110 {
  margin-top: 110px;
}
.mt-133 {
  margin-top: 133px;
}
.mt-143 {
  margin-top: 143px;
}
.mr-5 {
  margin-right: 5px;
}
.mr-8 {
  margin-right: 8px;
}
.mr-10 {
  margin-right: 10px;
}
.mr-13 {
  margin-right: 13px;
}
.mr-20 {
  margin-right: 20px;
}
.mr-40 {
  margin-right: 40px;
}
.mr-auto {
  margin-right: auto;
}
.mb-auto {
  margin-bottom: auto;
}
.mb-0 {
  margin-bottom: 0;
}
.mb-2 {
  margin-bottom: 2px;
}
.mb-9 {
  margin-bottom: 9px;
}
.mb-10 {
  margin-bottom: 10px;
}
.mb-12 {
  margin-bottom: 12px;
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-40 {
  margin-bottom: 40px;
}
.mb-56 {
  margin-bottom: 56px;
}
.ml-0 {
  margin-left: 0;
}
.ml-5 {
  margin-left: 5px;
}
.ml-7 {
  margin-left: 7px;
}
.ml-8 {
  margin-left: 8px;
}
.ml-10 {
  margin-left: 10px;
}
.ml-14 {
  margin-left: 14px;
}
.ml-15 {
  margin-left: 15px;
}
.ml-20 {
  margin-left: 20px;
}
.ml-24 {
  margin-left: 24px;
}
.ml-40 {
  margin-left: 40px;
}
.ml-221 {
  margin-left: 221px;
}
.ml-auto {
  margin-left: auto;
}

.gs-shrink-text__lines4, .gs-shrink-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.gs-a-i-c {
  align-items: center;
}
.gs-a-i-b {
  align-items: baseline;
}
.gs-a-i-s {
  align-items: stretch;
}
.gs-a-i-f-e {
  align-items: flex-end;
}
.gs-a-s-c {
  align-self: center;
}
.gs-b-0 {
  bottom: 0;
}
.gs-b-0-n {
  border: 0 none;
}
.gs-b-8 {
  bottom: 8px;
}
.gs-b-14 {
  bottom: 14px;
}
.gs-b-31 {
  bottom: 31px;
}
.gs-b-minus-5 {
  bottom: -5px;
}
.gs-b-minus-12 {
  bottom: -12px;
}
.gs-b-minus-25 {
  bottom: -25px;
}
.gs-b-b-l-r-24 {
  border-bottom-left-radius: 24px;
}
.gs-b-b-r-r-24 {
  border-bottom-right-radius: 24px;
}
.gs-b-r-0-12-12-0 {
  border-radius: 0 12px 12px 0;
}
.gs-b-r-4 {
  border-radius: 4px;
}
.gs-b-r-6 {
  border-radius: 6px;
}
.gs-b-r-8 {
  border-radius: 8px;
}
.gs-b-r-12 {
  border-radius: 12px;
}
.gs-b-r-12-0-0-12 {
  border-radius: 12px 0 0 12px;
}
.gs-b-r-14 {
  border-radius: 14px;
}
.gs-b-r-20, modal-content-cards md-dialog modal-content-cards md-dialog-content, modal-content-cards md-dialog .ab-feed, modal-content-cards md-dialog .ab-feed .ab-card {
  border-radius: 20px;
}
.gs-b-r-32 {
  border-radius: 32px;
}
.gs-background-center-cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.gs-bg-i-none {
  background-image: none !important;
}
.gs-bg-c-white {
  background-color: white;
}
.gs-bg-c-gray1 {
  background-color: #F6F8FA;
}
.gs-bg-c-gray2 {
  background-color: #EEF2F5;
}
.gs-bg-c-blue2 {
  background-color: #D3E8F5;
}
.gs-bg-c-blue3 {
  background-color: #E8F3F9;
}
.gs-black-overlay {
  position: relative;
}
.gs-black-overlay:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.gs-border-left-white-2 {
  border-left: solid 2px white;
}
.gs-border-right-white-2 {
  border-right: solid 2px white;
}
.gs-c-p {
  cursor: pointer;
}
.gs-c-u {
  cursor: unset;
}
.gs-color-white {
  color: white;
}
.gs-color-gsblue {
  color: #3397d2;
}
.gs-color-gray1 {
  color: #4A4A4A;
}
.gs-color-gray2 {
  color: #5E5E5E;
}
.gs-color-gray3 {
  color: #727272;
}
.gs-color-gray4 {
  color: #868686;
}
.gs-color-gray5 {
  color: #B3B3B3;
}
.gs-color-darkblue {
  color: darkblue;
}
.gs-color-black1 {
  color: #1c1c1c;
}
.gs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.gs-center-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gs-center-v-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.gs-center-x {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.gs-center-y {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.gs-d-f, .gs-d-flex {
  display: flex;
}
.gs-d-b, modal-content-cards md-dialog .ab-feed .ab-card .ab-close-button {
  display: block;
}
.gs-d-i-b {
  display: inline-block;
}
.gs-d-i-f {
  /* TODO: remove! important is deprecated!! */
  display: inline-flex !important;
}
.gs-d-n, .gs-d-non {
  display: none;
}
.gs-d-n-important, .gs-d-non-important {
  display: none !important;
}
.gs-f-shrink-0 {
  flex-shrink: 0;
}
.gs-f-1 {
  flex: 1;
}
.gs-f-1-0-a {
  flex: 1 0 auto;
}
.gs-f-2 {
  flex: 2;
}
.gs-f-3 {
  flex: 3;
}
.gs-f-4 {
  flex: 4;
}
.gs-f-5 {
  flex: 5;
}
.gs-f-8 {
  flex: 8;
}
.gs-f-d-c {
  flex-direction: column;
}
.gs-f-d-r {
  flex-direction: row;
}
.gs-f-d-r-important {
  /* TODO: remove! important is deprecated!! */
  flex-direction: row !important;
}
.gs-f-f-chang {
  font-family: "Changa", sans-serif;
}
.gs-f-f-chang-one {
  font-family: "Changa One", cursive;
}
.gs-f-g-1 {
  flex-grow: 1;
}
.gs-f-s-7 {
  font-size: 7px;
}
.gs-f-s-10 {
  font-size: 10px;
}
.gs-f-s-12 {
  font-size: 12px;
}
.gs-f-s-13 {
  font-size: 13px;
}
.gs-f-s-14 {
  font-size: 14px;
}
.gs-f-s-16 {
  font-size: 16px;
  /* TODO: remove! important is deprecated!! */
}
.gs-f-s-16-important {
  font-size: 16px !important;
}
.gs-f-s-18 {
  font-size: 18px;
}
.gs-f-s-20 {
  font-size: 20px;
}
.gs-f-s-22 {
  font-size: 22px;
}
.gs-f-s-24 {
  font-size: 24px;
}
.gs-f-s-26 {
  font-size: 26px;
}
.gs-f-s-30 {
  font-size: 30px;
}
.gs-f-s-32 {
  font-size: 32px;
}
.gs-f-s-64 {
  font-size: 64px;
}
.gs-f-s-80 {
  font-size: 80px;
}
.gs-f-style-i {
  font-style: italic;
}
.gs-f-w {
  flex-wrap: wrap;
}
.gs-f-w-400 {
  font-weight: 400;
}
.gs-f-w-500 {
  font-weight: 500;
}
.gs-f-w-600 {
  font-weight: 600;
}
.gs-f-w-700 {
  font-weight: 700;
}
.gs-f-w-700-important {
  /* TODO: remove! important is deprecated!! */
  font-weight: 700 !important;
}
.gs-f-w-800 {
  font-weight: 800;
}
.gs-f-w-900 {
  font-weight: 900;
}
.gs-flex-column-all-space {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.gs-g-2 {
  gap: 2px;
}
.gs-g-3 {
  gap: 3px;
}
.gs-g-5 {
  gap: 5px;
}
.gs-g-8 {
  gap: 8px;
}
.gs-g-10 {
  gap: 10px;
}
.gs-g-12 {
  gap: 12px;
}
.gs-g-15 {
  gap: 15px;
}
.gs-g-20 {
  gap: 20px;
}
.gs-g-24 {
  gap: 24px;
}
.gs-g-25 {
  gap: 25px;
}
.gs-g-27 {
  gap: 27px;
}
.gs-g-40 {
  gap: 40px;
}
.gs-g-70 {
  gap: 70px;
}
.gs-icon-flip {
  transform: scale(-1, 1);
}
.gs-h-auto {
  /* TODO: remove! important is deprecated!! */
  height: auto !important;
}
.gs-h-16 {
  height: 16px;
}
.gs-h-18 {
  height: 18px;
}
.gs-h-22 {
  height: 22px;
}
.gs-h-25 {
  height: 25px;
}
.gs-h-28 {
  height: 28px;
}
.gs-h-31 {
  height: 31px;
}
.gs-h-32 {
  height: 32px;
}
.gs-h-34 {
  height: 34px;
}
.gs-h-35 {
  height: 35px;
}
.gs-h-37 {
  height: 37px;
}
.gs-h-39 {
  height: 39px;
}
.gs-h-40 {
  height: 40px;
}
.gs-h-40-important {
  /* TODO: remove! important is deprecated!! */
  height: 40px !important;
}
.gs-h-42 {
  height: 42px;
}
.gs-h-44 {
  height: 44px;
}
.gs-h-47 {
  height: 47px;
}
.gs-h-48 {
  height: 48px;
}
.gs-h-49 {
  height: 49px;
}
.gs-h-50 {
  height: 50px;
}
.gs-h-52 {
  height: 52px;
}
.gs-h-55 {
  height: 55px;
}
.gs-h-60 {
  height: 60px;
}
.gs-h-64 {
  height: 64px;
}
.gs-h-68 {
  height: 68px;
}
.gs-h-74 {
  height: 74px;
}
.gs-h-78 {
  height: 78px;
}
.gs-h-80 {
  height: 80px;
}
.gs-h-100-p {
  /* TODO: remove! important is deprecated!! */
  height: 100% !important;
}
.gs-h-112 {
  height: 112px;
}
.gs-h-132 {
  height: 132px;
}
.gs-h-140 {
  height: 140px;
}
.gs-h-150 {
  height: 150px;
}
.gs-h-168 {
  height: 168px;
}
.gs-h-169 {
  height: 169px;
}
.gs-h-194 {
  height: 194px;
}
.gs-h-250 {
  height: 250px;
}
.gs-h-300 {
  height: 300px;
}
.gs-h-max-275 {
  max-height: 275px;
}
.gs-j-c-c {
  justify-content: center;
}
.gs-j-c-c-important {
  /* TODO: remove! important is deprecated!! */
  justify-content: center !important;
}
.gs-j-c-l {
  justify-content: left;
}
.gs-j-c-l-important {
  /* TODO: remove! important is deprecated!! */
  justify-content: left !important;
}
.gs-j-c-s-a {
  justify-content: space-around;
}
.gs-j-c-s-b {
  justify-content: space-between;
}
.gs-j-c-s-e {
  justify-content: space-evenly;
}
.gs-j-c-f-e {
  justify-content: flex-end;
}
.gs-j-c-f-s {
  justify-content: flex-start;
}
.gs-l-0 {
  left: 0;
}
.gs-l-3 {
  left: 3px;
}
.gs-l-10 {
  left: 10px;
}
.gs-l-30 {
  left: 30px;
}
.gs-l-100 {
  left: 100px;
}
.gs-l-minus-14 {
  left: -14px;
}
.gs-l-minus-85 {
  left: -85px;
}
.gs-l-h-14 {
  line-height: 14px;
}
.gs-l-h-20 {
  line-height: 20px;
}
.gs-l-h-23 {
  line-height: 23px;
}
.gs-l-h-27 {
  line-height: 27px;
}
.gs-l-h-31 {
  line-height: 31px;
}
.gs-m-0 {
  margin: 0;
}
.gs-m-0-a, md-dialog {
  margin: 0 auto;
}
.gs-m-30 {
  margin: 30px;
}
.gs-m-30-a {
  margin: 30px auto;
}
.gs-m-b-7 {
  margin-bottom: 7px;
}
.gs-m-b-8 {
  margin-bottom: 8px;
}
.gs-m-b-10 {
  margin-bottom: 10px;
}
.gs-m-b-12 {
  margin-bottom: 12px;
}
.gs-m-b-20 {
  margin-bottom: 20px;
}
.gs-m-b-24 {
  margin-bottom: 24px;
}
.gs-m-b-35 {
  margin-bottom: 35px;
}
.gs-m-b-60 {
  margin-bottom: 60px;
}
.gs-m-h-150 {
  max-height: 150px;
}
.gs-m-t-a {
  margin-top: auto;
}
.gs-m-t-0 {
  margin-top: 0;
}
.gs-m-t-2-0 {
  margin: 2px 0;
}
.gs-m-t-4 {
  margin-top: 4px;
}
.gs-m-t-5 {
  margin-top: 5px;
}
.gs-m-t-6 {
  margin-top: 6px;
}
.gs-m-t-7 {
  margin-top: 7px;
}
.gs-m-t-8 {
  margin-top: 8px;
}
.gs-m-t-10 {
  margin-top: 10px;
}
.gs-m-t-12 {
  margin-top: 12px;
}
.gs-m-t-15 {
  margin-top: 15px;
}
.gs-m-t-16 {
  margin-top: 16px;
}
.gs-m-t-19-m {
  margin-top: -19px;
}
.gs-m-t-20 {
  margin-top: 20px;
}
.gs-m-t-22 {
  margin-top: 22px;
}
.gs-m-t-24 {
  margin-top: 24px;
}
.gs-m-t-25 {
  margin-top: 25px;
}
.gs-m-t-27 {
  margin-top: 27px;
}
.gs-m-t-30 {
  margin-top: 30px;
}
.gs-m-t-32 {
  margin-top: 32px;
}
.gs-m-t-35, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area {
  margin-top: 35px;
}
.gs-m-t-40 {
  margin-top: 40px;
}
.gs-m-t-48 {
  margin-top: 48px;
}
.gs-m-l-a {
  margin-left: auto;
}
.gs-m-l-3 {
  margin-left: 3px;
}
.gs-m-l-5 {
  margin-left: 5px;
}
.gs-m-l-8 {
  margin-left: 8px;
}
.gs-m-l-10 {
  margin-left: 10px;
}
.gs-m-l-16 {
  margin-left: 16px;
}
.gs-m-l-18 {
  margin-left: 18px;
}
.gs-m-l-24 {
  margin-left: 24px;
}
.gs-m-l-30 {
  margin-left: 30px;
}
.gs-m-r-5 {
  margin-right: 5px;
}
.gs-m-r-6 {
  margin-right: 6px;
}
.gs-m-r-10 {
  margin-right: 10px;
}
.gs-m-r-16 {
  margin-right: 16px;
}
.gs-m-r-19 {
  margin-right: 19px;
}
.gs-m-r-30 {
  margin-right: 30px;
}
.gs-m-b-272 {
  margin-bottom: 272px;
}
.gs-m-w-400 {
  max-width: 400px;
}
.gs-m-w-540 {
  max-width: 540px;
}
.gs-max-w-unset {
  max-width: unset;
}
.gs-max-w-80-p {
  max-width: 80%;
}
.gs-max-w-100-p {
  max-width: 100%;
}
.gs-max-w-142 {
  max-width: 142px;
}
.gs-max-width-240px {
  max-width: 240px;
}
.gs-min-w-120 {
  min-width: 120px;
}
.gs-min-h-22 {
  min-height: 22px;
}
.gs-min-h-83 {
  min-height: 83px;
}
.gs-min-h-200 {
  min-height: 200px;
}
.gs-unset-margin {
  /* TODO: remove! important is deprecated!! */
  /* TODO: should be margin-unset */
  margin: unset !important;
}
.gs-no-border {
  border: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-top: none !important;
}
.gs-no-margin {
  /* TODO: remove! important is deprecated!! */
  margin: 0 0 0 0 !important;
}
.gs-no-margin-top {
  /* TODO: remove! important is deprecated!! */
  margin-top: 0 !important;
}
.gs-no-padding {
  /* TODO: remove! important is deprecated!! */
  padding: 0 0 0 0 !important;
}
.gs-o-x-a {
  overflow-x: auto;
}
.gs-o-f-c {
  object-fit: cover;
}
.gs-o-h, .overflow-hidden, .gs-shrink-text__lines4, .gs-shrink-text {
  overflow: hidden;
}
.gs-o-s {
  overflow: scroll;
}
.gs-order-1 {
  order: 1;
}
.gs-order-2 {
  order: 2;
}
.gs-order-3 {
  order: 3;
}
.gs-p-0 {
  padding: 0;
}
.gs-p-0-10 {
  padding: 0 10px;
}
.gs-p-0-15 {
  padding: 0 15px;
}
.gs-p-0-24 {
  padding: 0 24px;
}
.gs-p-0-24-20 {
  padding: 0 24px 20px;
}
.gs-p-0-25 {
  padding: 0 25px;
}
.gs-p-0-32 {
  padding: 0 32px;
}
.gs-p-0-48 {
  padding: 0 48px;
}
.gs-p-4, modal-content-cards md-dialog .ab-feed .ab-card .ab-close-button {
  padding: 4px;
}
.gs-p-4-8 {
  padding: 4px 8px;
}
.gs-p-5 {
  padding: 5px;
}
.gs-p-7 {
  padding: 7px;
}
.gs-p-8 {
  padding: 8px;
}
.gs-p-8-0 {
  padding: 8px 0;
}
.gs-p-9-0 {
  padding: 9px 0;
}
.gs-p-10 {
  padding: 10px;
}
.gs-p-10-0 {
  padding: 10px 0;
}
.gs-p-12 {
  padding: 12px;
}
.gs-p-13 {
  padding: 13px;
}
.gs-p-13-0 {
  padding: 13px 0;
}
.gs-p-14-24 {
  padding: 14px 24px;
}
.gs-p-15-0 {
  padding: 15px 0;
}
.gs-p-16 {
  padding: 16px;
}
.gs-p-17 {
  padding: 17px;
}
.gs-p-20 {
  padding: 20px;
}
.gs-p-20-20-50 {
  padding: 20px 20px 50px;
}
.gs-p-20-24 {
  padding: 20px 24px;
}
.gs-p-24 {
  padding: 24px;
}
.gs-p-25 {
  padding: 25px;
}
.gs-p-32-32-24-32 {
  padding: 32px 32px 24px 32px;
}
.gs-p-36-30 {
  padding: 36px 30px;
}
.gs-p-40 {
  padding: 40px;
}
.gs-p-40-0 {
  padding: 40px 0;
}
.gs-p-a {
  position: absolute;
}
.gs-p-b-0 {
  padding-bottom: 0;
}
.gs-p-b-50 {
  padding-bottom: 50px;
}
.gs-p-b-270 {
  padding-bottom: 270px;
}
.gs-p-r {
  position: relative;
}
.gs-p-t-0 {
  padding-top: 0;
}
.gs-p-t-20, modal-content-cards md-dialog .ab-feed .ab-card .ab-description {
  padding-top: 20px;
}
.gs-p-t-24 {
  padding-top: 24px;
}
.gs-p-t-32, modal-content-cards md-dialog .ab-feed .ab-card .ab-title {
  padding-top: 32px;
}
.gs-p-t-50 {
  padding-top: 50px;
}
.gs-p-t-60 {
  padding-top: 60px;
}
.gs-p-l-17 {
  padding-left: 17px;
}
.gs-p-e-n {
  pointer-events: none;
}
.gs-p-s {
  position: sticky;
}
.gs-position-absolute {
  position: absolute;
}
.gs-position-absolute-top {
  position: absolute;
  top: 0;
  left: 0;
}
.gs-position-absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.gs-position-relative {
  /* TODO: remove! important is deprecated!! */
  position: relative !important;
}
.gs-position-fixed {
  position: fixed;
}
.gs-r-0 {
  right: 0;
}
.gs-r-6 {
  right: 6px;
}
.gs-r-12 {
  right: 12px;
}
.gs-r-13 {
  right: 13px;
}
.gs-r-20 {
  right: 20px;
}
.gs-r-54 {
  right: 54px;
}
.gs-r-minus-3 {
  right: -3px;
}
.gs-r-minus-30 {
  /* TODO: remove! important is deprecated!! */
  right: -30px !important;
}
.gs-shrink-0 {
  flex-shrink: 0;
}
.gs-shrink-text__lines4 {
  -webkit-line-clamp: 4;
}
.gs-t-0 {
  top: 0;
}
.gs-t-4 {
  top: 4px;
}
.gs-t-11 {
  top: 11px;
}
.gs-t-12 {
  top: 12px;
}
.gs-t-13 {
  top: 13px;
}
.gs-t-17 {
  top: 17px;
}
.gs-t-20 {
  top: 20px;
}
.gs-t-30 {
  top: 30px;
}
.gs-t-minus-5 {
  top: -5px;
}
.gs-t-minus-30 {
  top: -30px;
}
.gs-t-minus-33 {
  top: -33px;
}
.gs-t-minus-85 {
  top: -85px;
}
.gs-t-minus-118 {
  top: -118px;
}
.gs-t-a-c, modal-content-cards md-dialog .ab-feed .ab-card .ab-title, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area {
  text-align: center;
}
.gs-t-a-l {
  text-align: left;
}
.gs-t-a-r {
  text-align: right;
}
.gs-t-a-j {
  text-align: justify;
}
.gs-t-t-u, .gs-to-uppercase, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area {
  text-transform: uppercase;
}
.gs-t-3s-all {
  transition: 0.3s all;
}
.gs-text-hint {
  font-style: italic;
  font-size: 75%;
  color: rgba(0, 0, 0, 0.5);
}
.gs-u-s-n {
  -webkit-user-select: none;
          user-select: none;
}
.gs-v-h {
  visibility: hidden;
}
.gs-v-a-m {
  vertical-align: middle;
}
.gs-w-a {
  width: auto !important;
}
.gs-w-1 {
  width: 1px;
}
.gs-w-3 {
  width: 3px;
}
.gs-w-18 {
  width: 18px;
}
.gs-w-20-p {
  width: 20%;
}
.gs-w-25 {
  width: 25px;
}
.gs-w-25-p {
  width: 25%;
}
.gs-w-28 {
  width: 28px;
}
.gs-w-30 {
  width: 30px;
}
.gs-w-31 {
  width: 31px;
}
.gs-w-34 {
  width: 34px;
}
.gs-w-40 {
  width: 40px;
}
.gs-w-40-p {
  width: 40%;
}
.gs-w-42 {
  width: 42px;
}
.gs-w-44 {
  width: 44px;
}
.gs-w-50 {
  width: 50px;
}
.gs-w-50-p {
  width: 50%;
}
.gs-w-55 {
  width: 55px;
}
.gs-w-55-vw {
  width: 55vw;
}
.gs-w-65 {
  width: 65px;
}
.gs-w-65-p {
  width: 65%;
}
.gs-w-60 {
  width: 60px;
}
.gs-w-68 {
  width: 68px;
}
.gs-w-69 {
  width: 69px;
}
.gs-w-70 {
  width: 70px;
}
.gs-w-74 {
  width: 74px;
}
.gs-w-75 {
  width: 75px;
}
.gs-w-75-p {
  width: 75%;
}
.gs-w-80 {
  width: 80px;
}
.gs-w-80-p {
  width: 80%;
}
.gs-w-92-p {
  width: 92%;
}
.gs-w-100 {
  width: 100px;
}
.gs-w-100-p, modal-content-cards md-dialog .ab-feed .ab-card .ab-description .ab-url-area a {
  width: 100%;
}
.gs-w-112 {
  width: 112px;
}
.gs-w-120 {
  width: 120px;
}
.gs-w-140 {
  width: 140px;
}
.gs-w-144 {
  width: 144px;
}
.gs-w-150 {
  width: 150px;
}
.gs-w-155 {
  width: 155px;
}
.gs-w-166 {
  width: 166px;
}
.gs-w-172 {
  width: 172px;
}
.gs-w-176 {
  width: 176px;
}
.gs-w-180 {
  width: 180px;
}
.gs-w-194 {
  width: 194px;
}
.gs-w-200 {
  width: 200px;
}
.gs-w-224 {
  width: 224px;
}
.gs-w-250 {
  width: 250px;
}
.gs-w-280 {
  width: 280px;
}
.gs-w-290 {
  width: 290px;
}
.gs-w-300 {
  width: 300px;
}
.gs-w-305 {
  width: 305px;
}
.gs-w-320 {
  width: 320px;
}
.gs-w-332 {
  width: 332px;
}
.gs-w-380 {
  width: 380px;
}
.gs-w-400 {
  width: 400px;
}
.gs-w-450 {
  width: 450px;
}
.gs-w-608 {
  width: 608px;
}
.gs-w-920 {
  width: 920px;
}
.gs-w-f-c {
  /* TODO: remove! important is deprecated!! */
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.gs-white-wrapper {
  position: relative;
  display: block;
  max-width: 100%;
  min-height: 124px;
  text-align: left;
  color: #777;
  background-color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.24);
  font-size: 16px;
  line-height: 1;
}
.gs-white-wrapper .title, .gs-white-wrapper .challenges .challengeToggle .title-mobile, .challenges .challengeToggle .gs-white-wrapper .title-mobile {
  position: relative;
  font-weight: 600;
  font-size: 14px;
  color: black;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.gs-white-wrapper label span {
  min-width: 180px;
  display: inline-block;
}
.gs-white-wrapper button {
  min-width: 100px;
}
.gs-z-i-0 {
  z-index: 0;
}
.gs-z-i-1 {
  z-index: 1;
}
.gs-z-i-2 {
  z-index: 2;
}
.gs-z-i-3 {
  z-index: 3;
}
.gs-z-i-4 {
  z-index: 4;
}
.gs-z-i-10 {
  z-index: 10;
}
.gs-max-w-unset {
  max-width: unset;
}
.gs-max-w-80-p {
  max-width: 80%;
}
.gs-max-w-100-p {
  max-width: 100%;
}
.gs-max-w-142 {
  max-width: 142px;
}
.gs-max-width-240px {
  max-width: 240px;
}
.gs-min-h-22 {
  min-height: 22px;
}
.gs-min-h-83 {
  min-height: 83px;
}
.gs-min-h-200 {
  min-height: 200px;
}
.gs-m-0-24 {
  margin: 0 24px;
}
.gs-m-0-40 {
  margin: 0 40px;
}
.gs-m-0-a, md-dialog {
  margin: 0 auto;
}
.gs-m-10-0 {
  margin: 10px 0;
}
.gs-m-12-a-0 {
  margin: 12px auto 0;
}
.gs-m-t-20 {
  margin-top: 20px;
}
.gs-m-b-0 {
  margin-bottom: 0;
}

.gs-shrink-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.gs-background-center-cover {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.gs-black-overlay:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1;
  border-radius: inherit;
}

.gs-to-uppercase {
  /* TODO: deprecated. Use .gs-t-t-u instead */
}

.gs-no-border {
  border: none !important;
  border-right: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-top: none !important;
}

.gs-no-margin {
  /* TODO: remove! important is deprecated!! */
  margin: 0 0 0 0 !important;
}

.gs-no-margin-top {
  /* TODO: remove! important is deprecated!! */
  margin-top: 0 !important;
}

.gs-no-padding {
  /* TODO: remove! important is deprecated!! */
  padding: 0 0 0 0 !important;
}

.fakeU--s--,
.fakeG--s--,
.fakeZ--s--,
.fakeS--s--,
.fakeR--s--,
.fakeT--s--,
.fakeH--s--,
.fakeO--s--,
.fake0--s--,
.fakeS--s-- {
  display: none;
}

.prizes-changed-table, .prizes-changed-table tr, .prizes-changed-table td {
  border: 1px solid;
}

.prizes-changed-table tr, .prizes-changed-table td {
  padding: 3px;
}

.prizes-changed-table .header {
  background-color: gray;
}

.prizes-changed-table .header-delimiter {
  background-color: lightgray;
  font-weight: 600;
}

md-dialog {
  max-width: unset;
}

.container-challenge-divider {
  width: 1px;
  background-color: #D7D7D7;
  z-index: 2;
  height: 100%;
  position: relative;
}
.container-challenge-divider.m-show-desktop {
  display: none;
}
.container-challenge-divider.m-show-always {
  display: block;
}
@media screen and (min-width: 768px) {
  .container-challenge-divider {
    display: none;
  }
  .container-challenge-divider.m-show-desktop {
    display: block;
  }
}

.gs-battle-border {
  position: relative;
}
.gs-battle-border:after, .gs-battle-border:before {
  content: "";
  position: absolute;
  z-index: 0;
  border-radius: 20px;
}
.gs-battle-border:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(358.72deg, #6750F4 0.99%, #4669E3 98.91%);
}
.gs-battle-border:after {
  top: 10px;
  left: 10px;
  width: calc(100% - 10px * 2);
  height: calc(100% - 10px * 2);
  background-color: white;
}
.gs-battle-border > .content {
  position: relative;
  z-index: 1;
}

.a-tag-reset:hover {
  text-decoration: none;
}

.animation {
  transition: 0.3s all;
  animation-duration: 0.3s;
  animation-timing-function: ease-in;
  animation-fill-mode: both;
}
.animation.m-fade-in {
  animation-name: fadeIn;
}
.animation.m-fade-out {
  animation-name: fadeOut;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.action-button-gen {
  position: relative;
  width: 100px;
  height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.1s ease-in-out;
  text-align: center;
  color: #3797D1;
  border: 1px solid #3797D1;
  border-radius: 4px;
  background-color: #fff;
  line-height: 1;
}
.action-button-gen:not(.timer, .disabled):hover {
  color: #FFFFFF;
  background-color: #218CCC;
}
.action-button-gen:not(.timer, .disabled):hover i {
  color: #FFFFFF;
}
.action-button-gen > i {
  color: #218CCC;
  font-size: 14px;
}
.action-button-gen.disabled {
  background-color: #8BA4BD;
  cursor: default;
  color: #FFFFFF;
  border-color: #8BA4BD;
  -webkit-user-select: none;
          user-select: none;
}
.action-button-gen.disabled i {
  color: #FFFFFF;
}

.action-button-status-text, .c-challenges-item-mobile__photos__actions__item.boost-state-missed:after, .boost-state-missed.c-challenges-item-mobile__photos__actions__item--exhibit:after, .c-challenges-item-mobile__photos__actions__item.boost-state-locked:after, .boost-state-locked.c-challenges-item-mobile__photos__actions__item--exhibit:after {
  background-color: white;
  border-radius: 20px;
  height: 16px;
  min-width: 32px;
  position: absolute;
  right: 0;
  transform: translateX(calc(100% - 10px));
  border: 1px solid #218CCC;
  border-left: none;
  font-size: 12px;
  font-weight: 600;
  color: #218CCC;
  text-align: right;
  padding-right: 4px;
  padding-top: 1px;
  padding-left: 12px;
}

.action-button-status-icon {
  display: flex;
  position: relative;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 50%;
  background-color: white;
  border: 1px solid #218CCC;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  font-weight: normal;
}
.action-button-status-icon:after {
  font-family: "icomoon";
}
.action-button-status-icon.key-icon:after {
  content: "\ea7f";
  color: #FFBA00;
}
.action-button-status-icon.timer-icon:after {
  content: "\e9e4";
  color: #4A4A4A;
}

.action-button-text-box {
  color: #FFFFFF;
  background-color: #218CCC;
  border-radius: 5px;
  width: 55px;
  height: 17px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  border: 1px solid white;
  padding-top: 1px;
}

/*# sourceMappingURL=styles.82988ed7b4ae4a77.css.map*/